Иконка Banjo
fluent-emoji-flat:banjo
Иконка Banjo (fluent-emoji-flat:banjo) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Предметы
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#fcd53f" d="M11.02 13.1a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m-4.57 2.31a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m10.18 12.17a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98m3.25-5.62a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0m-16.89-.84a.99.99 0 1 0 0-1.98a.99.99 0 0 0 0 1.98M12.85 29a.99.99 0 1 1-1.98 0a.99.99 0 0 1 1.98 0"/><path fill="#d3d3d3" d="M25 3.144a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0m-1.26 1.73a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0m4.988 3.585a.8.8 0 1 0 0-1.6a.8.8 0 0 0 0 1.6m-.93.46a.8.8 0 1 1-1.6 0a.8.8 0 0 1 1.6 0"/><path fill="#f3eef8" d="M11 28a7 7 0 1 0 0-14a7 7 0 0 0 0 14"/><path fill="#8c5543" d="M15.46 16.54a6.278 6.278 0 1 1-8.88 8.88a6.278 6.278 0 0 1 4.44-10.72c1.74 0 3.31.7 4.44 1.84m1.18-1.17a7.87 7.87 0 0 0-5.61-2.32c-2.12 0-4.11.83-5.61 2.32a7.87 7.87 0 0 0-2.32 5.61c0 2.12.83 4.11 2.32 5.61c1.5 1.5 3.49 2.32 5.61 2.32c4.38 0 7.94-3.56 7.94-7.94a7.96 7.96 0 0 0-2.33-5.6"/><path fill="#321b41" d="M25.32 8.67L23.2 6.58l-10.62 9.85c-.34.32-.35.85-.02 1.18l1.98 1.93c.33.32.87.31 1.18-.04z"/><path fill="#8c5543" d="m28.4 5.12l-1.73-1.69a1.56 1.56 0 0 0-2.39.26l-1.37 2.09c-.19.28-.15.66.1.9l2.23 2.18c.24.24.62.27.9.08l2.06-1.42c.8-.56.9-1.72.2-2.4"/><path fill="#cdc4d6" d="m9.412 20.243l2.314 2.303a.835.835 0 0 1 0 1.169a.824.824 0 0 1-1.169 0l-2.314-2.303a.824.824 0 0 1 0-1.169a.824.824 0 0 1 1.169 0M7.04 23.124l1.842 1.842a.408.408 0 0 1-.042.61l-3.03 2.347a.403.403 0 0 1-.537-.032l-1.158-1.157a.415.415 0 0 1-.031-.537l2.346-3.03a.408.408 0 0 1 .61-.043"/></g></svg>Как использовать иконку Banjo
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:banjo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:banjo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:banjo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--banjo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:banjo"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:banjo"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/banjo.svg" alt="Иконка Banjo" width="24" height="24">Иконка Banjo в других наборах
Вопросы и ответы: Иконка Banjo
Можно ли бесплатно использовать иконку Banjo в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Banjo в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:banjo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Banjo на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/banjo.svg" alt="Иконка Banjo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.