Magic Wand アイコン
twemoji:magic-wand
Magic Wand アイコン(twemoji:magic-wand)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- アクティビティ
- タグ
- magicwand
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#292f33" d="M3.651 29.852L29.926 3.576c.391-.391 2.888 2.107 2.497 2.497L6.148 32.349c-.39.391-2.888-2.107-2.497-2.497"/><path fill="#66757f" d="M30.442 4.051L4.146 30.347l.883.883L31.325 4.934z"/><path fill="#e1e8ed" d="m34.546 2.537l-.412-.412l-.671-.671a1 1 0 0 0-.255-.169a.99.99 0 0 0-1.159.169l-2.102 2.102l.495.495l.883.883l1.119 1.119l2.102-2.102a1 1 0 0 0 0-1.414M5.029 31.23l-.883-.883l-.495-.495l-2.209 2.208a.99.99 0 0 0-.169 1.159c.046.09.094.18.169.255l.671.671l.412.412a1 1 0 0 0 1.414 0l2.208-2.208z"/><path fill="#f5f8fa" d="m31.325 4.934l2.809-2.809l-.671-.671a1 1 0 0 0-.255-.169l-2.767 2.767zM4.146 30.347L1.273 33.22c.046.09.094.18.169.255l.671.671l2.916-2.916z"/><path fill="#ffac33" d="m28.897 14.913l1.542-.571l.6-2.2a.667.667 0 0 1 1.287 0l.6 2.2l1.542.571a.665.665 0 0 1 0 1.25l-1.534.568l-.605 2.415a.667.667 0 0 1-1.293 0l-.605-2.415l-1.534-.568a.665.665 0 0 1 0-1.25M11.961 5.285l2.61-.966l.966-2.61a1.103 1.103 0 0 1 2.07 0l.966 2.61l2.609.966a1.103 1.103 0 0 1 0 2.07l-2.609.966l-.966 2.61a1.105 1.105 0 0 1-2.07 0l-.966-2.61l-2.61-.966a1.104 1.104 0 0 1 0-2.07M24.13 20.772l1.383-.512l.512-1.382a.585.585 0 0 1 1.096 0l.512 1.382l1.382.512a.584.584 0 0 1 0 1.096l-1.382.512l-.512 1.382a.585.585 0 0 1-1.096 0l-.512-1.382l-1.383-.512a.585.585 0 0 1 0-1.096"/></svg>
Magic Wand アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:magic-wand" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:magic-wand" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:magic-wand" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--magic-wand]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:magic-wand"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:magic-wand"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/magic-wand.svg" alt="Magic Wand アイコン" width="24" height="24">
他のアイコンセットの Magic Wand アイコン
Magic Wand アイコン のよくある質問
Magic Wand アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Magic Wand アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:magic-wand" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Magic Wand アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/magic-wand.svg" alt="Magic Wand アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
