Иконка Sha Background
token-branded:sha-background
Иконка Sha Background (token-branded:sha-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
- Теги
- shabackground
Код 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="url(#SVGfzZ9Cecc)" d="M12.2 4.036a.53.53 0 0 0-.389 0q-2.702.973-5.401 1.953c-.22.084-.352.268-.352.393v5.033c0 3.134.834 4.67 1.785 5.805c1.853 1.987 3.796 2.618 3.971 2.733c.13.085.317.036.395 0c1.696-.745 3.215-1.887 3.938-2.733c1.428-1.675 1.795-3.174 1.795-5.806V6.337c0-.204-.2-.317-.3-.349z"/><path fill="url(#SVG1VyWzHqU)" d="M12.184 4.49a.48.48 0 0 0-.358 0Q9.33 5.407 6.84 6.33c-.203.079-.325.252-.325.37v4.745c0 2.955.77 4.402 1.647 5.473c1.711 1.873 3.504 2.468 3.666 2.577c.12.08.293.033.365 0c1.565-.703 2.968-1.779 3.634-2.577c1.319-1.579 1.658-2.992 1.658-5.473V6.659c0-.192-.185-.299-.278-.328z"/><path fill="url(#SVGYG217bJx)" d="M12.169 4.946a.43.43 0 0 0-.329 0q-2.286.86-4.57 1.73c-.186.073-.298.236-.298.347v4.457c0 2.776.705 4.136 1.51 5.14c1.568 1.76 3.212 2.32 3.36 2.422c.11.075.269.032.335 0c1.434-.66 2.72-1.671 3.331-2.421c1.208-1.483 1.52-2.81 1.52-5.141V6.985c0-.181-.17-.282-.255-.309z"/><path fill="url(#SVGrlrFSb1r)" d="M12.668 11.141a1.371 1.371 0 1 0-1.346-.006l-.693 2.922h2.743z"/></g><defs><linearGradient id="SVGfzZ9Cecc" x1="12" x2="12" y1="4" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#132368"/><stop offset="1" stop-color="#b02cbc"/></linearGradient><linearGradient id="SVG1VyWzHqU" x1="12" x2="12" y1="3.999" y2="19.999" gradientUnits="userSpaceOnUse"><stop stop-color="#f8f9fb"/><stop offset="1" stop-color="#af2cbb"/></linearGradient><linearGradient id="SVGYG217bJx" x1="12" x2="12" y1="3.999" y2="20" gradientUnits="userSpaceOnUse"><stop stop-color="#1b246c"/><stop offset=".496" stop-color="#a27dc3"/><stop offset="1" stop-color="#faeffd"/></linearGradient><linearGradient id="SVGrlrFSb1r" x1="12.008" x2="12.008" y1="8.637" y2="14.137" gradientUnits="userSpaceOnUse"><stop stop-color="#31237b"/><stop offset="1" stop-color="#72259e"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Sha Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:sha-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:sha-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:sha-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--sha-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:sha-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:sha-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/sha-background.svg" alt="Иконка Sha Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Sha Background
Можно ли бесплатно использовать иконку Sha Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sha Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:sha-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sha Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/sha-background.svg" alt="Иконка Sha Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.