ICONYZ
日本語
OpenMoji の Face Exhaling アイコン

Face Exhaling アイコン

openmoji:face-exhaling

Face Exhaling アイコン(openmoji:face-exhaling)は、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
カテゴリ
スマイリー・感情
タグ
faceexhaling
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g transform="translate(-.466 .28)"><circle cx="36.47" cy="35.72" r="24" fill="#fcea2b"/><path fill="#d0cfce" d="M57.826 45.72a3 3 0 0 0-.34-.059c.082-1.062-.63-2.04-1.728-2.373c-.4-.09-.82-.068-1.206.062c.079-1.556-.98-2.968-2.586-3.45c-1.934-.448-3.982.953-4.574 3.127a5 5 0 0 0-.109.538l-5.927.07l-1.36 4.373l5.186 3.136l-.007.022c-.593 2.175.496 4.301 2.43 4.748c1.482.263 2.987-.346 3.781-1.53a2.1 2.1 0 0 0 1.155.719c1.248.187 2.46-.484 2.866-1.586q.134.046.274.08c1.934.447 3.982-.953 4.574-3.128s-.495-4.301-2.43-4.748z"/><path fill="#fff" d="M57.956 45.75a3.024 2.787.003 0 0-.34-.059a2.521 2.324.003 0 0-1.727-2.373a2.065 1.904.003 0 0-1.206.062a3.754 3.46.003 0 0-2.586-3.45c-1.934-.448-3.982.952-4.574 3.127a5.366 4.946.003 0 0-.11.538l-1.306.285a4.292 3.956.003 0 1 1.09 2.631a2.066 1.904.003 0 1 1.207-.062a2.521 2.323.003 0 1 1.727 2.373a3.01 2.774.003 0 1 .34.059c1.935.447 3.023 2.573 2.43 4.748a5.243 4.833.003 0 1-.625 1.364a1.974 1.819.003 0 0 .396.139a2.589 2.386.003 0 0 2.866-1.586q.134.046.274.08c1.934.447 3.982-.953 4.574-3.128s-.496-4.301-2.43-4.748"/><ellipse cx="36.32" cy="44.55" fill="#fff" rx="5.052" ry="5.002"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path stroke-miterlimit="10" d="M43.53 57.74a23 23 0 0 1-7.532 1.262c-12.7 0-23-10.3-23-23s10.3-23 23-23s23 10.3 23 23c0 1.803-.207 3.557-.6 5.241"/><path stroke-miterlimit="10" d="M35.85 48.84c-2.238 0-4.052-1.792-4.052-4.002s1.814-4.002 4.052-4.002c.84 0 1.62.252 2.267.684M22.88 24.62c5.102-.061 7.273-1.882 8.383-3.346M49.12 24.62c-5.102-.061-7.273-1.882-8.383-3.346m7.503 9.936c-6.199 1.47-7.079 1.059-8.868-1.961M23.76 31.21c6.199 1.47 7.079 1.059 8.868-1.961"/><path d="m38.7 48.25l6.187 3.208l-.007.023c-.593 2.175.483 4.298 2.403 4.742c1.477.258 2.974-.353 3.758-1.536c.281.353.685.605 1.145.716c1.244.182 2.448-.49 2.849-1.59q.132.046.272.08c1.92.444 3.955-.96 4.547-3.134c.593-2.175-.483-4.298-2.402-4.742a3 3 0 0 0-.339-.058c.088-1.058-.617-2.035-1.71-2.37a2.2 2.2 0 0 0-1.198.064c.086-1.55-.963-2.96-2.562-3.445c-1.92-.444-3.956.959-4.548 3.134a5 5 0 0 0-.109.537l-6.687-.41"/></g></svg>

Face Exhaling アイコンの使い方

React

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

<Icon icon="openmoji:face-exhaling" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:face-exhaling" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:face-exhaling" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:face-exhaling"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/face-exhaling.svg" alt="Face Exhaling アイコン" width="24" height="24">

OpenMoji の関連アイコン

face-blowing-a-kiss アイコン
face-blowing-a-kiss
 face-holding-back-tears アイコン
face-holding-back-tears
 face-in-clouds アイコン
face-in-clouds
 face-savoring-food アイコン
face-savoring-food
 face-screaming-in-fear アイコン
face-screaming-in-fear
 face-vomiting アイコン
face-vomiting
 face-with-bags-under-eyes アイコン
face-with-bags-under-eyes
 face-with-crossed-out-eyes アイコン
face-with-crossed-out-eyes
 face-with-diagonal-mouth アイコン
face-with-diagonal-mouth
 face-with-hand-over-mouth アイコン
face-with-hand-over-mouth
 face-with-head-bandage アイコン
face-with-head-bandage
 face-with-medical-mask アイコン
face-with-medical-mask
 face-with-monocle アイコン
face-with-monocle
 face-with-open-eyes-and-hand-over-mouth アイコン
face-with-open-eyes-and-hand-over-mouth
 face-with-open-mouth アイコン
face-with-open-mouth
 face-with-peeking-eye アイコン
face-with-peeking-eye
 face-with-raised-eyebrow アイコン
face-with-raised-eyebrow
 face-with-rolling-eyes アイコン
face-with-rolling-eyes
 face-with-spiral-eyes アイコン
face-with-spiral-eyes
 face-with-steam-from-nose アイコン
face-with-steam-from-nose
 face-with-symbols-on-mouth アイコン
face-with-symbols-on-mouth
 face-with-tears-of-joy アイコン
face-with-tears-of-joy
 face-with-thermometer アイコン
face-with-thermometer
 face-with-tongue アイコン
face-with-tongue

他のアイコンセットの Face Exhaling アイコン

Fluent Emoji の Face Exhaling アイコン
Fluent Emoji
 Fluent Emoji Flat の Face Exhaling アイコン
Fluent Emoji Flat
 Fluent Emoji High Contrast の Face Exhaling アイコン
Fluent Emoji High Contrast
 Noto Emoji の Face Exhaling アイコン
Noto Emoji
 Twitter Emoji の Face Exhaling アイコン
Twitter Emoji

Face Exhaling アイコン のよくある質問

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

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

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

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

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

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

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