Mouth アイコン

Q: Mouth アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:mouth

Mouth アイコン(openmoji:mouth)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 人物・体

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGA8AHrdcU" fill="#fff" d="M36 39.06c-7.667 0-9.791-4.905-13.87-4.292c6.763-5.096 10.48-.613 13.87-.613s7.108-4.483 13.87.613c-4.081-.613-6.204 4.292-13.87 4.292"/></defs><path fill="#ea5a47" d="M64.05 34.59c-4.56-2.963-9.963-9.286-15.69-14.31c-1.328-1.169-2.925-2.567-5.85-1.169l-3.851 2.05c-.888.514-1.191.69-2.663.69s-1.775-.176-2.663-.69l-3.851-2.05c-2.925-1.399-4.522 0-5.85 1.169c-5.722 5.02-11.13 11.34-15.69 14.31l15.02 14.36c2.529 2.452 5.827 4.522 13.03 4.522s10.5-2.069 13.03-4.522z"/><use href="#SVGA8AHrdcU"/><use href="#SVGA8AHrdcU"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2.434"><path d="M8.167 34.6c4.981 1.66 6.255 1.889 14.07.177M63.83 34.6c-4.981 1.66-6.255 1.889-14.07.177"/><path d="M8.167 34.6c4.981 1.66 6.255 1.889 14.07.177"/><path d="m8.167 34.6l14.91 14.25c2.51 2.434 5.782 4.487 12.93 4.487s10.42-2.053 12.93-4.487l14.91-14.25m-55.68 0c4.525-2.941 9.886-9.214 15.56-14.2c1.318-1.16 2.902-2.548 5.805-1.16l3.821 2.034c.881.51 1.182.684 2.643.684s1.761-.174 2.643-.684l3.821-2.034c2.902-1.388 4.487 0 5.805 1.16c5.678 4.981 11.04 11.25 15.56 14.2"/><path d="M63.83 34.6c-4.981 1.66-6.255 1.889-14.07.177M36 39.03c-7.608 0-9.715-4.867-13.76-4.259c6.711-5.057 10.4-.608 13.76-.608s7.053-4.45 13.76.608c-4.049-.608-6.156 4.259-13.76 4.259"/></g></svg>

Mouth アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:mouth" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:mouth" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:mouth" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--mouth]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:mouth"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:mouth"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/mouth.svg" alt="Mouth アイコン" width="24" height="24">

他のアイコンセットの Mouth アイコン

Mouth アイコンのよくある質問

Mouth アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Mouth アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:mouth" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Mouth アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/mouth.svg" alt="Mouth アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコンをすべて見る →