Иконка Brush
token-branded:brush
Иконка Brush (token-branded:brush) — бесплатная 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="url(#SVGuPemTyJO)" fill-opacity=".3" d="M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0"/><path fill="url(#SVGB3SqyddD)" fill-rule="evenodd" d="M12 20.37a8.37 8.37 0 0 0 7.934-5.118A8.375 8.375 0 1 0 12 20.37m0 .63a9 9 0 1 0 0-18a9 9 0 0 0 0 18" clip-rule="evenodd"/><path fill="url(#SVGsSP9wbyT)" d="m6.966 16.326l3.594-3.257c.326.168.911.562.934 1.113l-3.178 3.505c-.45-.011-1.35-.304-1.35-1.361m1.186.421a.28.28 0 1 0 0-.556a.281.281 0 1 0 0 .562z"/><path fill="#737071" d="m11.612 12.726l3.695 1.575l.788-.832l-.135-.17l.371-.292l.383.495l-1.288 1.35l-3.696-1.563l-.585.635l-.349-.32z"/><path fill="#b38c68" d="M11.235 6.393c-1.125.163-1.868 1.35-2.099 1.912l5.614 5.664a2.05 2.05 0 0 0 2.076-1.895z"/><path fill="url(#SVGAy4IIdqu)" d="M10.081 7.428c-.236.09-.461.9-.54 1.288l5.029 5.074c.94-.073 1.187-.54 1.198-.765c.248-.056.827-.686 1.08-.996l-5.524-5.613c-.19.09-.562.32-.562.517c0 .248-.388.383-.68.495"/><path fill="url(#SVGKR2iDfIH)" d="M14.548 3.006L11.28 6.482l5.512 5.552l4.163-4.174V3h-6.407z"/><defs><linearGradient id="SVGuPemTyJO" x1="6.201" x2="17.349" y1="5.171" y2="18.817" gradientUnits="userSpaceOnUse"><stop stop-color="#99817e"/><stop offset=".25" stop-color="#948680"/><stop offset=".51" stop-color="#7c988b"/><stop offset=".77" stop-color="#7b90a1"/><stop offset="1" stop-color="#868a9f"/></linearGradient><linearGradient id="SVGB3SqyddD" x1="6.336" x2="17.006" y1="4.755" y2="19.234" gradientUnits="userSpaceOnUse"><stop stop-color="#ff413f"/><stop offset=".16" stop-color="#fd9819"/><stop offset=".36" stop-color="#fcc008"/><stop offset=".51" stop-color="#45c391"/><stop offset=".7" stop-color="#d69b70"/><stop offset=".86" stop-color="#a767e5"/><stop offset="1" stop-color="#6a8aef"/></linearGradient><linearGradient id="SVGsSP9wbyT" x1="8.232" x2="14.52" y1="9.819" y2="16.41" gradientUnits="userSpaceOnUse"><stop stop-color="#d02612"/><stop offset=".48" stop-color="#eb4f2e"/><stop offset="1" stop-color="#841f0c"/></linearGradient><linearGradient id="SVGAy4IIdqu" x1="5.272" x2="18.454" y1="5.884" y2="18.939" gradientUnits="userSpaceOnUse"><stop stop-color="#0ebeff"/><stop offset=".28" stop-color="#46cb85"/><stop offset=".51" stop-color="#fa4b4c"/><stop offset=".69" stop-color="#f9cd07"/><stop offset="1" stop-color="#ae63e4"/></linearGradient><linearGradient id="SVGKR2iDfIH" x1="13.114" x2="18.57" y1="4.479" y2="10.088" gradientUnits="userSpaceOnUse"><stop stop-color="#79dbff"/><stop offset=".29" stop-color="#77dc9b"/><stop offset=".55" stop-color="#eb6f69"/><stop offset=".73" stop-color="#fee074"/><stop offset="1" stop-color="#c58fec"/></linearGradient></defs></g></svg>
Как использовать иконку Brush
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:brush" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:brush" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:brush" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--brush]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:brush"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:brush"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/brush.svg" alt="Иконка Brush" width="24" height="24">
Похожие иконки в наборе Web3 Icons Branded
Иконка Brush в других наборах
Вопросы и ответы: Иконка Brush
Можно ли бесплатно использовать иконку Brush в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Brush в React?
Установите @iconify/react и выведите <Icon icon="token-branded:brush" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Brush на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/brush.svg" alt="Иконка Brush">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Web3 Icons Branded →
ICONYZ
