Иконка Sparkler
fluent-emoji-flat:sparkler
Иконка Sparkler (fluent-emoji-flat:sparkler) — бесплатная 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="#533566" d="M26.29 2H5.68C3.65 2 2 3.65 2 5.68v20.61c0 2.03 1.65 3.68 3.68 3.68h20.61c2.03 0 3.68-1.65 3.68-3.68V5.68c0-2.03-1.64-3.68-3.68-3.68"/><path fill="#d3d3d3" d="M13.43 17.817L2.74 28.507c.34.46.79.83 1.3 1.09l10.59-10.59z"/><path fill="#fcd53f" d="M16.435 5.287a.445.445 0 0 0-.89 0v3.38a.445.445 0 1 0 .89 0zM12 7.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m8 18a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M6.5 13a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M26 20.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M6.5 21a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1m19.53-8.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0M12.48 26a.5.5 0 1 0 0-1a.5.5 0 0 0 0 1M21 7.5a.5.5 0 1 1-1 0a.5.5 0 0 1 1 0m3.245.762a.446.446 0 0 1 0 .63l-2.39 2.39a.446.446 0 0 1-.63-.63l2.39-2.39a.446.446 0 0 1 .63 0m-8.255 15.67c.246 0 .445.2.445.445v3.38a.445.445 0 0 1-.89 0v-3.38c0-.246.2-.445.445-.445M8.355 8.262a.445.445 0 1 0-.63.63l2.39 2.39a.446.446 0 0 0 .63-.63zm12.87 13.5a.446.446 0 0 1 .63 0l2.39 2.39a.446.446 0 0 1-.63.63l-2.39-2.39a.446.446 0 0 1 0-.63M4.75 16.072a.445.445 0 0 0 0 .89h3.38a.445.445 0 1 0 0-.89zm18.645.445c0-.246.2-.445.445-.445h3.38a.445.445 0 0 1 0 .89h-3.38a.445.445 0 0 1-.445-.445"/><path fill="#fcd53f" d="m22.98 13.267l-4.25.91c-.24.06-.45-.16-.4-.4l.91-4.25c.08-.37-.41-.58-.62-.26l-2.36 3.65c-.13.21-.44.21-.57 0l-2.36-3.65c-.21-.31-.7-.11-.62.26l.91 4.25c.06.24-.16.45-.4.4l-4.25-.91c-.37-.08-.58.41-.26.62l3.65 2.36c.21.13.21.44 0 .57l-3.65 2.36c-.31.21-.11.7.26.62l4.25-.91c.24-.06.45.16.4.4l-.91 4.25c-.08.37.41.58.62.26l2.36-3.65c.13-.21.44-.21.57 0l2.36 3.65c.21.31.7.11.62-.26l-.91-4.25c-.06-.24.16-.45.4-.4l4.25.91c.37.08.58-.41.26-.62l-3.65-2.36a.337.337 0 0 1 0-.57l3.65-2.36c.31-.21.11-.7-.26-.62"/></g></svg>Как использовать иконку Sparkler
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:sparkler" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:sparkler" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:sparkler" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--sparkler]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:sparkler"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:sparkler"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sparkler.svg" alt="Иконка Sparkler" width="24" height="24">Иконка Sparkler в других наборах
Вопросы и ответы: Иконка Sparkler
Можно ли бесплатно использовать иконку Sparkler в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Sparkler в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:sparkler" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Sparkler на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/sparkler.svg" alt="Иконка Sparkler">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.