Иконка Stylex Icon

logos:stylex-icon

Иконка Stylex Icon (logos:stylex-icon) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 305. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: SVG Logos
Автор: Gil Barbara
Лицензия: CC0-1.0
Размер: 256 × 305
Теги: stylexicon

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="305" viewBox="0 0 256 305"><path fill="#5bd3f3" d="M208.619 159.116c1.673 3.92 9.146 19.483 10.682 23.301c-9.347 15.494-11.54 19.515-31.077 44.075C108.71 308.824 47.363 322.128 9.77 283.665Q4.26 277.779 0 268.36q1.2 2.16 3.17 4.761l.475.618q.121.157.245.314l.507.637l.528.648l.549.66l.57.673l.592.685l.613.697l.635.709l.656.721l.336.366l.688.74l.352.374l.72.758l.367.383c46.438 42.04 92.76 5.973 155.653-63.715q14.239-16.56 41.963-59.273m24.286-133.01c29.43 25.296 29.43 64.548 7.353 120.609c-1.692-4.122-9.144-20.6-11.013-24.822c17.38-47.613 17.783-70.248-7.212-92.82c-14.38-12.986-24.59-13.52-44.032-10.358l-1.273.212q-.32.053-.64.11l-1.287.23l-1.298.238l-.653.124l-15.33 3.036v-.028l.339-.123c30.764-11.208 57.183-12.103 75.046 3.593"/><path fill="#d573de" d="M213.49 107.318c46.657 87.98 49.601 135.586 34.06 168.89c-5.598 12-19.56 20.294-25.566 23.52c-15.074 8.095-46.285 4.064-74.185-4.11l-4.182-1.781c14.02 4.509 44.488 10.4 60.914 5.89c53.946-14.808 47.528-78.939-6.693-179.655S84.293-8.273 37.53 10.717c-4.49 1.823-8.405 4.314-11.773 7.4l.36-.383l.723-.76l.362-.373l.727-.737c5.215-5.232 10.623-9.316 16.196-11.196C86.413-9.595 159.01 4.584 213.49 107.318"/></svg>

Как использовать иконку Stylex Icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:stylex-icon" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:stylex-icon" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:stylex-icon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--stylex-icon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:stylex-icon"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:stylex-icon"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/stylex-icon.svg" alt="Иконка Stylex Icon" width="24" height="24">

Вопросы и ответы: Иконка Stylex Icon

Можно ли бесплатно использовать иконку Stylex Icon в коммерческих проектах?

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Stylex Icon в React?

Установите @iconify/react и выведите <Icon icon="logos:stylex-icon" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Stylex Icon на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/logos/stylex-icon.svg" alt="Иконка Stylex Icon">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки SVG Logos →