Sparkles Fill 16 アイコン
octicon:sparkles-fill-16
Sparkles Fill 16 アイコン(octicon:sparkles-fill-16)は、Octicons セットの無料 SVG アイコンです(作者: GitHub)。 24 × 24 のグリッドで描かれています。 Octicons は 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="M9.6 2.279a.426.426 0 0 1 .8 0l.407 1.112a6.39 6.39 0 0 0 3.802 3.802l1.112.407a.426.426 0 0 1 0 .8l-1.112.407a6.39 6.39 0 0 0-3.802 3.802l-.407 1.112a.426.426 0 0 1-.8 0l-.407-1.112a6.39 6.39 0 0 0-3.802-3.802L4.279 8.4a.426.426 0 0 1 0-.8l1.112-.407a6.39 6.39 0 0 0 3.802-3.802zm-4.267 8.837a.178.178 0 0 1 .334 0l.169.464a2.66 2.66 0 0 0 1.584 1.584l.464.169a.178.178 0 0 1 0 .334l-.464.169a2.66 2.66 0 0 0-1.584 1.584l-.169.464a.178.178 0 0 1-.334 0l-.169-.464a2.66 2.66 0 0 0-1.584-1.584l-.464-.169a.178.178 0 0 1 0-.334l.464-.169a2.66 2.66 0 0 0 1.584-1.584zM2.8.14a.213.213 0 0 1 .4 0l.203.556a3.2 3.2 0 0 0 1.901 1.901l.556.203a.213.213 0 0 1 0 .4l-.556.203a3.2 3.2 0 0 0-1.901 1.901L3.2 5.86a.213.213 0 0 1-.4 0l-.203-.556A3.2 3.2 0 0 0 .696 3.403L.14 3.2a.213.213 0 0 1 0-.4l.556-.203A3.2 3.2 0 0 0 2.597.696z"/></svg>Sparkles Fill 16 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="octicon:sparkles-fill-16" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="octicon:sparkles-fill-16" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="octicon:sparkles-fill-16" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[octicon--sparkles-fill-16]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/octicon -->
<div class="i-octicon:sparkles-fill-16"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="octicon:sparkles-fill-16"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/octicon/sparkles-fill-16.svg" alt="Sparkles Fill 16 アイコン" width="24" height="24">Octicons の関連アイコン
Sparkles Fill 16 アイコン のよくある質問
Sparkles Fill 16 アイコンは商用利用でも無料ですか?
はい。Octicons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Sparkles Fill 16 アイコンを使うには?
@iconify/react をインストールして <Icon icon="octicon:sparkles-fill-16" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sparkles Fill 16 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/octicon/sparkles-fill-16.svg" alt="Sparkles Fill 16 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。