crying emoji

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

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

The same emoji in other sets

More people icons from Firefox OS Emoji

Use the crying emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00BEEA" 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="#2B3B47" d="M312.6 350.4c-5.7-6.5-22.3-21.2-56.7-21.2c-41.7 0-57.2 21.5-58.9 24c-4.1 6.1-4 14 .2 20c4.1 6 11.6 8.9 18.7 7.2c.1 0 13.2-3 37.7-3c25.1 0 42.7 3.1 43.2 3.1c1.1.2 2.1.3 3.2.3h.2c9.8 0 17.8-8 17.8-17.8c0-4.9-2.1-9.4-5.4-12.6M146.1 195.8c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 10.1-24.2 10.1s-24.2 3.3-24.2-10.1V220c0-13.4 10.9-24.2 24.2-24.2m219.7 0c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 10.1-24.2 10.1s-24.2 3.3-24.2-10.1V220c-.1-13.4 10.8-24.2 24.2-24.2"/><path fill="#009AAF" d="M140.6 182.3c-11.4 0-22.8-4.1-31.6-12.4c-3.1-2.9-3.2-7.8-.3-10.9s7.8-3.2 10.9-.3c11.6 11 30.6 10.9 42.2-.2c3.1-2.9 7.9-2.8 10.9.2c2.9 3.1 2.8 7.9-.2 10.9c-8.9 8.5-20.4 12.7-31.9 12.7m232.9 2.6c-12.9 0-25.8-5.3-34.7-15.5c-2.8-3.2-2.5-8.1.7-10.9s8-2.5 10.9.7c10.6 12.1 29.4 13.8 42 3.8c3.3-2.6 8.2-2.1 10.8 1.3c2.6 3.3 2.1 8.2-1.3 10.8c-8.3 6.6-18.4 9.8-28.4 9.8M170.2 292.1H122c-4.2 0-7.7-3.4-7.7-7.7c0-4.2 3.4-7.7 7.7-7.7h48.2c4.2 0 7.7 3.4 7.7 7.7s-3.4 7.7-7.7 7.7m219.7 0h-48.2c-4.2 0-7.7-3.4-7.7-7.7c0-4.2 3.4-7.7 7.7-7.7h48.2c4.2 0 7.7 3.4 7.7 7.7s-3.5 7.7-7.7 7.7"/><path fill="#FFF" d="m130.2 308l18.9 47.6c4.5 15-3.9 30.9-18.9 35.4c-15 4.6-30.9-3.9-35.4-18.9c-1.7-5.6-1.6-11.3 0-16.5l18.9-47.6c1.4-4.6 6.2-7.1 10.8-5.8c2.8.9 4.9 3.1 5.7 5.8"/><path fill="#00ADC9" 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"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiCrying(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00BEEA" 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="#2B3B47" d="M312.6 350.4c-5.7-6.5-22.3-21.2-56.7-21.2c-41.7 0-57.2 21.5-58.9 24c-4.1 6.1-4 14 .2 20c4.1 6 11.6 8.9 18.7 7.2c.1 0 13.2-3 37.7-3c25.1 0 42.7 3.1 43.2 3.1c1.1.2 2.1.3 3.2.3h.2c9.8 0 17.8-8 17.8-17.8c0-4.9-2.1-9.4-5.4-12.6M146.1 195.8c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 10.1-24.2 10.1s-24.2 3.3-24.2-10.1V220c0-13.4 10.9-24.2 24.2-24.2m219.7 0c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 10.1-24.2 10.1s-24.2 3.3-24.2-10.1V220c-.1-13.4 10.8-24.2 24.2-24.2"/><path fill="#009AAF" d="M140.6 182.3c-11.4 0-22.8-4.1-31.6-12.4c-3.1-2.9-3.2-7.8-.3-10.9s7.8-3.2 10.9-.3c11.6 11 30.6 10.9 42.2-.2c3.1-2.9 7.9-2.8 10.9.2c2.9 3.1 2.8 7.9-.2 10.9c-8.9 8.5-20.4 12.7-31.9 12.7m232.9 2.6c-12.9 0-25.8-5.3-34.7-15.5c-2.8-3.2-2.5-8.1.7-10.9s8-2.5 10.9.7c10.6 12.1 29.4 13.8 42 3.8c3.3-2.6 8.2-2.1 10.8 1.3c2.6 3.3 2.1 8.2-1.3 10.8c-8.3 6.6-18.4 9.8-28.4 9.8M170.2 292.1H122c-4.2 0-7.7-3.4-7.7-7.7c0-4.2 3.4-7.7 7.7-7.7h48.2c4.2 0 7.7 3.4 7.7 7.7s-3.4 7.7-7.7 7.7m219.7 0h-48.2c-4.2 0-7.7-3.4-7.7-7.7c0-4.2 3.4-7.7 7.7-7.7h48.2c4.2 0 7.7 3.4 7.7 7.7s-3.5 7.7-7.7 7.7"/><path fill="#FFF" d="m130.2 308l18.9 47.6c4.5 15-3.9 30.9-18.9 35.4c-15 4.6-30.9-3.9-35.4-18.9c-1.7-5.6-1.6-11.3 0-16.5l18.9-47.6c1.4-4.6 6.2-7.1 10.8-5.8c2.8.9 4.9 3.1 5.7 5.8"/><path fill="#00ADC9" 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"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#00BEEA" 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="#2B3B47" d="M312.6 350.4c-5.7-6.5-22.3-21.2-56.7-21.2c-41.7 0-57.2 21.5-58.9 24c-4.1 6.1-4 14 .2 20c4.1 6 11.6 8.9 18.7 7.2c.1 0 13.2-3 37.7-3c25.1 0 42.7 3.1 43.2 3.1c1.1.2 2.1.3 3.2.3h.2c9.8 0 17.8-8 17.8-17.8c0-4.9-2.1-9.4-5.4-12.6M146.1 195.8c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 10.1-24.2 10.1s-24.2 3.3-24.2-10.1V220c0-13.4 10.9-24.2 24.2-24.2m219.7 0c13.4 0 24.2 10.8 24.2 24.2v54.3c0 13.4-10.8 10.1-24.2 10.1s-24.2 3.3-24.2-10.1V220c-.1-13.4 10.8-24.2 24.2-24.2"/><path fill="#009AAF" d="M140.6 182.3c-11.4 0-22.8-4.1-31.6-12.4c-3.1-2.9-3.2-7.8-.3-10.9s7.8-3.2 10.9-.3c11.6 11 30.6 10.9 42.2-.2c3.1-2.9 7.9-2.8 10.9.2c2.9 3.1 2.8 7.9-.2 10.9c-8.9 8.5-20.4 12.7-31.9 12.7m232.9 2.6c-12.9 0-25.8-5.3-34.7-15.5c-2.8-3.2-2.5-8.1.7-10.9s8-2.5 10.9.7c10.6 12.1 29.4 13.8 42 3.8c3.3-2.6 8.2-2.1 10.8 1.3c2.6 3.3 2.1 8.2-1.3 10.8c-8.3 6.6-18.4 9.8-28.4 9.8M170.2 292.1H122c-4.2 0-7.7-3.4-7.7-7.7c0-4.2 3.4-7.7 7.7-7.7h48.2c4.2 0 7.7 3.4 7.7 7.7s-3.4 7.7-7.7 7.7m219.7 0h-48.2c-4.2 0-7.7-3.4-7.7-7.7c0-4.2 3.4-7.7 7.7-7.7h48.2c4.2 0 7.7 3.4 7.7 7.7s-3.5 7.7-7.7 7.7"/><path fill="#FFF" d="m130.2 308l18.9 47.6c4.5 15-3.9 30.9-18.9 35.4c-15 4.6-30.9-3.9-35.4-18.9c-1.7-5.6-1.6-11.3 0-16.5l18.9-47.6c1.4-4.6 6.2-7.1 10.8-5.8c2.8.9 4.9 3.1 5.7 5.8"/><path fill="#00ADC9" 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"/></svg>
</template>

CSS

.icon-crying {
  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%2300BEEA%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%232B3B47%22%20d%3D%22M312.6%20350.4c-5.7-6.5-22.3-21.2-56.7-21.2c-41.7%200-57.2%2021.5-58.9%2024c-4.1%206.1-4%2014%20.2%2020c4.1%206%2011.6%208.9%2018.7%207.2c.1%200%2013.2-3%2037.7-3c25.1%200%2042.7%203.1%2043.2%203.1c1.1.2%202.1.3%203.2.3h.2c9.8%200%2017.8-8%2017.8-17.8c0-4.9-2.1-9.4-5.4-12.6M146.1%20195.8c13.4%200%2024.2%2010.8%2024.2%2024.2v54.3c0%2013.4-10.8%2010.1-24.2%2010.1s-24.2%203.3-24.2-10.1V220c0-13.4%2010.9-24.2%2024.2-24.2m219.7%200c13.4%200%2024.2%2010.8%2024.2%2024.2v54.3c0%2013.4-10.8%2010.1-24.2%2010.1s-24.2%203.3-24.2-10.1V220c-.1-13.4%2010.8-24.2%2024.2-24.2%22%2F%3E%3Cpath%20fill%3D%22%23009AAF%22%20d%3D%22M140.6%20182.3c-11.4%200-22.8-4.1-31.6-12.4c-3.1-2.9-3.2-7.8-.3-10.9s7.8-3.2%2010.9-.3c11.6%2011%2030.6%2010.9%2042.2-.2c3.1-2.9%207.9-2.8%2010.9.2c2.9%203.1%202.8%207.9-.2%2010.9c-8.9%208.5-20.4%2012.7-31.9%2012.7m232.9%202.6c-12.9%200-25.8-5.3-34.7-15.5c-2.8-3.2-2.5-8.1.7-10.9s8-2.5%2010.9.7c10.6%2012.1%2029.4%2013.8%2042%203.8c3.3-2.6%208.2-2.1%2010.8%201.3c2.6%203.3%202.1%208.2-1.3%2010.8c-8.3%206.6-18.4%209.8-28.4%209.8M170.2%20292.1H122c-4.2%200-7.7-3.4-7.7-7.7c0-4.2%203.4-7.7%207.7-7.7h48.2c4.2%200%207.7%203.4%207.7%207.7s-3.4%207.7-7.7%207.7m219.7%200h-48.2c-4.2%200-7.7-3.4-7.7-7.7c0-4.2%203.4-7.7%207.7-7.7h48.2c4.2%200%207.7%203.4%207.7%207.7s-3.5%207.7-7.7%207.7%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m130.2%20308l18.9%2047.6c4.5%2015-3.9%2030.9-18.9%2035.4c-15%204.6-30.9-3.9-35.4-18.9c-1.7-5.6-1.6-11.3%200-16.5l18.9-47.6c1.4-4.6%206.2-7.1%2010.8-5.8c2.8.9%204.9%203.1%205.7%205.8%22%2F%3E%3Cpath%20fill%3D%22%2300ADC9%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%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%2300BEEA%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%232B3B47%22%20d%3D%22M312.6%20350.4c-5.7-6.5-22.3-21.2-56.7-21.2c-41.7%200-57.2%2021.5-58.9%2024c-4.1%206.1-4%2014%20.2%2020c4.1%206%2011.6%208.9%2018.7%207.2c.1%200%2013.2-3%2037.7-3c25.1%200%2042.7%203.1%2043.2%203.1c1.1.2%202.1.3%203.2.3h.2c9.8%200%2017.8-8%2017.8-17.8c0-4.9-2.1-9.4-5.4-12.6M146.1%20195.8c13.4%200%2024.2%2010.8%2024.2%2024.2v54.3c0%2013.4-10.8%2010.1-24.2%2010.1s-24.2%203.3-24.2-10.1V220c0-13.4%2010.9-24.2%2024.2-24.2m219.7%200c13.4%200%2024.2%2010.8%2024.2%2024.2v54.3c0%2013.4-10.8%2010.1-24.2%2010.1s-24.2%203.3-24.2-10.1V220c-.1-13.4%2010.8-24.2%2024.2-24.2%22%2F%3E%3Cpath%20fill%3D%22%23009AAF%22%20d%3D%22M140.6%20182.3c-11.4%200-22.8-4.1-31.6-12.4c-3.1-2.9-3.2-7.8-.3-10.9s7.8-3.2%2010.9-.3c11.6%2011%2030.6%2010.9%2042.2-.2c3.1-2.9%207.9-2.8%2010.9.2c2.9%203.1%202.8%207.9-.2%2010.9c-8.9%208.5-20.4%2012.7-31.9%2012.7m232.9%202.6c-12.9%200-25.8-5.3-34.7-15.5c-2.8-3.2-2.5-8.1.7-10.9s8-2.5%2010.9.7c10.6%2012.1%2029.4%2013.8%2042%203.8c3.3-2.6%208.2-2.1%2010.8%201.3c2.6%203.3%202.1%208.2-1.3%2010.8c-8.3%206.6-18.4%209.8-28.4%209.8M170.2%20292.1H122c-4.2%200-7.7-3.4-7.7-7.7c0-4.2%203.4-7.7%207.7-7.7h48.2c4.2%200%207.7%203.4%207.7%207.7s-3.4%207.7-7.7%207.7m219.7%200h-48.2c-4.2%200-7.7-3.4-7.7-7.7c0-4.2%203.4-7.7%207.7-7.7h48.2c4.2%200%207.7%203.4%207.7%207.7s-3.5%207.7-7.7%207.7%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22m130.2%20308l18.9%2047.6c4.5%2015-3.9%2030.9-18.9%2035.4c-15%204.6-30.9-3.9-35.4-18.9c-1.7-5.6-1.6-11.3%200-16.5l18.9-47.6c1.4-4.6%206.2-7.1%2010.8-5.8c2.8.9%204.9%203.1%205.7%205.8%22%2F%3E%3Cpath%20fill%3D%22%2300ADC9%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%3C%2Fsvg%3E") no-repeat center / contain;
}

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