Magic Wand アイコン

Q: Magic Wand アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

fluent-emoji:magic-wand

Magic Wand アイコン(fluent-emoji:magic-wand)は、Fluent Emoji セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fluent Emoji
作者: Microsoft Corporation
ライセンス: MIT
サイズ: 32 × 32
タグ: magicwand

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iBbmSQd)" d="M4.64 29.423a1.414 1.414 0 0 1-2.005-1.995l17.287-17.37a1.414 1.414 0 1 1 2.005 1.995z"/><path fill="url(#igk74pK)" d="M4.64 29.423a1.414 1.414 0 0 1-2.005-1.995l17.287-17.37a1.414 1.414 0 1 1 2.005 1.995z"/><g filter="url(#iBsEa8x)"><path fill="url(#iRBzcNc)" fill-rule="evenodd" d="M25.52 7.74a.99.99 0 0 0-.73-.753a7.4 7.4 0 0 1-1.348-.515a.535.535 0 0 1 0-.97a7.4 7.4 0 0 1 1.348-.514a.99.99 0 0 0 .73-.753c.112-.557.294-1.245.57-1.917a.476.476 0 0 1 .898 0c.276.672.458 1.36.569 1.917a1 1 0 0 0 .73.753c.407.107.847.273 1.342.514c.41.2.41.77 0 .97a7.3 7.3 0 0 1-1.342.515a1 1 0 0 0-.73.752a10.6 10.6 0 0 1-.57 1.918a.476.476 0 0 1-.897 0a10.7 10.7 0 0 1-.57-1.918" clip-rule="evenodd"/></g><g filter="url(#i2tFeIb)"><path fill="url(#iRMow4T)" fill-rule="evenodd" d="M14.262 7.297a.74.74 0 0 0-.547-.563a5.5 5.5 0 0 1-1.007-.384a.4.4 0 0 1 0-.725c.371-.18.702-.305 1.007-.385a.74.74 0 0 0 .547-.562c.082-.417.219-.93.425-1.434a.356.356 0 0 1 .671 0c.206.503.342 1.017.425 1.434a.74.74 0 0 0 .546.562c.305.08.633.204 1.003.385a.4.4 0 0 1 0 .725a5.5 5.5 0 0 1-1.003.384a.74.74 0 0 0-.546.563c-.083.417-.219.93-.425 1.433a.356.356 0 0 1-.671 0a8 8 0 0 1-.425-1.433" clip-rule="evenodd"/></g><g filter="url(#iNaB0Jb)"><path fill="url(#iIPP1Ae)" fill-rule="evenodd" d="M23.824 18.266a.74.74 0 0 0-.546-.563a5.5 5.5 0 0 1-1.008-.385a.4.4 0 0 1 0-.724c.372-.18.702-.305 1.008-.385a.74.74 0 0 0 .546-.563c.083-.416.22-.93.425-1.433a.356.356 0 0 1 .672 0c.206.503.342 1.017.425 1.433a.74.74 0 0 0 .546.563c.304.08.632.204 1.002.384a.4.4 0 0 1 0 .726a5.5 5.5 0 0 1-1.002.384a.74.74 0 0 0-.546.563a8 8 0 0 1-.425 1.433a.356.356 0 0 1-.672 0a8 8 0 0 1-.425-1.433" clip-rule="evenodd"/></g><circle cx="28.758" cy="12.951" r="1.242" fill="url(#i64kXKe)"/><circle cx="28.758" cy="12.951" r="1.242" fill="url(#igtzcgb)"/><circle cx="19.023" cy="21.123" r="1.242" fill="url(#iz0GSDc)"/><circle cx="19.023" cy="21.123" r="1.242" fill="url(#i5ttGab)"/><circle cx="12.053" cy="13.162" r="1.193" fill="url(#i41ECyb)"/><circle cx="12.053" cy="13.162" r="1.193" fill="url(#iuQh9Oc)"/><circle cx="19.043" cy="3.007" r=".996" fill="url(#iohbJhd)"/><circle cx="19.043" cy="3.007" r=".996" fill="url(#ivmrkbb)"/><g filter="url(#i6o6CLd)"><path stroke="url(#imwXx6c)" stroke-width=".5" d="M19.328 12.24L4.172 27.46"/></g><path fill="#CFC9D8" d="m18.2 11.789l1.722-1.731a1.414 1.414 0 1 1 2.005 1.995l-1.714 1.722z"/><path fill="url(#id1CETV)" d="m18.2 11.789l1.722-1.731a1.414 1.414 0 1 1 2.005 1.995l-1.714 1.722z"/><path fill="url(#i9240PI)" d="m18.2 11.789l1.722-1.731a1.414 1.414 0 1 1 2.005 1.995l-1.714 1.722z"/><path fill="url(#i1eNC8c)" d="m18.2 11.789l1.722-1.731a1.414 1.414 0 1 1 2.005 1.995l-1.714 1.722z"/><g filter="url(#iiisosd)"><path fill="#CFC6DD" d="M2.638 29.425c.553.553 1.45.552 2.003-.002l1.69-1.698l-2.007-1.994l-1.688 1.697a1.414 1.414 0 0 0 .002 1.997"/><path fill="url(#iNROGle)" d="M2.638 29.425c.553.553 1.45.552 2.003-.002l1.69-1.698l-2.007-1.994l-1.688 1.697a1.414 1.414 0 0 0 .002 1.997"/></g><path fill="url(#i8SMF8b)" d="M2.638 29.425c.553.553 1.45.552 2.003-.002l1.69-1.698l-2.007-1.994l-1.688 1.697a1.414 1.414 0 0 0 .002 1.997"/><path fill="url(#iNVJjOe)" d="M2.638 29.425c.553.553 1.45.552 2.003-.002l1.69-1.698l-2.007-1.994l-1.688 1.697a1.414 1.414 0 0 0 .002 1.997"/><defs><radialGradient id="i64kXKe" cx="0" cy="0" r="1" gradientTransform="matrix(-1.14964 1.48087 -1.38505 -1.07525 29.308 12.463)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD463"/><stop offset="1" stop-color="#E68F2B"/></radialGradient><radialGradient id="igtzcgb" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.06202 -1.79752 0 28.758 12.131)" gradientUnits="userSpaceOnUse"><stop offset=".797" stop-color="#E37A42" stop-opacity="0"/><stop offset="1" stop-color="#E37A42"/></radialGradient><radialGradient id="iz0GSDc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.14964 1.48087 -1.38505 -1.07525 19.574 20.634)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD463"/><stop offset="1" stop-color="#E68F2B"/></radialGradient><radialGradient id="i5ttGab" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.06202 -1.79752 0 19.023 20.303)" gradientUnits="userSpaceOnUse"><stop offset=".797" stop-color="#E37A42" stop-opacity="0"/><stop offset="1" stop-color="#E37A42"/></radialGradient><radialGradient id="i41ECyb" cx="0" cy="0" r="1" gradientTransform="rotate(127.823 3.183 9.427)scale(1.80105 1.68451)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD463"/><stop offset="1" stop-color="#E68F2B"/></radialGradient><radialGradient id="iuQh9Oc" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.98096 -1.72686 0 12.053 12.374)" gradientUnits="userSpaceOnUse"><stop offset=".797" stop-color="#E37A42" stop-opacity="0"/><stop offset="1" stop-color="#E37A42"/></radialGradient><radialGradient id="iohbJhd" cx="0" cy="0" r="1" gradientTransform="matrix(-.92188 1.1875 -1.11066 -.86223 19.484 2.615)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD463"/><stop offset="1" stop-color="#E68F2B"/></radialGradient><radialGradient id="ivmrkbb" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.6535 -1.44141 0 19.043 2.35)" gradientUnits="userSpaceOnUse"><stop offset=".869" stop-color="#E37A42" stop-opacity="0"/><stop offset="1" stop-color="#E37A42"/></radialGradient><radialGradient id="i1eNC8c" cx="0" cy="0" r="1" gradientTransform="matrix(-.82813 .85938 -1.03825 -1.0005 21.797 10.115)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#ECE8F2"/><stop offset="1" stop-color="#ECE8F2" stop-opacity="0"/></radialGradient><radialGradient id="iNVJjOe" cx="0" cy="0" r="1" gradientTransform="matrix(-.71455 4.79687 -4.89695 -.72946 4.277 25.896)" gradientUnits="userSpaceOnUse"><stop offset=".661" stop-color="#8F6EAF" stop-opacity="0"/><stop offset=".918" stop-color="#8F6EAF"/></radialGradient><linearGradient id="iBbmSQd" x1="19.234" x2="5.172" y1="13.021" y2="27.396" gradientUnits="userSpaceOnUse"><stop stop-color="#60105F"/><stop offset="1" stop-color="#54155E"/></linearGradient><linearGradient id="igk74pK" x1="5.5" x2="6.969" y1="24.068" y2="25.521" gradientUnits="userSpaceOnUse"><stop stop-color="#523253"/><stop offset="1" stop-color="#523253" stop-opacity="0"/></linearGradient><linearGradient id="iRBzcNc" x1="28.981" x2="25.017" y1="4.112" y2="8.079" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD459"/><stop offset="1" stop-color="#FFA271"/></linearGradient><linearGradient id="iRMow4T" x1="16.848" x2="13.885" y1="4.585" y2="7.551" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD465"/><stop offset="1" stop-color="#FFAF36"/></linearGradient><linearGradient id="iIPP1Ae" x1="26.41" x2="23.447" y1="15.554" y2="18.52" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD465"/><stop offset="1" stop-color="#FFAF36"/></linearGradient><linearGradient id="imwXx6c" x1="18.547" x2="4.172" y1="13.334" y2="27.459" gradientUnits="userSpaceOnUse"><stop stop-color="#692167"/><stop offset="1" stop-color="#5B2460"/></linearGradient><linearGradient id="id1CETV" x1="18.847" x2="19.849" y1="11.021" y2="11.969" gradientUnits="userSpaceOnUse"><stop stop-color="#C1BFC3"/><stop offset="1" stop-color="#C1BFC3" stop-opacity="0"/></linearGradient><linearGradient id="i9240PI" x1="21.422" x2="20.797" y1="12.881" y2="12.225" gradientUnits="userSpaceOnUse"><stop stop-color="#B0A1BF"/><stop offset="1" stop-color="#B0A1BF" stop-opacity="0"/></linearGradient><linearGradient id="iNROGle" x1="3.283" x2="4.277" y1="26.585" y2="27.578" gradientUnits="userSpaceOnUse"><stop stop-color="#A8A6AD"/><stop offset="1" stop-color="#A8A6AD" stop-opacity="0"/></linearGradient><linearGradient id="i8SMF8b" x1="2.609" x2="3.391" y1="29.74" y2="28.771" gradientUnits="userSpaceOnUse"><stop stop-color="#968FA1"/><stop offset="1" stop-color="#968FA1" stop-opacity="0"/></linearGradient><filter id="iBsEa8x" width="7.104" height="8.275" x="22.983" y="1.85" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.94902 0 0 0 0 0.513726 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3440"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy=".15"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.823529 0 0 0 0 0.407843 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_3440" result="effect2_innerShadow_18_3440"/></filter><filter id="i2tFeIb" width="5.385" height="6.261" x="12.327" y="2.857" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.94902 0 0 0 0 0.513726 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3440"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy=".15"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.823529 0 0 0 0 0.407843 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_3440" result="effect2_innerShadow_18_3440"/></filter><filter id="iNaB0Jb" width="5.385" height="6.261" x="21.89" y="13.826" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.94902 0 0 0 0 0.513726 0 0 0 0 0.392157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3440"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy=".15"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.823529 0 0 0 0 0.407843 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_3440" result="effect2_innerShadow_18_3440"/></filter><filter id="i6o6CLd" width="16.511" height="16.572" x="3.495" y="11.564" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_3440" stdDeviation=".25"/></filter><filter id="iiisosd" width="4.206" height="4.608" x="2.124" y="25.231" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1" dy="-.5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.698039 0 0 0 0 0.619608 0 0 0 0 0.792157 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3440"/></filter></defs></g></svg>

Magic Wand アイコンの使い方

React

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

<Icon icon="fluent-emoji:magic-wand" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji:magic-wand" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji:magic-wand" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--magic-wand]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:magic-wand"></div>

Web コンポーネント

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

<iconify-icon icon="fluent-emoji:magic-wand"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fluent-emoji/magic-wand.svg" alt="Magic Wand アイコン" width="24" height="24">

他のアイコンセットの Magic Wand アイコン

Magic Wand アイコンのよくある質問

Magic Wand アイコンは商用利用でも無料ですか?

はい。Fluent Emoji icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Magic Wand アイコンを使うには?

@iconify/react をインストールして <Icon icon="fluent-emoji:magic-wand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Magic Wand アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji/magic-wand.svg" alt="Magic Wand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Fluent Emoji アイコンをすべて見る →