Mage アイコン
twemoji:mage
Mage アイコン(twemoji:mage)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><ellipse cx="18" cy="19.024" fill="#c63900" rx="15" ry="3.529"/><path fill="#fa743e" d="M26.276 28.276h-16c-2.486 0-4.774 1.443-5.762 3.449c-.368-.415-.907-.619-1.514-.619c-1.1 0-2 .935-2 1.998V36h31v-1.931c0-3.199-2.411-5.793-5.724-5.793"/><path fill="#ffdc5d" d="M14 25v3.234c0 .004.011.007.015.011c.132.237 3.737 6.739 3.989 6.739c.253 0 3.854-6.502 3.985-6.739c.004-.004.01-.007.01-.011V25z"/><path fill="#f9ca55" d="M14 27.598c1.115 1.259 2.497 1.6 4 1.6c1.502 0 2.884-.342 4-1.6v-3.2h-8z"/><path fill="#d1d3d4" d="M17.982 13.557c-2.61 0-5.654 3.198-9.115 3.885c.143 1.499.597 2.619.802 4.127c.337 2.477 1.73 3.27 2.843 3.601c1.602 2.116 3.305 2.026 6.164 2.026c5.483 0 8.14-3.609 8.457-9.747c-3.476-.692-6.532-3.892-9.151-3.892"/><path fill="#ffdc5d" d="M24.315 17.386c-.54-.748-1.232-1.35-2.748-1.564c.569.261 1.114 1.161 1.185 1.658c.071.498.142.9-.308.403c-1.803-1.993-3.767-1.208-5.714-2.426c-1.359-.851-1.773-1.791-1.773-1.791s-.166 1.256-2.227 2.535c-.598.371-1.31 1.197-1.706 2.417c-.284.877-.196 1.659-.196 2.995c0 3.9 3.214 7.179 7.179 7.179s7.179-3.308 7.179-7.179c-.001-2.426-.255-3.374-.871-4.227"/><path fill="#c1694f" d="M18.798 23.607h-1.595a.399.399 0 1 1 0-.798h1.595a.399.399 0 1 1 0 .798"/><path fill="#662113" d="M14.809 20.815a.8.8 0 0 1-.798-.798v-.797a.798.798 0 0 1 1.596 0v.798c0 .44-.357.797-.798.797m6.382 0a.8.8 0 0 1-.798-.798v-.797a.798.798 0 0 1 1.596 0v.798a.8.8 0 0 1-.798.797"/><path fill="#c1694f" d="M17.997 26.465c-2.359 0-3.084-.604-3.204-.726a.56.56 0 0 1 0-.794a.563.563 0 0 1 .773-.02c.044.032.617.417 2.431.417c1.886 0 2.429-.416 2.435-.42a.55.55 0 0 1 .783.013a.574.574 0 0 1-.012.804c-.123.122-.847.726-3.206.726"/><path fill="#fa743e" d="M25.765 15.157C24.537 12.47 18.793 0 18 0s-6.537 12.47-7.765 15.157C5.415 16.001 3 17.595 3 19c6-2 11-2.443 15-2.443S27 17 33 19c0-1.405-2.415-2.999-7.235-3.843"/><path fill="#d99e82" d="M5 36H3V11.862L2 8h4l-1 3.862z"/><circle cx="4" cy="6" r="3" fill="#55acee"/><circle cx="3.5" cy="5.5" r="1.5" fill="#b0f0ff"/><path fill="#ffdc5d" d="M7 30.5C7 32.433 5.657 34 4 34s-3-1.567-3-3.5S2.343 28 4 28s3 .567 3 2.5"/></svg>Mage アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:mage" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:mage" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:mage" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--mage]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:mage"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:mage"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/mage.svg" alt="Mage アイコン" width="24" height="24">Twitter Emoji の関連アイコン
他のアイコンセットの Mage アイコン
Mage アイコン のよくある質問
Mage アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Mage アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:mage" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mage アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/mage.svg" alt="Mage アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。