Иконка Leo Background
token-branded:leo-background
Иконка Leo Background (token-branded:leo-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
- Теги
- leobackground
Код 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="url(#SVGzu0nzdbg)" d="M24 0H0v24h24z"/><path fill="#fff" d="M16 10.828V6.372L11.877 4l-1.797.977l.73.429l1.044-.554l3.257 1.936v3.434h-1.778v1.698zm-10.222-.606V8.246L9.053 6.24l2.767 1.48l.011-.028l.343-.63l-3.12-1.77l-4.137 2.53l-.01 2.4zm2.425.635l2.464 1.057v-1.692H8.042l-3.126 1.492l-.028 4.132l1.785 1.257l.477-.653l-1.373-.987V12.12zm4.758 7.777l-1.118.457l-2.954-1.554v-3.371h-.89v3.828L11.804 20l1.438-.583zm4.372-3.005v-1.407h.889v1.795l-4.057 2.96l-2.61-2.097v-2.063l-2.353-2.373h5.225l-1.983 2.368v1.714l1.738 1.348zm.009-8.617l1.769 1.41v4.16l-3.412 2.126l-.399-.629l2.922-1.907V8.766L16.835 7.72l.507-.714z"/></g><defs><linearGradient id="SVGzu0nzdbg" x1="12" x2="12" y1="4" y2="20.005" gradientUnits="userSpaceOnUse"><stop stop-color="#f6e93d"/><stop offset=".13" stop-color="#f8e330"/><stop offset=".35" stop-color="#f7c730"/><stop offset=".64" stop-color="#f59c2e"/><stop offset=".98" stop-color="#eb5e2c"/><stop offset="1" stop-color="#eb5c2c"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Как использовать иконку Leo Background
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:leo-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:leo-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:leo-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--leo-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:leo-background"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:leo-background"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/token-branded/leo-background.svg" alt="Иконка Leo Background" width="24" height="24">Похожие иконки в наборе Web3 Icons Branded
Вопросы и ответы: Иконка Leo Background
Можно ли бесплатно использовать иконку Leo Background в коммерческих проектах?
Да. Web3 Icons Branded icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Leo Background в React?
Установите @iconify/react и выведите <Icon icon="token-branded:leo-background" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Leo Background на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/token-branded/leo-background.svg" alt="Иконка Leo Background">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.