https://jsfiddle.net/fajjet/9x6zd72j/ - Вот ссылка. Там суть проблемы. Path обрезает кусок треугольника. Как я понял path сам выбирает себе размер в зависимости от кода. Что интересно обрезает он только по X-су слева. svg overflow: visible стоит. Если нет возможность отключить overflow:hidden слева у path, то можно ли как-то сделать отступ внутри самого path. Чтобы, допустим, он имел ширину 400px, но рисунок начинался с 50px?