Как нарисовать букву S на SVG?

Question

[Станислав]

С SVG у меня до сих пор беда =(
Есть SVG иконка

Нужно нарисовать будку S в центре, не текстом.

Answer 1

[Stranger in the Q]

Редактор тут не нужен, тут нужны кривые Безье:

2 квадратичных и 2 кубических:

<svg width="320px" height="320px" viewBox="0 0 16 16">
  <path fill="none" stroke="#333" stroke-width="2" d="
    m 3 10
    c 0 4 8 4 8 0
    q 0 -2 -4 -3 
    q -4 -1 -4 -3 
    c 0 -4 8 -4 8 0
    "></path>
</svg>

или 3 кубических:

<svg width="175px" height="175px" viewBox="0 0 16 16">
  <path fill="none" stroke="#333" stroke-width="2" d="
    m 3 10
    c 0 4 8 4 8 0
    c 0 -4 -8 -2 -8 -6 
    c 0 -4 8 -4 8 0
    "></path>
</svg>

Answer 2

[Дима Паутов]

Ну так зайдите в векторый редактор да напишите букву S и преобразуйте её в кривые. Господи, вот же проблему нашли!!

Comments

[Станислав]

Мне из за буквы S, устанавливать на Linux векторный редактор? А может мне еще Windows установить чтобы поставить векторный редактор, разобраться в нем и нарисовать букву S, а после все удалить. По моему в комментах именно вы проблему создаете, вообще не понимаю зачем такое писать, если можно просто пройти мимо!?

[Дима Паутов]

Станислав, у фронтенд разработчика должен быть такой редактор под рукой. Т.к. сейчас век svg и в нужное время сделать какие либо правки или преобразования очень удобно!! Чё вы взъелись, не понятно!!!