Иконка Smi Background
token-branded:smi-background
Иконка Smi Background (token-branded:smi-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
- Теги
- smibackground
Код 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="#fff" d="M24 0H0v24h24z"/><path fill="#00a59d" d="M4.47 15.368v-.263l1.045-.386q.154-.058.09-.207a7.11 7.11 0 0 1 1.552-8a6.8 6.8 0 0 1 3.624-1.869q2.224-.39 4.386.683a6.92 6.92 0 0 1 3.304 3.576c.056.127.09.123.09-.023V5.697a.26.26 0 0 0-.123-.226c-.485-.31-.57-.677-.254-1.11q.479-.642 1.063-.141c.273.23.349.531.226.894a.4.4 0 0 1-.132.188l-.235.193a.28.28 0 0 0-.113.235l.01 5.836q0 1.56-.664 2.993c-.038.08-.014.136.061.17l.857.338c.235.094.282.25.164.47a8.66 8.66 0 0 1-3.294 3.366a8.2 8.2 0 0 1-4.212 1.096a8.17 8.17 0 0 1-4.193-1.176a8.77 8.77 0 0 1-3.252-3.455M19.106 4.784c0-.202-.104-.3-.301-.3q-.303-.002-.301.3q-.001.303.3.302q.298 0 .297-.302zm-7.83 13.775c-2.26-.202-4.048-1.332-5.347-3.384q-.079-.125-.221-.075l-.574.221q-.15.058-.066.193c1.567 2.669 3.854 4.015 6.852 4.038c2.993.019 5.304-1.285 6.923-3.915c.07-.113.047-.203-.076-.26l-.442-.211c-.122-.056-.226-.033-.301.08c-1.695 2.466-3.949 3.572-6.749 3.313"/><path fill="#f0f3fa" d="m13.468 5.49l-2.429-.145q-.445-.028-.009-.118a5.1 5.1 0 0 1 2.659.221q.114.04.01.104q-.052.03-.095-.005a.24.24 0 0 0-.141-.056z"/><path fill="#252228" d="M16.903 13.947a3.58 3.58 0 0 0-2.715.8c-.075.057-.127.043-.16-.052a2.21 2.21 0 0 0-1.229-1.458a1.93 1.93 0 0 0-1.887.136a2.95 2.95 0 0 0-1.176 1.318c-.047.094-.099.103-.17.037a3.07 3.07 0 0 0-2.73-.762a9.1 9.1 0 0 1 .815-3.03a.3.3 0 0 0 .014-.227q-.81-2.408-.499-3.82q.098-.453.527-.283q1.292.495 2.316 1.859q.076.106.202.066a5.13 5.13 0 0 1 3.516.06q.112.043.183-.056c.79-1.082 1.624-1.736 2.494-1.948c.212-.052.344.028.391.25q.297 1.39-.527 4.032a.34.34 0 0 0 .014.236c.323.808.54 1.654.645 2.518q.034.224-.024.329z"/><path fill="#f0f3fa" d="M7.929 7.529c.593.277 1.12.672 1.586 1.195q.083.09-.024.16a4.4 4.4 0 0 0-1.275 1.176q-.076.106-.132-.014a4.4 4.4 0 0 1-.31-2.433q.027-.142.155-.08zm7.878 2.583q-.05.12-.127.014a4.25 4.25 0 0 0-1.304-1.204q-.114-.072-.024-.17a5.5 5.5 0 0 1 1.6-1.223c.123-.066.189-.029.212.112a4.57 4.57 0 0 1-.357 2.471m-6.64 1.393c-.128 0-.189-.061-.194-.188v-.104q-.008-.628.598-.63h.057c.404 0 .607.202.611.62v.104q.002.19-.188.189zm4.466-.01q-.19 0-.189-.192v-.123q.015-.605.607-.597h.057c.395.01.593.216.583.62v.123c0 .127-.07.188-.197.188zm-4.669.358c.838.283 1.388.64 1.647 1.06q.1.161-.09.183a2.84 2.84 0 0 1-1.693-.414c-.203-.113-.269-.33-.189-.655c.047-.174.156-.235.33-.174zm5.845.852q-.86.496-1.685.377q-.15-.015-.066-.142a2.53 2.53 0 0 1 1.77-1.087c.094-.018.155.024.188.113q.168.528-.207.74m2.094 1.242q.078.049.043.189c-.532 1.788-1.944 2.974-4.24 3.548a2.9 2.9 0 0 1-1.516-.014c-1.318-.367-2.4-.927-3.247-1.67a3.6 3.6 0 0 1-1.106-2.034a3.07 3.07 0 0 1 2.73.763q.106.1.164-.033a2.95 2.95 0 0 1 1.177-1.322a1.93 1.93 0 0 1 1.892-.137a2.21 2.21 0 0 1 1.228 1.459q.049.14.16.047a3.58 3.58 0 0 1 2.715-.796"/><path fill="#252228" d="M12.15 15.072q-.281.17-.061.41c.16.188.348.235.565.16a.26.26 0 0 0 .14-.123a1 1 0 0 0 .11-.273q.034-.14.173-.14q.014 0 .024.009c.047.028.075.07.075.136q-.028.475-.424.66q-.407.19-.767-.133q-.084-.072-.169-.01q-.818.567-1.247-.385c-.038-.09-.024-.165.052-.23l.051-.038c.062-.047.104-.043.132.028l.141.358a.23.23 0 0 0 .16.14a.48.48 0 0 0 .532-.122q.262-.255-.047-.46a.8.8 0 0 1-.362-.65c-.01-.108.047-.165.155-.165h.979q.198-.001.17.188a.81.81 0 0 1-.377.64z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Smi Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:smi-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:smi-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:smi-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--smi-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:smi-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:smi-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/smi-background.svg" alt="Иконка Smi Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Smi Background
Можно ли бесплатно использовать иконку Smi Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Smi Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:smi-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Smi Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/smi-background.svg" alt="Иконка Smi Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.