Иконка Si
token-branded:si
Иконка Si (token-branded:si) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#fff" d="M14.5 12.694q-1.002-.42-2.383-.588a.6.6 0 0 0-.222.016c-.52.143-1.06.254-1.641.318c-1.112.137-1.986 0-2.632-.392a1.84 1.84 0 0 1-.889-1.398c-.117-.868.159-1.535.836-2.006c.389-.262.82-.452 1.276-.562c1.197-.301 2.71-.391 4.543-.259c1.292.095 2.52.265 3.695.503c.032 0 .042.021.037.053l-.048.233q-.079.454-.174.646a.75.75 0 0 1-.466.423a1 1 0 0 1-.413 0a24 24 0 0 0-4.998-.36c-.413.016-.805.043-1.164.096q-.931.127-1.186.571a.78.78 0 0 0-.037.742q.15.333.513.54c.26.148.477.248.64.312c.61.212 1.26.37 1.96.46c.09.016.18.011.259-.01a12 12 0 0 1 2.345-.365a3.7 3.7 0 0 1 1.689.264a1.88 1.88 0 0 1 1.16 1.218c.142.508.127.969-.059 1.398c-.185.423-.508.746-.969.984q-.706.36-1.556.503q-1.407.238-2.965.196a31 31 0 0 1-4.907-.545c-.027-.005-.032-.021-.027-.048l.032-.18c.058-.307.122-.53.185-.656a.75.75 0 0 1 .492-.413a1.6 1.6 0 0 1 .646.031c.387.074.773.127 1.165.17q1.875.192 3.764.137c.408-.01.81-.047 1.218-.105q1.375-.206 1.154-1.133a.9.9 0 0 0-.36-.498a2.3 2.3 0 0 0-.514-.296"/><path fill="url(#SVGe10cJbhY)" fill-rule="evenodd" d="M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m0-1.059a7.942 7.942 0 1 0 0-15.883a7.942 7.942 0 0 0 0 15.883" clip-rule="evenodd"/><defs><linearGradient id="SVGe10cJbhY" x1="5.128" x2="18.284" y1="6.367" y2="17.75" gradientUnits="userSpaceOnUse"><stop stop-color="#3d56c6"/><stop offset=".24" stop-color="#dc52f4"/><stop offset=".5" stop-color="#8af34e"/><stop offset="1" stop-color="#2ac4e6"/></linearGradient></defs></g></svg>
Как использовать иконку Si
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:si" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:si" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:si" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--si]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:si"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:si"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/si.svg" alt="Иконка Si" width="24" height="24">
Похожие иконки в наборе Web3 Icons Branded
Иконка Si в других наборах
Вопросы и ответы: Иконка Si
Можно ли бесплатно использовать иконку Si в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Si в React?
Установите @iconify/react и выведите <Icon icon="token-branded:si" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Si на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/si.svg" alt="Иконка Si">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Web3 Icons Branded →
ICONYZ
