ICONYZ
English
Face Exhaling icon from OpenMoji

Face Exhaling icon

openmoji:face-exhaling

The Face Exhaling icon (openmoji:face-exhaling) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
OpenMoji
Author
OpenMoji
License
CC-BY-SA-4.0
Size
72 × 72
Category
Smileys Emotion
Tags
faceexhaling
Download SVG

SVG code

<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>

How to use the Face Exhaling icon

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 component

<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 image

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

Related icons in OpenMoji

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

Face Exhaling icon in other icon sets

Face Exhaling icon from Fluent Emoji
Fluent Emoji
 Face Exhaling icon from Fluent Emoji Flat
Fluent Emoji Flat
 Face Exhaling icon from Fluent Emoji High Contrast
Fluent Emoji High Contrast
 Face Exhaling icon from Noto Emoji
Noto Emoji
 Face Exhaling icon from Twitter Emoji
Twitter Emoji

Face Exhaling icon FAQ

Is the Face Exhaling icon free for commercial use?

Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.

How do I use the Face Exhaling icon in React?

Install @iconify/react and render <Icon icon="openmoji:face-exhaling" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Face Exhaling icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/face-exhaling.svg" alt="Face Exhaling icon">, or paste the SVG code inline to style it with CSS.

Browse all OpenMoji icons →