Moai アイコン
emojione-v1:moai
Moai アイコン(emojione-v1:moai)は、Emoji One (v1) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (v1)
- 作者
- Emoji One
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 64 × 64
- カテゴリ
- 旅行
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#8f979b" d="M26.679 9.572S33.321.542 37.891.542l7.06 1.068s1.799-.485 2.076 3.446c.276 3.93 0 .436 0 .436s-.691 27.08-2.49 34.36c0 0 .798 5.338 2.612 7.182c0 0 6.382 9.803 5.274 15.627c0 0-24.497 3.592-27.13-.583c0 0 2.492-6.213-2.353-8.54l5.814-33.29l2.215-7.957l-4.291-2.718"/><path fill="#72797c" d="M25.537 62.39c1.948 1.966 9.501 1.909 16.11 1.428l.008-.002c6.231-13.638-14.08-11.367-14.08-11.367l-4.515.389l-.12.701c4.843 2.329 2.353 8.54 2.353 8.54q.113.162.251.311"/><path fill="#cbd5dc" d="M26.679 9.572s7.401.013 11.07 6.724c3.664 6.71-.47 0-.47 0s-16.06 8.779-8.859 35.864c0 0-8.622 3.396-11.454-1.078c0 0 2.833-9.111-1.181-11.183l-.59-2.731l4.369-2.237l2.127-8.447l2.36-4.307l2.364-3.396l.812-1.987l.486-1.492l2.362-.995l-1.181-1.406l-2.212-3.329"/><path fill="#8f979b" d="M28.748 12.678s.38 5.768-18.05 16.869c0 0-2.125 1.737 2.244 3.477c0 0 2.362 1.739 8.386 2.071c0 0 4.562-1.634 2.716-7.705c0 0 5.04-10.731 8.837-11.524l-4.137-3.188M15.196 37.165s2.09.389 4.713 3.699c0 0-.528.587-1.061.453c0 0-1.972-1.638-3.062-1.421z"/><path fill="#72797c" d="M45.456 6.863s-9.375 12.352-8.629 35.456c0 0 5.924 2.129 7.172-3.067c0 0 2.912-26.879 2.496-31.32c0 0 .313-2.133-1.039-1.065M10.44 29.842c.027-.039 9.06 1.428 11.617 4.876l-.725.377s-6.77.069-10.893-3.616c0 0-.41-1.044 0-1.637"/></svg>
Moai アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:moai" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:moai" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:moai" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--moai]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:moai"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:moai"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/moai.svg" alt="Moai アイコン" width="24" height="24">
Moai アイコン のよくある質問
Moai アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Moai アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:moai" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Moai アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/moai.svg" alt="Moai アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
