disappointed emoji

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

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

More people icons from Firefox OS Emoji

Use the disappointed 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="#2B3B47" d="M255.9 358c-32.9 0-45 18.2-46.3 20.3c-3 4.8-2.7 11 .7 15.6s9.2 6.6 14.7 5.2c.1 0 11.8-3 30.8-3s30.8 3 30.9 3c1.2.3 2.4.5 3.6.5c7.6 0 14-6.2 14-13.9c0-3.8-1.5-7.2-3.9-9.7c-4.4-5.6-17.4-18-44.5-18M398 286.9c0-.1-.1-.2-.1-.2c-.1-.2-.2-.3-.3-.4c-.1-.2-.2-.4-.4-.6c-1.7-2.3-4.1-3.8-6.8-4.2l-41.5-15.1c-2.7-1.6-6-2.1-9.1-.8c-5.3 2.1-7.9 8.1-5.8 13.4c4.5 11.3 13.6 20.2 25 24.3c4.7 1.7 9.7 2.6 14.6 2.6c6 0 12-1.3 17.5-3.9c3.4-.7 6.4-3 7.7-6.5c1-3 .7-6.1-.8-8.6m-232.9-21.7c-2-.8-4-.9-5.9-.5c-1.4-.1-2.8.1-4.3.6l-43.7 15.9c-5.4 1.9-8.1 7.9-6.2 13.2c1.2 3.3 3.9 5.5 7 6.4c6 3.1 12.6 4.7 19.3 4.7c4.9 0 9.9-.9 14.6-2.6c11.4-4.2 20.6-13 25-24.3c2.1-5.3-.5-11.3-5.8-13.4"/><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"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiDisappointed(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="#2B3B47" d="M255.9 358c-32.9 0-45 18.2-46.3 20.3c-3 4.8-2.7 11 .7 15.6s9.2 6.6 14.7 5.2c.1 0 11.8-3 30.8-3s30.8 3 30.9 3c1.2.3 2.4.5 3.6.5c7.6 0 14-6.2 14-13.9c0-3.8-1.5-7.2-3.9-9.7c-4.4-5.6-17.4-18-44.5-18M398 286.9c0-.1-.1-.2-.1-.2c-.1-.2-.2-.3-.3-.4c-.1-.2-.2-.4-.4-.6c-1.7-2.3-4.1-3.8-6.8-4.2l-41.5-15.1c-2.7-1.6-6-2.1-9.1-.8c-5.3 2.1-7.9 8.1-5.8 13.4c4.5 11.3 13.6 20.2 25 24.3c4.7 1.7 9.7 2.6 14.6 2.6c6 0 12-1.3 17.5-3.9c3.4-.7 6.4-3 7.7-6.5c1-3 .7-6.1-.8-8.6m-232.9-21.7c-2-.8-4-.9-5.9-.5c-1.4-.1-2.8.1-4.3.6l-43.7 15.9c-5.4 1.9-8.1 7.9-6.2 13.2c1.2 3.3 3.9 5.5 7 6.4c6 3.1 12.6 4.7 19.3 4.7c4.9 0 9.9-.9 14.6-2.6c11.4-4.2 20.6-13 25-24.3c2.1-5.3-.5-11.3-5.8-13.4"/><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"/></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="#2B3B47" d="M255.9 358c-32.9 0-45 18.2-46.3 20.3c-3 4.8-2.7 11 .7 15.6s9.2 6.6 14.7 5.2c.1 0 11.8-3 30.8-3s30.8 3 30.9 3c1.2.3 2.4.5 3.6.5c7.6 0 14-6.2 14-13.9c0-3.8-1.5-7.2-3.9-9.7c-4.4-5.6-17.4-18-44.5-18M398 286.9c0-.1-.1-.2-.1-.2c-.1-.2-.2-.3-.3-.4c-.1-.2-.2-.4-.4-.6c-1.7-2.3-4.1-3.8-6.8-4.2l-41.5-15.1c-2.7-1.6-6-2.1-9.1-.8c-5.3 2.1-7.9 8.1-5.8 13.4c4.5 11.3 13.6 20.2 25 24.3c4.7 1.7 9.7 2.6 14.6 2.6c6 0 12-1.3 17.5-3.9c3.4-.7 6.4-3 7.7-6.5c1-3 .7-6.1-.8-8.6m-232.9-21.7c-2-.8-4-.9-5.9-.5c-1.4-.1-2.8.1-4.3.6l-43.7 15.9c-5.4 1.9-8.1 7.9-6.2 13.2c1.2 3.3 3.9 5.5 7 6.4c6 3.1 12.6 4.7 19.3 4.7c4.9 0 9.9-.9 14.6-2.6c11.4-4.2 20.6-13 25-24.3c2.1-5.3-.5-11.3-5.8-13.4"/><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"/></svg>
</template>

CSS

.icon-disappointed {
  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%232B3B47%22%20d%3D%22M255.9%20358c-32.9%200-45%2018.2-46.3%2020.3c-3%204.8-2.7%2011%20.7%2015.6s9.2%206.6%2014.7%205.2c.1%200%2011.8-3%2030.8-3s30.8%203%2030.9%203c1.2.3%202.4.5%203.6.5c7.6%200%2014-6.2%2014-13.9c0-3.8-1.5-7.2-3.9-9.7c-4.4-5.6-17.4-18-44.5-18M398%20286.9c0-.1-.1-.2-.1-.2c-.1-.2-.2-.3-.3-.4c-.1-.2-.2-.4-.4-.6c-1.7-2.3-4.1-3.8-6.8-4.2l-41.5-15.1c-2.7-1.6-6-2.1-9.1-.8c-5.3%202.1-7.9%208.1-5.8%2013.4c4.5%2011.3%2013.6%2020.2%2025%2024.3c4.7%201.7%209.7%202.6%2014.6%202.6c6%200%2012-1.3%2017.5-3.9c3.4-.7%206.4-3%207.7-6.5c1-3%20.7-6.1-.8-8.6m-232.9-21.7c-2-.8-4-.9-5.9-.5c-1.4-.1-2.8.1-4.3.6l-43.7%2015.9c-5.4%201.9-8.1%207.9-6.2%2013.2c1.2%203.3%203.9%205.5%207%206.4c6%203.1%2012.6%204.7%2019.3%204.7c4.9%200%209.9-.9%2014.6-2.6c11.4-4.2%2020.6-13%2025-24.3c2.1-5.3-.5-11.3-5.8-13.4%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%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%232B3B47%22%20d%3D%22M255.9%20358c-32.9%200-45%2018.2-46.3%2020.3c-3%204.8-2.7%2011%20.7%2015.6s9.2%206.6%2014.7%205.2c.1%200%2011.8-3%2030.8-3s30.8%203%2030.9%203c1.2.3%202.4.5%203.6.5c7.6%200%2014-6.2%2014-13.9c0-3.8-1.5-7.2-3.9-9.7c-4.4-5.6-17.4-18-44.5-18M398%20286.9c0-.1-.1-.2-.1-.2c-.1-.2-.2-.3-.3-.4c-.1-.2-.2-.4-.4-.6c-1.7-2.3-4.1-3.8-6.8-4.2l-41.5-15.1c-2.7-1.6-6-2.1-9.1-.8c-5.3%202.1-7.9%208.1-5.8%2013.4c4.5%2011.3%2013.6%2020.2%2025%2024.3c4.7%201.7%209.7%202.6%2014.6%202.6c6%200%2012-1.3%2017.5-3.9c3.4-.7%206.4-3%207.7-6.5c1-3%20.7-6.1-.8-8.6m-232.9-21.7c-2-.8-4-.9-5.9-.5c-1.4-.1-2.8.1-4.3.6l-43.7%2015.9c-5.4%201.9-8.1%207.9-6.2%2013.2c1.2%203.3%203.9%205.5%207%206.4c6%203.1%2012.6%204.7%2019.3%204.7c4.9%200%209.9-.9%2014.6-2.6c11.4-4.2%2020.6-13%2025-24.3c2.1-5.3-.5-11.3-5.8-13.4%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%3C%2Fsvg%3E") no-repeat center / contain;
}

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