Magic Wand Sparkles アイコン
fa7-solid:magic-wand-sparkles
Magic Wand Sparkles アイコン(fa7-solid:magic-wand-sparkles)は、Font Awesome Solid セットの無料 SVG アイコンです（作者: Dave Gandy）。 640 × 640 のグリッドで描かれています。 Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Font Awesome Solid
- 作者
- Dave Gandy
- ライセンス
- CC-BY-4.0
- サイズ
- 640 × 640
- タグ
- magicwand、wandsparkles、magicwandsparkles、sparkle
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="640" viewBox="0 0 640 640"><path fill="currentColor" d="m295.4 37l14.8 36.8L347 88.6c3 1.2 5 4.2 5 7.4s-2 6.2-5 7.4l-36.8 14.8l-14.8 36.8c-1.2 3-4.2 5-7.4 5s-6.2-2-7.4-5l-14.8-36.8l-36.8-14.8c-3-1.2-5-4.2-5-7.4s2-6.2 5-7.4l36.8-14.8L280.6 37c1.2-3 4.2-5 7.4-5s6.2 2 7.4 5m-152.7 68.7l21.5 50.1l50.1 21.5c5.9 2.5 9.7 8.3 9.7 14.7s-3.8 12.2-9.7 14.7l-50.1 21.5l-21.5 50.1c-2.5 5.9-8.3 9.7-14.7 9.7s-12.2-3.8-14.7-9.7l-21.5-50.1l-50.1-21.5c-5.9-2.5-9.7-8.3-9.7-14.7s3.8-12.2 9.7-14.7l50.1-21.5l21.5-50.1c2.5-5.9 8.3-9.7 14.7-9.7s12.2 3.8 14.7 9.7M496 368c6.4 0 12.2 3.8 14.7 9.7l21.5 50.1l50.1 21.5c5.9 2.5 9.7 8.3 9.7 14.7s-3.8 12.2-9.7 14.7l-50.1 21.5l-21.5 50.1c-2.5 5.9-8.3 9.7-14.7 9.7s-12.2-3.8-14.7-9.7l-21.5-50.1l-50.1-21.5c-5.9-2.5-9.7-8.3-9.7-14.7s3.8-12.2 9.7-14.7l50.1-21.5l21.5-50.1c2.5-5.9 8.3-9.7 14.7-9.7m-4-304c11 0 21.6 4.4 29.5 12.2l42.3 42.3c7.8 7.9 12.2 18.5 12.2 29.5s-4.4 21.6-12.2 29.5l-88.2 88.2l-101.3-101.3l88.2-88.2C470.4 68.4 481 64 492 64M76.2 462.5l264.2-264.2l101.3 101.3l-264.2 264.2C169.6 571.6 159 576 148 576s-21.6-4.4-29.5-12.2l-42.3-42.3C68.4 513.6 64 503 64 492s4.4-21.6 12.2-29.5"/></svg>Magic Wand Sparkles アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fa7-solid:magic-wand-sparkles" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa7-solid:magic-wand-sparkles" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa7-solid:magic-wand-sparkles" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa7-solid--magic-wand-sparkles]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa7-solid -->
<div class="i-fa7-solid:magic-wand-sparkles"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa7-solid:magic-wand-sparkles"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fa7-solid/magic-wand-sparkles.svg" alt="Magic Wand Sparkles アイコン" width="24" height="24">Font Awesome Solid の関連アイコン
Magic Wand Sparkles アイコン のよくある質問
Magic Wand Sparkles アイコンは商用利用でも無料ですか?
はい。Font Awesome Solid icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Magic Wand Sparkles アイコンを使うには?
@iconify/react をインストールして <Icon icon="fa7-solid:magic-wand-sparkles" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Magic Wand Sparkles アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fa7-solid/magic-wand-sparkles.svg" alt="Magic Wand Sparkles アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。