smallsmile emoji

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

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

More people icons from Firefox OS Emoji

Use the smallsmile 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 24c-128.1 0-232 103.9-232 232c0 3.4.1 6.9.2 10.3C10.6 268 .2 279.5.2 293.5c0 15.2 12.3 27.6 27.6 27.6h5.4c28.2 96.4 117.2 166.8 222.7 166.8c128.1 0 232-103.8 232-232C487.8 127.8 384 24 255.9 24"/><path fill="#2B3B47" d="M371.4 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M348.2 272.2c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.3-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#2B3B47" d="M140.5 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M117.3 272.2c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.3-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#FFB636" d="M487.6 266.2c.1-3.4.2-6.8.2-10.3c0-62-24.3-118.3-64-159.8c22.4 36.3 35.4 79.1 35.4 124.9c0 131.6-106.7 238.3-238.3 238.3c-45.8 0-88.6-13-124.9-35.4c41.6 39.6 97.9 63.9 159.9 63.9c105.5 0 194.6-70.4 222.7-166.8h5.4c15.2 0 27.6-12.3 27.6-27.6c-.1-13.9-10.5-25.4-24-27.2"/><path fill="#2B3B47" d="M253.9 382.3c-18.1 0-35.2-7.3-46.8-20.1c-4-4.4-3.6-11.1.8-15.1s11.1-3.6 15.1.8c7.6 8.3 18.8 13.1 31 13.1h.3c12.2-.1 23.4-4.9 30.9-13.4c3.9-4.4 10.6-4.8 15.1-.9c4.4 3.9 4.8 10.6.9 15.1c-11.5 13-28.5 20.5-46.7 20.6c-.4-.1-.5-.1-.6-.1"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiSmallsmile(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 24c-128.1 0-232 103.9-232 232c0 3.4.1 6.9.2 10.3C10.6 268 .2 279.5.2 293.5c0 15.2 12.3 27.6 27.6 27.6h5.4c28.2 96.4 117.2 166.8 222.7 166.8c128.1 0 232-103.8 232-232C487.8 127.8 384 24 255.9 24"/><path fill="#2B3B47" d="M371.4 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M348.2 272.2c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.3-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#2B3B47" d="M140.5 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M117.3 272.2c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.3-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#FFB636" d="M487.6 266.2c.1-3.4.2-6.8.2-10.3c0-62-24.3-118.3-64-159.8c22.4 36.3 35.4 79.1 35.4 124.9c0 131.6-106.7 238.3-238.3 238.3c-45.8 0-88.6-13-124.9-35.4c41.6 39.6 97.9 63.9 159.9 63.9c105.5 0 194.6-70.4 222.7-166.8h5.4c15.2 0 27.6-12.3 27.6-27.6c-.1-13.9-10.5-25.4-24-27.2"/><path fill="#2B3B47" d="M253.9 382.3c-18.1 0-35.2-7.3-46.8-20.1c-4-4.4-3.6-11.1.8-15.1s11.1-3.6 15.1.8c7.6 8.3 18.8 13.1 31 13.1h.3c12.2-.1 23.4-4.9 30.9-13.4c3.9-4.4 10.6-4.8 15.1-.9c4.4 3.9 4.8 10.6.9 15.1c-11.5 13-28.5 20.5-46.7 20.6c-.4-.1-.5-.1-.6-.1"/></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 24c-128.1 0-232 103.9-232 232c0 3.4.1 6.9.2 10.3C10.6 268 .2 279.5.2 293.5c0 15.2 12.3 27.6 27.6 27.6h5.4c28.2 96.4 117.2 166.8 222.7 166.8c128.1 0 232-103.8 232-232C487.8 127.8 384 24 255.9 24"/><path fill="#2B3B47" d="M371.4 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M348.2 272.2c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.3-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#2B3B47" d="M140.5 175.5c14.1 0 25.5 11.4 25.5 25.5v57.1c0 14.1-11.4.2-25.5.2s-25.5 13.9-25.5-.2V201c0-14.1 11.4-25.5 25.5-25.5"/><path fill="#F2A74E" d="M117.3 272.2c-2.9 0-5.8-1.6-7.2-4.4c-2-4-.3-8.8 3.6-10.7c17-8.4 36.4-8.7 53.3-.7c4 1.9 5.7 6.7 3.8 10.7s-6.7 5.7-10.7 3.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7"/><path fill="#FFB636" d="M487.6 266.2c.1-3.4.2-6.8.2-10.3c0-62-24.3-118.3-64-159.8c22.4 36.3 35.4 79.1 35.4 124.9c0 131.6-106.7 238.3-238.3 238.3c-45.8 0-88.6-13-124.9-35.4c41.6 39.6 97.9 63.9 159.9 63.9c105.5 0 194.6-70.4 222.7-166.8h5.4c15.2 0 27.6-12.3 27.6-27.6c-.1-13.9-10.5-25.4-24-27.2"/><path fill="#2B3B47" d="M253.9 382.3c-18.1 0-35.2-7.3-46.8-20.1c-4-4.4-3.6-11.1.8-15.1s11.1-3.6 15.1.8c7.6 8.3 18.8 13.1 31 13.1h.3c12.2-.1 23.4-4.9 30.9-13.4c3.9-4.4 10.6-4.8 15.1-.9c4.4 3.9 4.8 10.6.9 15.1c-11.5 13-28.5 20.5-46.7 20.6c-.4-.1-.5-.1-.6-.1"/></svg>
</template>

CSS

.icon-smallsmile {
  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%2024c-128.1%200-232%20103.9-232%20232c0%203.4.1%206.9.2%2010.3C10.6%20268%20.2%20279.5.2%20293.5c0%2015.2%2012.3%2027.6%2027.6%2027.6h5.4c28.2%2096.4%20117.2%20166.8%20222.7%20166.8c128.1%200%20232-103.8%20232-232C487.8%20127.8%20384%2024%20255.9%2024%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M371.4%20175.5c14.1%200%2025.5%2011.4%2025.5%2025.5v57.1c0%2014.1-11.4.2-25.5.2s-25.5%2013.9-25.5-.2V201c0-14.1%2011.4-25.5%2025.5-25.5%22%2F%3E%3Cpath%20fill%3D%22%23F2A74E%22%20d%3D%22M348.2%20272.2c-2.9%200-5.8-1.6-7.2-4.4c-2-4-.3-8.8%203.6-10.7c17-8.4%2036.4-8.7%2053.3-.7c4%201.9%205.7%206.7%203.8%2010.7s-6.7%205.7-10.7%203.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M140.5%20175.5c14.1%200%2025.5%2011.4%2025.5%2025.5v57.1c0%2014.1-11.4.2-25.5.2s-25.5%2013.9-25.5-.2V201c0-14.1%2011.4-25.5%2025.5-25.5%22%2F%3E%3Cpath%20fill%3D%22%23F2A74E%22%20d%3D%22M117.3%20272.2c-2.9%200-5.8-1.6-7.2-4.4c-2-4-.3-8.8%203.6-10.7c17-8.4%2036.4-8.7%2053.3-.7c4%201.9%205.7%206.7%203.8%2010.7s-6.7%205.7-10.7%203.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M487.6%20266.2c.1-3.4.2-6.8.2-10.3c0-62-24.3-118.3-64-159.8c22.4%2036.3%2035.4%2079.1%2035.4%20124.9c0%20131.6-106.7%20238.3-238.3%20238.3c-45.8%200-88.6-13-124.9-35.4c41.6%2039.6%2097.9%2063.9%20159.9%2063.9c105.5%200%20194.6-70.4%20222.7-166.8h5.4c15.2%200%2027.6-12.3%2027.6-27.6c-.1-13.9-10.5-25.4-24-27.2%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M253.9%20382.3c-18.1%200-35.2-7.3-46.8-20.1c-4-4.4-3.6-11.1.8-15.1s11.1-3.6%2015.1.8c7.6%208.3%2018.8%2013.1%2031%2013.1h.3c12.2-.1%2023.4-4.9%2030.9-13.4c3.9-4.4%2010.6-4.8%2015.1-.9c4.4%203.9%204.8%2010.6.9%2015.1c-11.5%2013-28.5%2020.5-46.7%2020.6c-.4-.1-.5-.1-.6-.1%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%2024c-128.1%200-232%20103.9-232%20232c0%203.4.1%206.9.2%2010.3C10.6%20268%20.2%20279.5.2%20293.5c0%2015.2%2012.3%2027.6%2027.6%2027.6h5.4c28.2%2096.4%20117.2%20166.8%20222.7%20166.8c128.1%200%20232-103.8%20232-232C487.8%20127.8%20384%2024%20255.9%2024%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M371.4%20175.5c14.1%200%2025.5%2011.4%2025.5%2025.5v57.1c0%2014.1-11.4.2-25.5.2s-25.5%2013.9-25.5-.2V201c0-14.1%2011.4-25.5%2025.5-25.5%22%2F%3E%3Cpath%20fill%3D%22%23F2A74E%22%20d%3D%22M348.2%20272.2c-2.9%200-5.8-1.6-7.2-4.4c-2-4-.3-8.8%203.6-10.7c17-8.4%2036.4-8.7%2053.3-.7c4%201.9%205.7%206.7%203.8%2010.7s-6.7%205.7-10.7%203.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M140.5%20175.5c14.1%200%2025.5%2011.4%2025.5%2025.5v57.1c0%2014.1-11.4.2-25.5.2s-25.5%2013.9-25.5-.2V201c0-14.1%2011.4-25.5%2025.5-25.5%22%2F%3E%3Cpath%20fill%3D%22%23F2A74E%22%20d%3D%22M117.3%20272.2c-2.9%200-5.8-1.6-7.2-4.4c-2-4-.3-8.8%203.6-10.7c17-8.4%2036.4-8.7%2053.3-.7c4%201.9%205.7%206.7%203.8%2010.7s-6.7%205.7-10.7%203.8c-12.4-5.9-26.7-5.7-39.3.6c-1.1.4-2.3.7-3.5.7%22%2F%3E%3Cpath%20fill%3D%22%23FFB636%22%20d%3D%22M487.6%20266.2c.1-3.4.2-6.8.2-10.3c0-62-24.3-118.3-64-159.8c22.4%2036.3%2035.4%2079.1%2035.4%20124.9c0%20131.6-106.7%20238.3-238.3%20238.3c-45.8%200-88.6-13-124.9-35.4c41.6%2039.6%2097.9%2063.9%20159.9%2063.9c105.5%200%20194.6-70.4%20222.7-166.8h5.4c15.2%200%2027.6-12.3%2027.6-27.6c-.1-13.9-10.5-25.4-24-27.2%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M253.9%20382.3c-18.1%200-35.2-7.3-46.8-20.1c-4-4.4-3.6-11.1.8-15.1s11.1-3.6%2015.1.8c7.6%208.3%2018.8%2013.1%2031%2013.1h.3c12.2-.1%2023.4-4.9%2030.9-13.4c3.9-4.4%2010.6-4.8%2015.1-.9c4.4%203.9%204.8%2010.6.9%2015.1c-11.5%2013-28.5%2020.5-46.7%2020.6c-.4-.1-.5-.1-.6-.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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