@anyachecka

Как нарисовать данный элемент?

5fa5d08441496147002119.jpeg
  • Вопрос задан
  • 59 просмотров
Решения вопроса 2
RAX7
@RAX7
Берешь и рисуешь в векторном редакторе ¯\_(ツ)_/¯
Adobe Illustrator
5fa6e29e8ff86360509961.gif
Ответ написан
melpnz
@melpnz
UX/UI дизайнер
В целом, в любом векторном редакторе - Illustrator, Figma.

Вот вам SVG, если не получится самостоятельно нарисовать:

Через обводку:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250.5 280.9">
<path fill="none" stroke="#000" stroke-width="6" stroke-miterlimit="10" d="M247.5 116.7C242.4 53.9 189.4 4.5 125.3 4.5c-29.2 0-56 10.2-77 27.3V3H3v123.8C3 194.3 57.7 249 125.3 249c29.2 0 56-10.2 77-27.3v56.2c25-.1 45.3-20.5 45.3-45.5V116.7h-.1zm-122.2 83.4c-40.5 0-73.4-32.9-73.4-73.4s32.9-73.4 73.4-73.4 73.4 32.9 73.4 73.4-32.9 73.4-73.4 73.4z"/>
</svg>


Через заливку:
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 250.5 280.9">
<path fill="#000" d="M125.3 50.4c-42.1 0-76.4 34.3-76.4 76.4s34.3 76.4 76.4 76.4 76.4-34.3 76.4-76.4-34.3-76.4-76.4-76.4zm0 146.7c-38.8 0-70.4-31.6-70.4-70.4s31.6-70.4 70.4-70.4 70.4 31.6 70.4 70.4-31.6 70.4-70.4 70.4z"/>
<path fill="#000" d="M250.5 116.5c-2.5-31.2-16.7-60.2-39.9-81.7C187.3 13.3 157 1.4 125.3 1.4c-26.6 0-52.6 8.6-74 24.2V0H0v126.8C0 195.8 56.2 252 125.3 252c26.6 0 52.6-8.6 74-24.2v53.1h3c26.6-.2 48.2-21.9 48.2-48.5V116.5zm-6 115.9c0 22.3-17.3 40.7-39.3 42.4v-59.4l-4.9 4c-21.2 17.2-47.8 26.6-75.1 26.6C59.5 246 6 192.5 6 126.8V6h39.3v32.1l4.9-4C71.3 17 98 7.5 125.3 7.5c61.9 0 114.2 48 119.3 109.4v115.5z"/>
</svg>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы