Иконка Kint Background
token-branded:kint-background
Иконка Kint Background (token-branded:kint-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
- Теги
- kintbackground
Код 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="#051332" d="M24 0H0v24h24z"/><path fill="#fff" d="M12 8.5a3.49 3.49 0 1 1 0 6.98a3.49 3.49 0 0 1 0-6.98"/><path fill="#fff" d="m10.165 9.825l-.105.28c.62 0 .54.085.89-.28c.375-.4.295-.21.91-.23c.94-.015.38-.615 1.69-.615c-.99.26-.755.525-1.415.875a4.3 4.3 0 0 1-1.8.54l.355.35c1.505.045 1.3.525 2.265.375c.55-.08 1.35-.035 1.895.085l.48.245l-1.6-.08c.365.56-.02-.02-.05 1.71c.15.115.235.185.415.3c.24.17.255.145.35.375c.12.215.085.355.155.58A3.486 3.486 0 0 0 12.01 8.5h-.17c-.145.145-.35.225-.755.65c-.34.365-.67.48-.92.675m4.15 4.795c-.295-.3-.7-.145-1.85-.395c-.35-.08-.715-.24-.9-.265c-.5-.065-.205.135-.865-.05c.185.43.26.12.285.745c-.215-.08-.23-.115-.4-.24l-.965-.82c-.165-.215-.185-.32-.435-.455c-.22-.125-.33-.115-.55-.24a3.49 3.49 0 0 0 5.68 1.72"/><path fill="#fff" d="M11.77 12.145c-.17.345-.42.415-.9.45c-.73.055-.605.16-1.105.27l-.01.195c.315.06.605.24.785.535c1 .33.34.09.785.07c.2-.01.615.225.9.26l.975.17c.55.07.615-.125 1.045.175l.015-.515c-1.25-.84-.31-1.85-1.04-1.9c-.56-.035-1.05.26-1.45.285z"/><path fill="#fff" d="M8.606 12.81c1.4.07.385.1 1.34-.24c.29-.105.505-.02.835-.06c.32-.05.41-.215.64-.36c.535-.525 1.125-.17 1.57-.41c-.33-.21-.42-.035-.785-.2c-.265-.13-.23-.215-.55-.34c-.59-.235-1.07.125-1.34-.45c-.37-.175-.63-.23-.96-.015c-.35.225-.295.25-.75.41a3.4 3.4 0 0 0 0 1.665m.055-1.825c.42-.1.23-.125.55-.4c.535-.465.42.045.21-.58c.47.24.35.43.655-.17l.08-.8a3.46 3.46 0 0 0-1.495 1.95"/><path fill="#fff" fill-rule="evenodd" d="M19.49 4.55c-.225-.765-3.75-.725-7.89.075c-4.13.8-7.31 2.065-7.09 2.825c.225.765 3.75.725 7.89-.075s7.31-2.065 7.09-2.825m-6.6 2.325c3.235-.7 6.11-1.765 6.11-2.1c0-.66-3.36-.5-6.79.105c-3.565.63-7.2 1.835-7.2 2.405c0 .615 4.155.395 7.885-.41zm6.6 9.675c-.225-.765-3.75-.725-7.89.075c-4.13.8-7.31 2.065-7.09 2.825c.225.765 3.75.725 7.89-.075s7.31-2.065 7.09-2.825m-6.6 2.325c3.235-.7 6.11-1.765 6.11-2.1c0-.66-3.36-.5-6.79.105c-3.565.63-7.2 1.835-7.2 2.405c0 .615 4.155.395 7.885-.41z" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Kint Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:kint-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:kint-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:kint-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--kint-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:kint-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:kint-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/kint-background.svg" alt="Иконка Kint Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Kint Background
Можно ли бесплатно использовать иконку Kint Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Kint Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:kint-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Kint Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/kint-background.svg" alt="Иконка Kint Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.