openmouth emoji

openmouth from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.

Name: openmouth
Set: Firefox OS Emoji
Style: Default
Category: People
Viewbox: 512×512
License: Apache 2.0

More people icons from Firefox OS Emoji

Use the openmouth emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 35.3C134 35.3 35.2 134.1 35.2 256c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#FFB636" d="M476.2 265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#2B3B47" d="M293.6 296.9h-75.1c-11.9 9.5-19.6 23.2-19.6 38.7c0 19.2 11.7 35.7 28.9 44.6c8.4-4.3 17.9-3 28.3-3c10.3 0 19.9-1.4 28.3 3c17.2-8.9 28.9-25.5 28.9-44.6c-.1-15.5-7.8-29.2-19.7-38.7"/><path fill="#FF473E" d="M227.7 380.3c8.4 4.3 17.9 7 28.3 7c10.3 0 19.9-2.7 28.3-7c-8.4-4.3-17.9-3-28.3-3c-10.3 0-19.9-1.4-28.3 3"/><path fill="#2B3B47" d="M365.8 157.6c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 24.2-24.2 24.2s-24.2-10.8-24.2-24.2v-54.3c0-13.3 10.9-24.2 24.2-24.2m-219.6 0c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 24.2-24.2 24.2S122 249.5 122 236.1v-54.3c0-13.3 10.8-24.2 24.2-24.2"/><path fill="#FFF" d="M293.1 296.9c-9.9-7.5-22.8-12-37-12s-27.2 4.5-37 12z"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiOpenmouth(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 35.3C134 35.3 35.2 134.1 35.2 256c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#FFB636" d="M476.2 265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#2B3B47" d="M293.6 296.9h-75.1c-11.9 9.5-19.6 23.2-19.6 38.7c0 19.2 11.7 35.7 28.9 44.6c8.4-4.3 17.9-3 28.3-3c10.3 0 19.9-1.4 28.3 3c17.2-8.9 28.9-25.5 28.9-44.6c-.1-15.5-7.8-29.2-19.7-38.7"/><path fill="#FF473E" d="M227.7 380.3c8.4 4.3 17.9 7 28.3 7c10.3 0 19.9-2.7 28.3-7c-8.4-4.3-17.9-3-28.3-3c-10.3 0-19.9-1.4-28.3 3"/><path fill="#2B3B47" d="M365.8 157.6c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 24.2-24.2 24.2s-24.2-10.8-24.2-24.2v-54.3c0-13.3 10.9-24.2 24.2-24.2m-219.6 0c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 24.2-24.2 24.2S122 249.5 122 236.1v-54.3c0-13.3 10.8-24.2 24.2-24.2"/><path fill="#FFF" d="M293.1 296.9c-9.9-7.5-22.8-12-37-12s-27.2 4.5-37 12z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#FFD469" d="M255.9 35.3C134 35.3 35.2 134.1 35.2 256c0 3.3.1 6.6.2 9.9c-12.8 1.7-22.8 12.6-22.8 25.9c0 14.5 11.7 26.2 26.2 26.2H44c26.8 91.7 111.4 158.7 211.7 158.7c121.8 0 220.6-98.8 220.6-220.6c.2-122-98.6-220.8-220.4-220.8"/><path fill="#FFB636" d="M476.2 265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3 34.5 33.6 75.2 33.6 118.8c0 125.2-101.5 226.7-226.7 226.7c-43.6 0-84.2-12.3-118.8-33.6c39.6 37.7 93.1 60.8 152 60.8c100.3 0 185-67 211.7-158.7h5.2c14.5 0 26.2-11.7 26.2-26.2c.2-13.3-9.7-24.2-22.6-25.9"/><path fill="#2B3B47" d="M293.6 296.9h-75.1c-11.9 9.5-19.6 23.2-19.6 38.7c0 19.2 11.7 35.7 28.9 44.6c8.4-4.3 17.9-3 28.3-3c10.3 0 19.9-1.4 28.3 3c17.2-8.9 28.9-25.5 28.9-44.6c-.1-15.5-7.8-29.2-19.7-38.7"/><path fill="#FF473E" d="M227.7 380.3c8.4 4.3 17.9 7 28.3 7c10.3 0 19.9-2.7 28.3-7c-8.4-4.3-17.9-3-28.3-3c-10.3 0-19.9-1.4-28.3 3"/><path fill="#2B3B47" d="M365.8 157.6c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 24.2-24.2 24.2s-24.2-10.8-24.2-24.2v-54.3c0-13.3 10.9-24.2 24.2-24.2m-219.6 0c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 24.2-24.2 24.2S122 249.5 122 236.1v-54.3c0-13.3 10.8-24.2 24.2-24.2"/><path fill="#FFF" d="M293.1 296.9c-9.9-7.5-22.8-12-37-12s-27.2 4.5-37 12z"/></svg>
</template>

CSS

.icon-openmouth {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M255.9%2035.3C134%2035.3%2035.2%20134.1%2035.2%20256c0%203.3.1%206.6.2%209.9c-12.8%201.7-22.8%2012.6-22.8%2025.9c0%2014.5%2011.7%2026.2%2026.2%2026.2H44c26.8%2091.7%20111.4%20158.7%20211.7%20158.7c121.8%200%20220.6-98.8%20220.6-220.6c.2-122-98.6-220.8-220.4-220.8%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M476.2%20265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3%2034.5%2033.6%2075.2%2033.6%20118.8c0%20125.2-101.5%20226.7-226.7%20226.7c-43.6%200-84.2-12.3-118.8-33.6c39.6%2037.7%2093.1%2060.8%20152%2060.8c100.3%200%20185-67%20211.7-158.7h5.2c14.5%200%2026.2-11.7%2026.2-26.2c.2-13.3-9.7-24.2-22.6-25.9%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M293.6%20296.9h-75.1c-11.9%209.5-19.6%2023.2-19.6%2038.7c0%2019.2%2011.7%2035.7%2028.9%2044.6c8.4-4.3%2017.9-3%2028.3-3c10.3%200%2019.9-1.4%2028.3%203c17.2-8.9%2028.9-25.5%2028.9-44.6c-.1-15.5-7.8-29.2-19.7-38.7%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M227.7%20380.3c8.4%204.3%2017.9%207%2028.3%207c10.3%200%2019.9-2.7%2028.3-7c-8.4-4.3-17.9-3-28.3-3c-10.3%200-19.9-1.4-28.3%203%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M365.8%20157.6c13.4%200%2024.2%2010.8%2024.2%2024.2v54.3c0%2013.4-10.8%2024.2-24.2%2024.2s-24.2-10.8-24.2-24.2v-54.3c0-13.3%2010.9-24.2%2024.2-24.2m-219.6%200c13.4%200%2024.2%2010.8%2024.2%2024.2v54.3c0%2013.4-10.8%2024.2-24.2%2024.2S122%20249.5%20122%20236.1v-54.3c0-13.3%2010.8-24.2%2024.2-24.2%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M293.1%20296.9c-9.9-7.5-22.8-12-37-12s-27.2%204.5-37%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20fill%3D%22%23FFD469%22%20d%3D%22M255.9%2035.3C134%2035.3%2035.2%20134.1%2035.2%20256c0%203.3.1%206.6.2%209.9c-12.8%201.7-22.8%2012.6-22.8%2025.9c0%2014.5%2011.7%2026.2%2026.2%2026.2H44c26.8%2091.7%20111.4%20158.7%20211.7%20158.7c121.8%200%20220.6-98.8%20220.6-220.6c.2-122-98.6-220.8-220.4-220.8%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M476.2%20265.8c.1-3.3.2-6.6.2-9.9c0-58.9-23.1-112.5-60.8-152c21.3%2034.5%2033.6%2075.2%2033.6%20118.8c0%20125.2-101.5%20226.7-226.7%20226.7c-43.6%200-84.2-12.3-118.8-33.6c39.6%2037.7%2093.1%2060.8%20152%2060.8c100.3%200%20185-67%20211.7-158.7h5.2c14.5%200%2026.2-11.7%2026.2-26.2c.2-13.3-9.7-24.2-22.6-25.9%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M293.6%20296.9h-75.1c-11.9%209.5-19.6%2023.2-19.6%2038.7c0%2019.2%2011.7%2035.7%2028.9%2044.6c8.4-4.3%2017.9-3%2028.3-3c10.3%200%2019.9-1.4%2028.3%203c17.2-8.9%2028.9-25.5%2028.9-44.6c-.1-15.5-7.8-29.2-19.7-38.7%22%2F%3E%3Cpath%20fill%3D%22%23FF473E%22%20d%3D%22M227.7%20380.3c8.4%204.3%2017.9%207%2028.3%207c10.3%200%2019.9-2.7%2028.3-7c-8.4-4.3-17.9-3-28.3-3c-10.3%200-19.9-1.4-28.3%203%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M365.8%20157.6c13.4%200%2024.2%2010.8%2024.2%2024.2v54.3c0%2013.4-10.8%2024.2-24.2%2024.2s-24.2-10.8-24.2-24.2v-54.3c0-13.3%2010.9-24.2%2024.2-24.2m-219.6%200c13.4%200%2024.2%2010.8%2024.2%2024.2v54.3c0%2013.4-10.8%2024.2-24.2%2024.2S122%20249.5%20122%20236.1v-54.3c0-13.3%2010.8-24.2%2024.2-24.2%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M293.1%20296.9c-9.9-7.5-22.8-12-37-12s-27.2%204.5-37%2012z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/openmouth.svg?color=%231a73e8&size=48