Иконка Umami Background
token-branded:umami-background
Иконка Umami Background (token-branded:umami-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
- Теги
- umamibackground
Код 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="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.504 15.997H4.005v1.749c0 1.4 1.334 1.749 1.999 1.749h11.992c1.6 0 1.999-1.36 1.999-2.039v-1.459h-9.994v.875c0 .29-.315.874-1 .874c-.684 0-.998-.584-.998-.874v-.875h-.5v1.999c0 .75-.43 1-1 1c-.454 0-.999-.25-.999-.96zM4.005 12.25c0-.414.385-.749.854-.749h14.287c.47 0 .854.335.854.75c0 .414-.385.75-.854.75H4.854c-.47 0-.854-.336-.854-.75z"/><path fill="#fff" fill-rule="evenodd" d="M12 4.505c-5.906 0-7.995 2.953-7.995 4.722V11h15.99V9.227c0-1.769-2.748-4.722-7.995-4.722m-1.43.59c-1.713 0-5.196 1.064-5.42 5.316h1.423c.1-1.279 1.03-4.132 3.998-5.316" clip-rule="evenodd"/><path fill="#fff" d="M4.005 14.563v-1.564c.285.315 1.03.94 1.714.94c.854 0 1.18-.94 2.034-.94s1.104.94 1.678.94c.57 0 .42-.94 1.57-.94c1.149 0 .999.94 1.853.94c.86 0 .215-.94 1.644-.94c1.43 0 .93.94 1.784.94c.86 0 .285-.94 1.714-.94c1.144 0 1.144 1.25 1.999 1.25v1.248c-1.144 0-1.25-.999-1.999-.999s-.57 1-1.714 1c-1.14 0-.93-1-1.784-1s-.5 1-1.644 1c-1.139 0-.999-1-1.853-1c-.855 0-.43 1-1.57 1c-1.144 0-.824-1-1.678-1c-.855 0-.895 1-2.034 1a2.1 2.1 0 0 1-1.714-.94z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Umami Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:umami-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:umami-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:umami-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--umami-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:umami-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:umami-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/umami-background.svg" alt="Иконка Umami Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Umami Background
Можно ли бесплатно использовать иконку Umami Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Umami Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:umami-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Umami Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/umami-background.svg" alt="Иконка Umami Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.