Иконка Sparkle Fill

keyline-icons:sparkle-fill

Иконка Sparkle Fill (keyline-icons:sparkle-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: sparklefill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13.3954 2.9497L15.4809 8.2374C15.5317 8.3663 15.6337 8.4683 15.7626 8.5191L21.0503 10.6046C21.6234 10.8306 22 11.384 22 12C22 12.616 21.6234 13.1694 21.0503 13.3954L15.7626 15.4809C15.6337 15.5317 15.5317 15.6337 15.4809 15.7626L13.3954 21.0503C13.1694 21.6234 12.616 22 12 22C11.384 22 10.8306 21.6234 10.6046 21.0503L8.5191 15.7626C8.4683 15.6337 8.3663 15.5317 8.2374 15.4809L2.9497 13.3954C2.3766 13.1694 2 12.616 2 12C2 11.384 2.3766 10.8306 2.9497 10.6046L8.2374 8.5191C8.3663 8.4683 8.4683 8.3663 8.5191 8.2374L10.6046 2.9497C10.8306 2.3766 11.384 2 12 2C12.616 2 13.1694 2.3766 13.3954 2.9497Z"/></svg>

Как использовать иконку Sparkle Fill

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:sparkle-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:sparkle-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:sparkle-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--sparkle-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:sparkle-fill"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:sparkle-fill"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/sparkle-fill.svg" alt="Иконка Sparkle Fill" width="24" height="24">

Иконка Sparkle Fill в других наборах

Вопросы и ответы: Иконка Sparkle Fill

Можно ли бесплатно использовать иконку Sparkle Fill в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Sparkle Fill в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:sparkle-fill" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Sparkle Fill на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/sparkle-fill.svg" alt="Иконка Sparkle Fill">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →