Как правильно копировать SVG из Figma?

Question

[PochemuIKak]

Копирую svg изображение из Figma (форму для кнопки), после вставки всё хорошо, до того момента когда я захотел сделать svg с шириной 100%. Сам svg увеличивается, а path остаётся прежних размеров, вот я и подумал что Figma неправильно копирует SVG.
Так как скопировать SVG из Figma, чтобы оно было адаптивным?

Comments

[Ankhena]

Сделайте песочницу на jsfiddle.net или аналоге.
Иначе плохо видно, что там неадаптивно.

[Fredd Monty]

просто экспортируйте svg и используйте

[PochemuIKak]

Ankhena, https://jsfiddle.net/WEB_DIMITRIY/tw4j2Laf/1/
Нужно сделать на всю ширину экрана, path не хочет адаптироваться.

[Ankhena]

PochemuIKak, preserveAspectRatio="none" для SVG, чтобы оно смогло менять пропорции. Иначе вам будет мешать высота.
И я не вижу у вас ширины в %, вижу фикс в px.

[PochemuIKak]

Ankhena, и правда работает, спасибо. Правда проблему не решило, кнопка теряет свою форму.

[Ankhena]

PochemuIKak, логично. Либо то либо другое.
Чтобы было всё вместе ваш способ не подойдет. Разбейте фигуру на части.

[PochemuIKak]

Ankhena, а можно ли сразу создать адаптивное svg, которое при растяжении не будет терять свою форму?

[Ankhena]

PochemuIKak, как вы себе это представляете с точки зрения геометрии?