Иконка Topbuzz
icon-park:topbuzz
Иконка Topbuzz (icon-park:topbuzz) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Бренд
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M18.9054 18.168L10.3257 16.3443C9.76801 16.2257 9.41204 15.6776 9.53057 15.12L11.4621 6.03265C11.5807 5.47501 12.1288 5.11904 12.6865 5.23757L41.9678 11.4615C42.5254 11.58 42.8814 12.1282 42.7629 12.6858L40.8313 21.7731C40.7128 22.3308 40.1646 22.6867 39.607 22.5682L31.1006 20.7601C30.7133 20.6778 30.4837 20.806 30.4117 21.1448C29.5295 25.295 28.2063 31.5204 26.4419 39.821C26.3234 40.3786 25.7752 40.7346 25.2176 40.616L16.1303 38.6845C15.5727 38.5659 15.2167 38.0178 15.3352 37.4602C17.1 29.1573 18.4236 22.9302 19.3061 18.7788C19.3773 18.4435 19.2438 18.2399 18.9054 18.168Z"/></svg>Как использовать иконку Topbuzz
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:topbuzz" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:topbuzz" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:topbuzz" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--topbuzz]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:topbuzz"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:topbuzz"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/icon-park/topbuzz.svg" alt="Иконка Topbuzz" width="24" height="24">Иконка Topbuzz в других наборах
Вопросы и ответы: Иконка Topbuzz
Можно ли бесплатно использовать иконку Topbuzz в коммерческих проектах?
Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Topbuzz в React?
Установите @iconify/react и выведите <Icon icon="icon-park:topbuzz" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Topbuzz на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/topbuzz.svg" alt="Иконка Topbuzz">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.