Иконка Susy
logos:susy
Иконка Susy (logos:susy) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 228. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 256 × 228
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="228" viewBox="0 0 256 228"><path fill="#ff0080" d="M0 110.558v-3.22c12.546-10.645 28.043-25.5 39.605-38.127l5.903 3.961c-6.64 11.885-16.234 24.759-25.582 34.415c14.76 18.569 15.497 19.56 25.09 35.406l-5.411 3.962c-5.412-5.694-7.872-8.42-15.498-15.35c-8.855-8.42-7.872-7.182-20.663-18.076zm50.204 57.552l10.51-5.254c19.705 29.88 50.905 50.566 75.865 50.566c23.975 0 41.054-17.075 41.054-41.372c0-23.968-13.795-36.117-53.533-46.952c-47.293-12.806-65.356-30.208-65.356-64.026C58.744 27.252 85.017 0 117.203 0c8.867 0 8.21 0 28.901 6.239c2.955.985 6.897 1.642 8.539 1.642c2.298 0 5.583-.985 8.54-2.299L174.346.001l20.363 56.803l-10.51 6.895c-19.048-31.521-43.352-49.58-66.997-49.58c-20.69 0-36.126 15.432-36.126 36.446c0 20.685 14.122 34.148 43.351 41.7c14.123 3.612 24.303 6.567 29.23 7.88c29.558 8.864 47.293 32.178 47.293 61.4c0 37.103-28.572 65.997-64.699 65.997c-11.166 0-16.75-1.313-30.543-7.552c-5.911-2.627-9.524-3.611-11.823-3.611c-3.284 0-5.583.985-9.524 3.283l-12.48 7.88zm161.025-25.116c9.594-16.094 10.086-16.836 24.846-35.406c-9.348-9.657-18.942-22.53-25.583-34.416l6.148-3.961c11.317 12.627 26.322 26.987 39.36 38.128v3.22l-12.546 10.398c-4.674 3.962-18.203 16.837-27.059 25.998z"/></svg>Как использовать иконку Susy
React
import { Icon } from "@iconify/react";
<Icon icon="logos:susy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:susy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:susy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--susy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:susy"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:susy"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/susy.svg" alt="Иконка Susy" width="24" height="24">Вопросы и ответы: Иконка Susy
Можно ли бесплатно использовать иконку Susy в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Susy в React?
Установите @iconify/react и выведите <Icon icon="logos:susy" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Susy на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/susy.svg" alt="Иконка Susy">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.