Иконка Sys Background
token-branded:sys-background
Иконка Sys Background (token-branded:sys-background) — бесплатная SVG-иконка из набора Web3 Icons Branded от 0xa3k5. Она нарисована на сетке 24 × 24. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Web3 Icons Branded
- Автор
- 0xa3k5
- Лицензия
- MIT
- Размер
- 24 × 24
- Теги
- sysbackground
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#20468f" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.99 17.378a8.4 8.4 0 0 1-1.448 1.007c.1-.078-.212-.407-.118-.491c2.358-2.053 2.896-4.696 1.945-7.021c-.129-.314.142-.44.143-.728c2.172 2.055 1.938 5.091-.521 7.233"/><path fill="#fff" d="M18.512 10.146c-.797-.755-1.915-1.377-3.367-1.774l-.018-.005l.02.005c.477.125.514.677.842.956c.702.597.894 1.361.966 2.371c.108 1.502.1 2.988-.996 4.31c-.575.695-1.302 1.326-2.16 1.697l-.191.083l-.028.01q-.669.267-1.377.396c-1.778.336-4.128.196-6.972-.709a10.3 10.3 0 0 0 3.58 1.798c1.297.354 2.65.454 3.985.293q.004 0 .01-.003a10.4 10.4 0 0 0 2.691-.69h.003q.535-.218 1.041-.498q.15-.119.293-.245c2.675-2.33 3.282-5.491 1.678-7.995"/><path fill="#fff" d="M13.608 17.788c3.324-1.356 3.503-4.794-.36-6.729c-2.807-1.406-1.567-3.637 1.898-2.687c3.872 1.018 2.727 7.768-1.538 9.416"/><path fill="#fff" d="M18.77 6.515c-3.654-1.163-6.488-1.063-8.348-.313l-.027.01C7.63 7.341 7.04 9.908 9.143 11.852c-.554-.46-1.187-.948-1.46-1.57a4.77 4.77 0 0 1-.315-2.603c.19-1.117.895-2.125 2.056-2.74c.462-.246 1.157-.421 1.784-.515a10.25 10.25 0 0 1 7.561 2.09"/><path fill="#fff" d="M9.76 15.814c-.24-.077-.51-.114-.732-.204c-2.821-1.136-4.329-3.25-4.275-5.336c.039-1.482.907-2.984 2.328-4.221c.402-.35.932-.645 1.42-.935l.003-.002a10.4 10.4 0 0 1 2.703-.693q-.332.05-.654.138c-3.651.995-3.87 5.25-1.41 7.292l.002.001c.425.393.96.762 1.61 1.086c2.544 1.276 1.761 3.231-.994 2.874"/><path fill="#fff" d="M9.759 15.816a7 7 0 0 1-.906-.185c-5.41-1.481-6.204-6.082-2.844-9.009A8.9 8.9 0 0 1 8.5 5.12q-.713.42-1.34.963c-3.58 3.116-2.867 7.962 2.6 9.734"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Sys Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:sys-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:sys-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:sys-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--sys-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:sys-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:sys-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/sys-background.svg" alt="Иконка Sys Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Sys Background
Можно ли бесплатно использовать иконку Sys Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sys Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:sys-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sys Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/sys-background.svg" alt="Иконка Sys Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.