sunglasses emoji

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

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

The same emoji in other sets

sunglassesBootstrap IconssunglassesEmoji One (Colored)sunglassesFluent EmojisunglassesFluent Emoji FlatsunglassesFluent Emoji High ContrastsunglassesHuge IconssunglassesMaterial Design IconssunglassesNoto EmojisunglassesOpenMojisunglassesPhosphorsunglassesPixelarticonssunglassesStreamline EmojissunglassesTabler IconssunglassesTwitter Emoji

More people icons from Firefox OS Emoji

2heartsalienangerangryanguishaokastonishedbabybabyangelbeating-heartbikiniblackdownpointingbackhandblackleftpointingbackhandblackmissingsmileyblackrightpointingbackhandblackuppointingbackhandblondebootbowbowingboybridebriefcasebrokenheart

Use the sunglasses 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="#F2A74E" d="M145.4 184c-13.2 0-25.7-5.6-34.3-15.4c-2.8-3.1-2.5-8 .7-10.8c3.1-2.8 8-2.5 10.8.7c5.8 6.5 14.1 10.3 22.9 10.3s17.2-3.7 23-10.3c2.8-3.1 7.6-3.4 10.8-.6c3.1 2.8 3.4 7.6.6 10.8c-8.8 9.6-21.3 15.3-34.5 15.3m249-24.6c-2.1 0-4.2-.9-5.7-2.6c-5.8-6.5-14.1-10.3-22.9-10.3s-17.2 3.7-23 10.3c-2.8 3.2-7.6 3.4-10.8.6c-3.1-2.8-3.4-7.6-.6-10.8c8.7-9.8 21.2-15.4 34.4-15.4c13.1 0 25.7 5.6 34.3 15.4c2.8 3.1 2.5 8-.7 10.8c-1.4 1.4-3.2 2-5 2"/><path fill="#2B3B47" d="M249.8 397.2c-27.7 0-52.7-10.7-67-23.5c-4.6-4.1-5-11-.9-15.6c4-4.6 11-5 15.6-.9c15.2 13.5 45.5 23 74.2 15c5.9-1.7 12 1.8 13.6 7.7s-1.8 12-7.7 13.6c-9.4 2.6-18.8 3.7-27.8 3.7m-25.1-126.1c0 32.1-26 58.1-58.1 58.1h-30.1c-32.1 0-58.1-26-58.1-58.1v-30.9c0-32.1 26-25.6 58.1-25.6h30.1c32.1 0 58.1-6.5 58.1 25.6zm210.9 0c0 32.1-26 58.1-58.1 58.1h-30.1c-32.1 0-58.1-26-58.1-58.1v-30.9c0-32.1 26-25.6 58.1-25.6h30.1c32.1 0 58.1-6.5 58.1 25.6z"/><path fill="#597B91" d="M287.5 269.5c-1.8 0-3.6-.6-5-1.8c-15.3-12.5-37.8-12.5-53.4 0c-3.4 2.8-8.4 2.2-11.2-1.2s-2.2-8.4 1.2-11.2c21.5-17.3 52.4-17.2 73.5.1c3.4 2.8 3.9 7.8 1.1 11.2c-1.6 1.9-3.9 2.9-6.2 2.9M427.3 222H84.2c-4.4 0-8-3.6-8-8s3.6-8 8-8h343.1c4.4 0 8 3.6 8 8s-3.6 8-8 8m43.7 26.1h-35.4V264H471c4.4 0 8-3.6 8-8s-3.6-7.9-8-7.9m-392.5 0h-38c-4.4 0-8 3.6-8 8s3.6 8 8 8h37.9v-16z"/></svg>

React

import type { SVGProps } from "react";

export function FxemojiSunglasses(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="#F2A74E" d="M145.4 184c-13.2 0-25.7-5.6-34.3-15.4c-2.8-3.1-2.5-8 .7-10.8c3.1-2.8 8-2.5 10.8.7c5.8 6.5 14.1 10.3 22.9 10.3s17.2-3.7 23-10.3c2.8-3.1 7.6-3.4 10.8-.6c3.1 2.8 3.4 7.6.6 10.8c-8.8 9.6-21.3 15.3-34.5 15.3m249-24.6c-2.1 0-4.2-.9-5.7-2.6c-5.8-6.5-14.1-10.3-22.9-10.3s-17.2 3.7-23 10.3c-2.8 3.2-7.6 3.4-10.8.6c-3.1-2.8-3.4-7.6-.6-10.8c8.7-9.8 21.2-15.4 34.4-15.4c13.1 0 25.7 5.6 34.3 15.4c2.8 3.1 2.5 8-.7 10.8c-1.4 1.4-3.2 2-5 2"/><path fill="#2B3B47" d="M249.8 397.2c-27.7 0-52.7-10.7-67-23.5c-4.6-4.1-5-11-.9-15.6c4-4.6 11-5 15.6-.9c15.2 13.5 45.5 23 74.2 15c5.9-1.7 12 1.8 13.6 7.7s-1.8 12-7.7 13.6c-9.4 2.6-18.8 3.7-27.8 3.7m-25.1-126.1c0 32.1-26 58.1-58.1 58.1h-30.1c-32.1 0-58.1-26-58.1-58.1v-30.9c0-32.1 26-25.6 58.1-25.6h30.1c32.1 0 58.1-6.5 58.1 25.6zm210.9 0c0 32.1-26 58.1-58.1 58.1h-30.1c-32.1 0-58.1-26-58.1-58.1v-30.9c0-32.1 26-25.6 58.1-25.6h30.1c32.1 0 58.1-6.5 58.1 25.6z"/><path fill="#597B91" d="M287.5 269.5c-1.8 0-3.6-.6-5-1.8c-15.3-12.5-37.8-12.5-53.4 0c-3.4 2.8-8.4 2.2-11.2-1.2s-2.2-8.4 1.2-11.2c21.5-17.3 52.4-17.2 73.5.1c3.4 2.8 3.9 7.8 1.1 11.2c-1.6 1.9-3.9 2.9-6.2 2.9M427.3 222H84.2c-4.4 0-8-3.6-8-8s3.6-8 8-8h343.1c4.4 0 8 3.6 8 8s-3.6 8-8 8m43.7 26.1h-35.4V264H471c4.4 0 8-3.6 8-8s-3.6-7.9-8-7.9m-392.5 0h-38c-4.4 0-8 3.6-8 8s3.6 8 8 8h37.9v-16z"/></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="#F2A74E" d="M145.4 184c-13.2 0-25.7-5.6-34.3-15.4c-2.8-3.1-2.5-8 .7-10.8c3.1-2.8 8-2.5 10.8.7c5.8 6.5 14.1 10.3 22.9 10.3s17.2-3.7 23-10.3c2.8-3.1 7.6-3.4 10.8-.6c3.1 2.8 3.4 7.6.6 10.8c-8.8 9.6-21.3 15.3-34.5 15.3m249-24.6c-2.1 0-4.2-.9-5.7-2.6c-5.8-6.5-14.1-10.3-22.9-10.3s-17.2 3.7-23 10.3c-2.8 3.2-7.6 3.4-10.8.6c-3.1-2.8-3.4-7.6-.6-10.8c8.7-9.8 21.2-15.4 34.4-15.4c13.1 0 25.7 5.6 34.3 15.4c2.8 3.1 2.5 8-.7 10.8c-1.4 1.4-3.2 2-5 2"/><path fill="#2B3B47" d="M249.8 397.2c-27.7 0-52.7-10.7-67-23.5c-4.6-4.1-5-11-.9-15.6c4-4.6 11-5 15.6-.9c15.2 13.5 45.5 23 74.2 15c5.9-1.7 12 1.8 13.6 7.7s-1.8 12-7.7 13.6c-9.4 2.6-18.8 3.7-27.8 3.7m-25.1-126.1c0 32.1-26 58.1-58.1 58.1h-30.1c-32.1 0-58.1-26-58.1-58.1v-30.9c0-32.1 26-25.6 58.1-25.6h30.1c32.1 0 58.1-6.5 58.1 25.6zm210.9 0c0 32.1-26 58.1-58.1 58.1h-30.1c-32.1 0-58.1-26-58.1-58.1v-30.9c0-32.1 26-25.6 58.1-25.6h30.1c32.1 0 58.1-6.5 58.1 25.6z"/><path fill="#597B91" d="M287.5 269.5c-1.8 0-3.6-.6-5-1.8c-15.3-12.5-37.8-12.5-53.4 0c-3.4 2.8-8.4 2.2-11.2-1.2s-2.2-8.4 1.2-11.2c21.5-17.3 52.4-17.2 73.5.1c3.4 2.8 3.9 7.8 1.1 11.2c-1.6 1.9-3.9 2.9-6.2 2.9M427.3 222H84.2c-4.4 0-8-3.6-8-8s3.6-8 8-8h343.1c4.4 0 8 3.6 8 8s-3.6 8-8 8m43.7 26.1h-35.4V264H471c4.4 0 8-3.6 8-8s-3.6-7.9-8-7.9m-392.5 0h-38c-4.4 0-8 3.6-8 8s3.6 8 8 8h37.9v-16z"/></svg>
</template>

CSS

.icon-sunglasses {
  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%23F2A74E%22%20d%3D%22M145.4%20184c-13.2%200-25.7-5.6-34.3-15.4c-2.8-3.1-2.5-8%20.7-10.8c3.1-2.8%208-2.5%2010.8.7c5.8%206.5%2014.1%2010.3%2022.9%2010.3s17.2-3.7%2023-10.3c2.8-3.1%207.6-3.4%2010.8-.6c3.1%202.8%203.4%207.6.6%2010.8c-8.8%209.6-21.3%2015.3-34.5%2015.3m249-24.6c-2.1%200-4.2-.9-5.7-2.6c-5.8-6.5-14.1-10.3-22.9-10.3s-17.2%203.7-23%2010.3c-2.8%203.2-7.6%203.4-10.8.6c-3.1-2.8-3.4-7.6-.6-10.8c8.7-9.8%2021.2-15.4%2034.4-15.4c13.1%200%2025.7%205.6%2034.3%2015.4c2.8%203.1%202.5%208-.7%2010.8c-1.4%201.4-3.2%202-5%202%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M249.8%20397.2c-27.7%200-52.7-10.7-67-23.5c-4.6-4.1-5-11-.9-15.6c4-4.6%2011-5%2015.6-.9c15.2%2013.5%2045.5%2023%2074.2%2015c5.9-1.7%2012%201.8%2013.6%207.7s-1.8%2012-7.7%2013.6c-9.4%202.6-18.8%203.7-27.8%203.7m-25.1-126.1c0%2032.1-26%2058.1-58.1%2058.1h-30.1c-32.1%200-58.1-26-58.1-58.1v-30.9c0-32.1%2026-25.6%2058.1-25.6h30.1c32.1%200%2058.1-6.5%2058.1%2025.6zm210.9%200c0%2032.1-26%2058.1-58.1%2058.1h-30.1c-32.1%200-58.1-26-58.1-58.1v-30.9c0-32.1%2026-25.6%2058.1-25.6h30.1c32.1%200%2058.1-6.5%2058.1%2025.6z%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M287.5%20269.5c-1.8%200-3.6-.6-5-1.8c-15.3-12.5-37.8-12.5-53.4%200c-3.4%202.8-8.4%202.2-11.2-1.2s-2.2-8.4%201.2-11.2c21.5-17.3%2052.4-17.2%2073.5.1c3.4%202.8%203.9%207.8%201.1%2011.2c-1.6%201.9-3.9%202.9-6.2%202.9M427.3%20222H84.2c-4.4%200-8-3.6-8-8s3.6-8%208-8h343.1c4.4%200%208%203.6%208%208s-3.6%208-8%208m43.7%2026.1h-35.4V264H471c4.4%200%208-3.6%208-8s-3.6-7.9-8-7.9m-392.5%200h-38c-4.4%200-8%203.6-8%208s3.6%208%208%208h37.9v-16z%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%23F2A74E%22%20d%3D%22M145.4%20184c-13.2%200-25.7-5.6-34.3-15.4c-2.8-3.1-2.5-8%20.7-10.8c3.1-2.8%208-2.5%2010.8.7c5.8%206.5%2014.1%2010.3%2022.9%2010.3s17.2-3.7%2023-10.3c2.8-3.1%207.6-3.4%2010.8-.6c3.1%202.8%203.4%207.6.6%2010.8c-8.8%209.6-21.3%2015.3-34.5%2015.3m249-24.6c-2.1%200-4.2-.9-5.7-2.6c-5.8-6.5-14.1-10.3-22.9-10.3s-17.2%203.7-23%2010.3c-2.8%203.2-7.6%203.4-10.8.6c-3.1-2.8-3.4-7.6-.6-10.8c8.7-9.8%2021.2-15.4%2034.4-15.4c13.1%200%2025.7%205.6%2034.3%2015.4c2.8%203.1%202.5%208-.7%2010.8c-1.4%201.4-3.2%202-5%202%22%2F%3E%3Cpath%20fill%3D%22%232B3B47%22%20d%3D%22M249.8%20397.2c-27.7%200-52.7-10.7-67-23.5c-4.6-4.1-5-11-.9-15.6c4-4.6%2011-5%2015.6-.9c15.2%2013.5%2045.5%2023%2074.2%2015c5.9-1.7%2012%201.8%2013.6%207.7s-1.8%2012-7.7%2013.6c-9.4%202.6-18.8%203.7-27.8%203.7m-25.1-126.1c0%2032.1-26%2058.1-58.1%2058.1h-30.1c-32.1%200-58.1-26-58.1-58.1v-30.9c0-32.1%2026-25.6%2058.1-25.6h30.1c32.1%200%2058.1-6.5%2058.1%2025.6zm210.9%200c0%2032.1-26%2058.1-58.1%2058.1h-30.1c-32.1%200-58.1-26-58.1-58.1v-30.9c0-32.1%2026-25.6%2058.1-25.6h30.1c32.1%200%2058.1-6.5%2058.1%2025.6z%22%2F%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M287.5%20269.5c-1.8%200-3.6-.6-5-1.8c-15.3-12.5-37.8-12.5-53.4%200c-3.4%202.8-8.4%202.2-11.2-1.2s-2.2-8.4%201.2-11.2c21.5-17.3%2052.4-17.2%2073.5.1c3.4%202.8%203.9%207.8%201.1%2011.2c-1.6%201.9-3.9%202.9-6.2%202.9M427.3%20222H84.2c-4.4%200-8-3.6-8-8s3.6-8%208-8h343.1c4.4%200%208%203.6%208%208s-3.6%208-8%208m43.7%2026.1h-35.4V264H471c4.4%200%208-3.6%208-8s-3.6-7.9-8-7.9m-392.5%200h-38c-4.4%200-8%203.6-8%208s3.6%208%208%208h37.9v-16z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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