Mouth アイコン
emojione-v1:mouth
Mouth アイコン(emojione-v1:mouth)は、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="#25333a" d="M54.764 35.08c-.008-.067.002-.125-.006-.19c-.589-.583-1.277-.936-2.026-.936l-41.24-.309c-1.619 0-1.784 1.899-2.353 4.146c3.224 7.122 48.15 13.225 45.63-2.711"/><path fill="#e7e6e6" d="M9.258 35.547c.009.042-.002.077.006.118a3.8 3.8 0 0 0 2.026.588l41.25.195c1.617 0 1.783-1.194 2.351-2.604c-3.223-4.472-48.16-8.301-45.629 1.703"/><path fill="#bb324a" d="M54.746 34.14C51.095 37.803 42.289 42.477 32 42.477S12.91 37.803 9.254 34.14c-1.164 1.68-1.808 3.512-1.808 5.436c0 7.969 10.992 14.428 24.554 14.428c13.56 0 24.554-6.459 24.554-14.429c0-1.924-.645-3.756-1.808-5.435"/><path fill="#de374b" d="M56.13 25.17c-5.303-7.04-10.695-9.344-10.695-9.344s-4.547-2.731-7.482 1.294c-1.884 2.586-4.391 3.681-5.954 4.138c-1.563-.458-4.071-1.552-5.955-4.138c-2.936-4.03-7.482-1.294-7.482-1.294s-5.396 2.3-10.696 9.344C2.564 32.22.008 30.2.008 30.2s8.521 8.626 19.407 1.869c0 0 3.854-3.01 12.584.876c8.729-3.885 12.584-.876 12.584-.876C55.468 38.826 63.99 30.2 63.99 30.2s-2.558 2.01-7.86-5.03"/><path fill="#f4f5f5" d="M40.678 17.458s6.04-1.762 13.09 8.06c0 0-6.921-5.916-11.327-5.79s-1.763-2.266-1.763-2.266M20.15 48.12s-4.548 1.327-9.854-6.06c0 0 5.211 4.453 8.525 4.358c3.319-.096 1.329 1.705 1.329 1.705"/></svg>
Mouth アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:mouth" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:mouth" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:mouth" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--mouth]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:mouth"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:mouth"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-v1/mouth.svg" alt="Mouth アイコン" width="24" height="24">
Mouth アイコン のよくある質問
Mouth アイコンは商用利用でも無料ですか?
はい。Emoji One (v1) icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Mouth アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-v1:mouth" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mouth アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-v1/mouth.svg" alt="Mouth アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (v1) アイコン をすべて見る →
ICONYZ
