Иконка Stylex
logos:stylex
Иконка Stylex (logos:stylex) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 512 × 346. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- SVG Logos
- Автор
- Gil Barbara
- Лицензия
- CC0-1.0
- Размер
- 512 × 346
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="346" viewBox="0 0 512 346"><path fill="#5bd3f3" d="M458.158 180.813c1.901 4.453 10.394 22.139 12.138 26.478c-10.62 17.607-13.112 22.175-35.314 50.085c-90.356 93.558-160.068 108.676-202.788 64.969q-6.26-6.69-11.101-17.393q1.364 2.455 3.602 5.411l.54.703l.278.356l.576.724l.6.736l.624.75l.648.765l.673.778l.697.793l.72.805l.746.82l.382.415l.781.84l.4.426l.818.861l.418.436c52.77 47.773 105.408 6.787 176.877-72.403q16.182-18.817 47.685-67.355m27.597-151.146c33.443 28.744 33.443 73.348 8.356 137.053c-1.922-4.684-10.39-23.409-12.514-28.206c19.75-54.105 20.207-79.827-8.196-105.478c-16.34-14.756-27.943-15.363-50.036-11.77l-1.446.241l-.727.125l-1.463.261l-1.475.272l-.742.14l-17.42 3.45v-.031l.385-.14c34.959-12.736 64.98-13.754 85.278 4.083"/><path fill="#d573de" d="M463.693 121.952c53.019 99.976 56.365 154.074 38.705 191.918c-6.362 13.637-22.227 23.062-29.052 26.727c-17.13 9.2-52.596 4.62-84.301-4.67l-4.753-2.023c15.932 5.123 50.554 11.817 69.22 6.693c61.303-16.827 54.01-89.702-7.605-204.153S316.879-9.4 263.739 12.178c-5.102 2.072-9.55 4.903-13.377 8.41l.41-.436l.82-.862l.412-.425l.825-.838c5.927-5.946 12.072-10.586 18.405-12.722c48.055-16.209 130.55-.095 192.46 116.647"/><path d="M0 227.235V202.88q9.568 6.711 19.571 10.872q10.002 4.164 16.837 4.163q7.082 0 12.177-3.479t5.094-8.325q0-4.97-3.292-8.263q-3.293-3.293-14.227-9.506q-21.87-12.177-28.642-20.814q-6.772-8.634-6.772-18.825q0-13.17 10.25-21.495q10.253-8.327 26.406-8.327q16.775 0 34.419 9.444v22.366q-20.13-12.177-32.928-12.177q-6.585 0-10.624 2.796q-4.038 2.796-4.038 7.394q0 3.976 3.666 7.579q3.665 3.604 12.86 8.698l8.077 4.597q28.58 16.155 28.579 35.787q0 14.04-10.997 23.05q-10.997 9.009-28.269 9.009q-10.19 0-18.14-2.174q-7.954-2.175-20.007-8.016zm79.525-87.975l42.497-41.75v23.608h36.159v20.379h-36.16v56.04q0 19.632 16.279 19.632q12.178 0 25.72-8.2v21.123q-13.046 7.332-28.454 7.332q-15.532 0-25.845-9.07q-3.232-2.736-5.344-6.152t-3.542-8.947q-1.428-5.529-1.429-21.061v-50.697h-19.88zm170.731-18.143h25.473l-80.892 172.596h-25.225l38.893-82.756l-44.236-89.84h25.721l30.816 64.491zm31.66-59.27h22.616v173.588h-22.615zM417.93 180.265h-80.395q.87 16.402 10.997 26.095q10.127 9.691 26.155 9.691q22.367 0 41.255-13.917v22.119q-10.438 6.957-20.69 9.94q-10.25 2.983-24.043 2.983q-18.887 0-30.568-7.829q-11.68-7.829-18.7-21.062q-7.022-13.233-7.022-30.63q0-26.093 14.787-42.434t38.396-16.34q22.74 0 36.283 15.905q13.545 15.905 13.545 42.62zm-79.899-13.544h57.532q-.87-13.545-8.077-20.875q-7.206-7.332-19.384-7.332q-12.177 0-19.943 7.332t-10.127 20.875z"/></svg>Как использовать иконку Stylex
React
import { Icon } from "@iconify/react";
<Icon icon="logos:stylex" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:stylex" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:stylex" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylex]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylex"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:stylex"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="Иконка Stylex" width="24" height="24">Похожие иконки в наборе SVG Logos
Вопросы и ответы: Иконка Stylex
Можно ли бесплатно использовать иконку Stylex в коммерческих проектах?
Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Stylex в React?
Установите @iconify/react и выведите <Icon icon="logos:stylex" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Stylex на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/stylex.svg" alt="Иконка Stylex">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.