Sparkles Filled アイコン
reicon:sparkles-filled
Sparkles Filled アイコン(reicon:sparkles-filled)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M18.818 2.086c.207-.63.311-.946.466-1.03a.45.45 0 0 1 .432 0c.155.084.259.4.466 1.03l.315.959c.042.126.063.19.098.242a.5.5 0 0 0 .118.118c.053.035.116.056.242.098l.959.315c.63.207.946.311 1.03.466a.45.45 0 0 1 0 .432c-.084.155-.4.259-1.03.466l-.959.315c-.126.042-.19.063-.242.098a.5.5 0 0 0-.118.118c-.035.053-.056.116-.098.242l-.315.959c-.207.63-.311.946-.466 1.03a.45.45 0 0 1-.432 0c-.155-.084-.259-.4-.466-1.03l-.315-.959c-.042-.126-.063-.19-.098-.242a.5.5 0 0 0-.118-.118c-.053-.035-.116-.056-.242-.098l-.959-.315c-.63-.207-.946-.311-1.03-.466a.45.45 0 0 1 0-.432c.084-.155.4-.259 1.03-.466l.959-.315c.126-.042.19-.063.242-.098a.5.5 0 0 0 .118-.118c.035-.053.056-.116.098-.242zm-8.023 1.617a1.65 1.65 0 0 0-1.59 0c-.367.202-.588.616-.77 1.044c-.19.452-.396 1.075-.656 1.866l-.819 2.49c-.116.352-.147.433-.19.495a.7.7 0 0 1-.172.172c-.062.043-.143.074-.496.19l-2.49.82c-.79.259-1.413.464-1.865.656c-.428.18-.842.402-1.044.77a1.65 1.65 0 0 0 0 1.589c.202.367.616.588 1.044.77c.452.19 1.075.396 1.866.656l2.49.819c.352.116.433.147.495.19a.7.7 0 0 1 .172.172c.043.062.074.143.19.496l.82 2.49c.259.79.464 1.413.656 1.865c.18.428.402.842.77 1.044a1.65 1.65 0 0 0 1.589 0c.367-.202.588-.616.77-1.044c.19-.451.396-1.075.656-1.866l.819-2.49c.116-.352.147-.433.19-.495a.7.7 0 0 1 .172-.172c.062-.043.143-.075.496-.19l2.49-.82c.79-.259 1.413-.464 1.865-.656c.428-.18.842-.402 1.044-.77a1.65 1.65 0 0 0 0-1.589c-.202-.367-.616-.588-1.044-.77c-.451-.19-1.075-.396-1.866-.656l-2.49-.819c-.352-.116-.433-.147-.495-.19a.7.7 0 0 1-.172-.172c-.043-.062-.075-.143-.19-.496l-.82-2.49c-.259-.79-.464-1.413-.656-1.865c-.18-.428-.402-.842-.77-1.044m8.552 14.337c-.111.06-.185.286-.333.736l-.225.685c-.03.09-.045.135-.07.172a.3.3 0 0 1-.085.085c-.037.025-.082.04-.172.07l-.685.225c-.45.148-.676.222-.737.333a.32.32 0 0 0 0 .308c.061.111.287.185.737.333l.685.225c.09.03.135.045.172.07a.3.3 0 0 1 .085.085c.025.037.04.082.07.172l.225.685c.148.45.222.676.333.737a.32.32 0 0 0 .308 0c.111-.061.185-.287.333-.737l.225-.685c.03-.09.045-.135.07-.172a.3.3 0 0 1 .085-.085c.037-.025.082-.04.172-.07l.685-.225c.45-.148.676-.222.737-.333a.32.32 0 0 0 0-.308c-.061-.111-.287-.185-.737-.333l-.685-.225c-.09-.03-.135-.045-.172-.07a.3.3 0 0 1-.085-.085c-.025-.037-.04-.082-.07-.172l-.225-.685c-.148-.45-.222-.676-.333-.737a.32.32 0 0 0-.308 0"/></svg>Sparkles Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:sparkles-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:sparkles-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:sparkles-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--sparkles-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:sparkles-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:sparkles-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/sparkles-filled.svg" alt="Sparkles Filled アイコン" width="24" height="24">Reicon の関連アイコン
他のアイコンセットの Sparkles Filled アイコン
Sparkles Filled アイコン のよくある質問
Sparkles Filled アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sparkles Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:sparkles-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sparkles Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/sparkles-filled.svg" alt="Sparkles Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。