Moai アイコン
twemoji:moai
Moai アイコン(twemoji:moai)は、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
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#66757f" d="M8 27s-2 4-2 6s4 3 12 3s12-1 12-3s-2-6-2-6zM9 6C6 6 6 7 5 16c-.994 8.945 0 10 4 10c2 0 2-20 0-20m18 0c3 0 3 1 4 10c.994 8.945 0 10-4 10c-2 0-2-20 0-20"/><path fill="#ccd6dd" d="M8 3s1-3 10-3s10 3 10 3s1 6 1 14s-1 14-1 14s-1 2-10 2s-10-2-10-2s-1-3-1-14S8 3 8 3"/><path fill="#66757f" d="M28 8c0-1-3-4-10-4S8 7 8 8c0 .807 4.548 1.612 6.311 1.894C14.999 12.548 15 18 15 18c.805-3.218.315-7.079.093-8.467C15.295 8.942 15.941 8 18 8c3 0 3 2 3 2h.002c-.234 1.657-.566 5.089.162 8c0 0 .002-5.491.697-8.134C23.727 9.562 28 8.782 28 8"/><path fill="#66757f" d="M14 20c0-1 2-3 4-3s4 2 4 3s-1 1-4 1s-4 0-4-1m-2 4s2-2 6-2s6 2 6 2s-2-1-6-1s-6 1-6 1m0 2c0-1 2-2 6-2s6 1 6 2s-1 1-6 1s-6 0-6-1"/></svg>
Moai アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:moai" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:moai" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:moai" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--moai]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:moai"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:moai"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/moai.svg" alt="Moai アイコン" width="24" height="24">
Moai アイコン のよくある質問
Moai アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Moai アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:moai" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Moai アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/moai.svg" alt="Moai アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
