sunglasses emoji

sunglasses from Emoji One (Colored) by Emoji One · Default · Objects · CC-BY-4.0 Attribution required.

Name
sunglasses
Set
Emoji One (Colored)
Style
Default
Category
Objects
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

sunglassesBootstrap IconssunglassesFluent EmojisunglassesFluent Emoji FlatsunglassesFluent Emoji High ContrastsunglassesFirefox OS EmojisunglassesHuge IconssunglassesMaterial Design IconssunglassesNoto EmojisunglassesOpenMojisunglassesPhosphorsunglassesPixelarticonssunglassesStreamline EmojissunglassesTabler IconssunglassesTwitter Emoji

More objects icons from Emoji One (Colored)

alarm-clockalembicamphorabackpackbalance-scaleballot-box-with-ballotbar-chartbarber-polebathtubbatterybedbellhop-bellbikiniblack-nibblue-bookbombbookmarkbookmark-tabsbookscalendarcameracamera-with-flashcandlecard-file-box

Use the sunglasses emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#222526" d="M3.6 32.6C7.6 19.2 11.9 13 13.7 13c1 0 1.3.7 1.7 2.2c.9 3.7.1 4.9-.5 5.4c-.7.7-1.8.1-1.8-3.8c-.9 2.3-5.3 10.4-7.6 19zm56.8 0C56.4 19.2 52.1 13 50.3 13c-1 0-1.3.7-1.7 2.2c-.9 3.7-.1 4.9.5 5.4c.7.7 1.8.1 1.8-3.8c.9 2.3 5.3 10.4 7.6 19z"/><path fill="#363b3d" d="M36.1 33.3c-2.4 1.2-5.9 1.2-8.2 0c-2.5-1.3-5.6-2.2-9.3-2.5c-3.6-.3-11.2-.3-15 1.1c-.4.2-.9.4-1.3.6c-.2.1-.3.1-.3.6v.6c0 1.1-.1.7.6 1.1c1.5.9 2.4 3.2 2.8 6.4c.6 4.6 2.9 7.5 6.5 8.9c3.3 1.3 7.1 1.2 10.4-.1c1.8-.7 3.4-1.9 4.7-3.8c2.2-3.3 1.6-5.4 2.7-8.3c1-2.5 3.8-2.5 4.8 0c1.1 2.9.5 4.9 2.7 8.3c1.3 1.9 2.9 3.1 4.7 3.8c3.3 1.4 7 1.4 10.4.1c3.6-1.4 5.8-4.3 6.5-8.9c.4-3.2 1.3-5.5 2.8-6.4c.8-.5.6 0 .6-1.1v-.6c0-.4 0-.5-.3-.7c-.4-.2-.8-.4-1.3-.6c-3.8-1.4-11.4-1.4-15-1.1c-3.9.4-7 1.3-9.5 2.6"/><path fill="#5f6566" d="M26.2 35.1c-.8-.6-2.4-1.1-4.2-1.4c-1-.2-2.2-.3-3.4-.4c-2.7-.2-5.6-.2-7.5.2c-1.2.2-2.1.5-2.4.9c-1.4 1.6-1.1 6.1.3 9.3c.4.8.9 1.6 1.4 2.2c.9 1 2.1 1.6 3.5 2c.9.3 1.8.4 2.8.5c1.6.1 3.2-.1 4.7-.5c.3-.1.5-.2.7-.3c4.3-1.9 5.4-9.1 4.7-11.7c-.1-.3-.3-.6-.6-.8m29.5-.6c-.1-.1-.1-.2-.2-.3c-.6-.8-3.5-1.1-6.7-1.1c-1.2 0-2.4.1-3.6.2c-1.3.1-2.6.3-3.7.5c-2.2.5-3.8 1.2-4 2.1c-.4 1.6-.2 4.8 1 7.6c.5 1.1 1.1 2.2 2 3c.7.7 1.5 1.2 2.5 1.4c.2 0 .3.1.5.1c3 .7 6.5.5 9-1c.5-.3 1-.7 1.5-1.1c2.3-2.6 3.2-9 1.7-11.4"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneSunglasses(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#222526" d="M3.6 32.6C7.6 19.2 11.9 13 13.7 13c1 0 1.3.7 1.7 2.2c.9 3.7.1 4.9-.5 5.4c-.7.7-1.8.1-1.8-3.8c-.9 2.3-5.3 10.4-7.6 19zm56.8 0C56.4 19.2 52.1 13 50.3 13c-1 0-1.3.7-1.7 2.2c-.9 3.7-.1 4.9.5 5.4c.7.7 1.8.1 1.8-3.8c.9 2.3 5.3 10.4 7.6 19z"/><path fill="#363b3d" d="M36.1 33.3c-2.4 1.2-5.9 1.2-8.2 0c-2.5-1.3-5.6-2.2-9.3-2.5c-3.6-.3-11.2-.3-15 1.1c-.4.2-.9.4-1.3.6c-.2.1-.3.1-.3.6v.6c0 1.1-.1.7.6 1.1c1.5.9 2.4 3.2 2.8 6.4c.6 4.6 2.9 7.5 6.5 8.9c3.3 1.3 7.1 1.2 10.4-.1c1.8-.7 3.4-1.9 4.7-3.8c2.2-3.3 1.6-5.4 2.7-8.3c1-2.5 3.8-2.5 4.8 0c1.1 2.9.5 4.9 2.7 8.3c1.3 1.9 2.9 3.1 4.7 3.8c3.3 1.4 7 1.4 10.4.1c3.6-1.4 5.8-4.3 6.5-8.9c.4-3.2 1.3-5.5 2.8-6.4c.8-.5.6 0 .6-1.1v-.6c0-.4 0-.5-.3-.7c-.4-.2-.8-.4-1.3-.6c-3.8-1.4-11.4-1.4-15-1.1c-3.9.4-7 1.3-9.5 2.6"/><path fill="#5f6566" d="M26.2 35.1c-.8-.6-2.4-1.1-4.2-1.4c-1-.2-2.2-.3-3.4-.4c-2.7-.2-5.6-.2-7.5.2c-1.2.2-2.1.5-2.4.9c-1.4 1.6-1.1 6.1.3 9.3c.4.8.9 1.6 1.4 2.2c.9 1 2.1 1.6 3.5 2c.9.3 1.8.4 2.8.5c1.6.1 3.2-.1 4.7-.5c.3-.1.5-.2.7-.3c4.3-1.9 5.4-9.1 4.7-11.7c-.1-.3-.3-.6-.6-.8m29.5-.6c-.1-.1-.1-.2-.2-.3c-.6-.8-3.5-1.1-6.7-1.1c-1.2 0-2.4.1-3.6.2c-1.3.1-2.6.3-3.7.5c-2.2.5-3.8 1.2-4 2.1c-.4 1.6-.2 4.8 1 7.6c.5 1.1 1.1 2.2 2 3c.7.7 1.5 1.2 2.5 1.4c.2 0 .3.1.5.1c3 .7 6.5.5 9-1c.5-.3 1-.7 1.5-1.1c2.3-2.6 3.2-9 1.7-11.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#222526" d="M3.6 32.6C7.6 19.2 11.9 13 13.7 13c1 0 1.3.7 1.7 2.2c.9 3.7.1 4.9-.5 5.4c-.7.7-1.8.1-1.8-3.8c-.9 2.3-5.3 10.4-7.6 19zm56.8 0C56.4 19.2 52.1 13 50.3 13c-1 0-1.3.7-1.7 2.2c-.9 3.7-.1 4.9.5 5.4c.7.7 1.8.1 1.8-3.8c.9 2.3 5.3 10.4 7.6 19z"/><path fill="#363b3d" d="M36.1 33.3c-2.4 1.2-5.9 1.2-8.2 0c-2.5-1.3-5.6-2.2-9.3-2.5c-3.6-.3-11.2-.3-15 1.1c-.4.2-.9.4-1.3.6c-.2.1-.3.1-.3.6v.6c0 1.1-.1.7.6 1.1c1.5.9 2.4 3.2 2.8 6.4c.6 4.6 2.9 7.5 6.5 8.9c3.3 1.3 7.1 1.2 10.4-.1c1.8-.7 3.4-1.9 4.7-3.8c2.2-3.3 1.6-5.4 2.7-8.3c1-2.5 3.8-2.5 4.8 0c1.1 2.9.5 4.9 2.7 8.3c1.3 1.9 2.9 3.1 4.7 3.8c3.3 1.4 7 1.4 10.4.1c3.6-1.4 5.8-4.3 6.5-8.9c.4-3.2 1.3-5.5 2.8-6.4c.8-.5.6 0 .6-1.1v-.6c0-.4 0-.5-.3-.7c-.4-.2-.8-.4-1.3-.6c-3.8-1.4-11.4-1.4-15-1.1c-3.9.4-7 1.3-9.5 2.6"/><path fill="#5f6566" d="M26.2 35.1c-.8-.6-2.4-1.1-4.2-1.4c-1-.2-2.2-.3-3.4-.4c-2.7-.2-5.6-.2-7.5.2c-1.2.2-2.1.5-2.4.9c-1.4 1.6-1.1 6.1.3 9.3c.4.8.9 1.6 1.4 2.2c.9 1 2.1 1.6 3.5 2c.9.3 1.8.4 2.8.5c1.6.1 3.2-.1 4.7-.5c.3-.1.5-.2.7-.3c4.3-1.9 5.4-9.1 4.7-11.7c-.1-.3-.3-.6-.6-.8m29.5-.6c-.1-.1-.1-.2-.2-.3c-.6-.8-3.5-1.1-6.7-1.1c-1.2 0-2.4.1-3.6.2c-1.3.1-2.6.3-3.7.5c-2.2.5-3.8 1.2-4 2.1c-.4 1.6-.2 4.8 1 7.6c.5 1.1 1.1 2.2 2 3c.7.7 1.5 1.2 2.5 1.4c.2 0 .3.1.5.1c3 .7 6.5.5 9-1c.5-.3 1-.7 1.5-1.1c2.3-2.6 3.2-9 1.7-11.4"/></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%2064%2064%22%3E%3Cpath%20fill%3D%22%23222526%22%20d%3D%22M3.6%2032.6C7.6%2019.2%2011.9%2013%2013.7%2013c1%200%201.3.7%201.7%202.2c.9%203.7.1%204.9-.5%205.4c-.7.7-1.8.1-1.8-3.8c-.9%202.3-5.3%2010.4-7.6%2019zm56.8%200C56.4%2019.2%2052.1%2013%2050.3%2013c-1%200-1.3.7-1.7%202.2c-.9%203.7-.1%204.9.5%205.4c.7.7%201.8.1%201.8-3.8c.9%202.3%205.3%2010.4%207.6%2019z%22%2F%3E%3Cpath%20fill%3D%22%23363b3d%22%20d%3D%22M36.1%2033.3c-2.4%201.2-5.9%201.2-8.2%200c-2.5-1.3-5.6-2.2-9.3-2.5c-3.6-.3-11.2-.3-15%201.1c-.4.2-.9.4-1.3.6c-.2.1-.3.1-.3.6v.6c0%201.1-.1.7.6%201.1c1.5.9%202.4%203.2%202.8%206.4c.6%204.6%202.9%207.5%206.5%208.9c3.3%201.3%207.1%201.2%2010.4-.1c1.8-.7%203.4-1.9%204.7-3.8c2.2-3.3%201.6-5.4%202.7-8.3c1-2.5%203.8-2.5%204.8%200c1.1%202.9.5%204.9%202.7%208.3c1.3%201.9%202.9%203.1%204.7%203.8c3.3%201.4%207%201.4%2010.4.1c3.6-1.4%205.8-4.3%206.5-8.9c.4-3.2%201.3-5.5%202.8-6.4c.8-.5.6%200%20.6-1.1v-.6c0-.4%200-.5-.3-.7c-.4-.2-.8-.4-1.3-.6c-3.8-1.4-11.4-1.4-15-1.1c-3.9.4-7%201.3-9.5%202.6%22%2F%3E%3Cpath%20fill%3D%22%235f6566%22%20d%3D%22M26.2%2035.1c-.8-.6-2.4-1.1-4.2-1.4c-1-.2-2.2-.3-3.4-.4c-2.7-.2-5.6-.2-7.5.2c-1.2.2-2.1.5-2.4.9c-1.4%201.6-1.1%206.1.3%209.3c.4.8.9%201.6%201.4%202.2c.9%201%202.1%201.6%203.5%202c.9.3%201.8.4%202.8.5c1.6.1%203.2-.1%204.7-.5c.3-.1.5-.2.7-.3c4.3-1.9%205.4-9.1%204.7-11.7c-.1-.3-.3-.6-.6-.8m29.5-.6c-.1-.1-.1-.2-.2-.3c-.6-.8-3.5-1.1-6.7-1.1c-1.2%200-2.4.1-3.6.2c-1.3.1-2.6.3-3.7.5c-2.2.5-3.8%201.2-4%202.1c-.4%201.6-.2%204.8%201%207.6c.5%201.1%201.1%202.2%202%203c.7.7%201.5%201.2%202.5%201.4c.2%200%20.3.1.5.1c3%20.7%206.5.5%209-1c.5-.3%201-.7%201.5-1.1c2.3-2.6%203.2-9%201.7-11.4%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%2064%2064%22%3E%3Cpath%20fill%3D%22%23222526%22%20d%3D%22M3.6%2032.6C7.6%2019.2%2011.9%2013%2013.7%2013c1%200%201.3.7%201.7%202.2c.9%203.7.1%204.9-.5%205.4c-.7.7-1.8.1-1.8-3.8c-.9%202.3-5.3%2010.4-7.6%2019zm56.8%200C56.4%2019.2%2052.1%2013%2050.3%2013c-1%200-1.3.7-1.7%202.2c-.9%203.7-.1%204.9.5%205.4c.7.7%201.8.1%201.8-3.8c.9%202.3%205.3%2010.4%207.6%2019z%22%2F%3E%3Cpath%20fill%3D%22%23363b3d%22%20d%3D%22M36.1%2033.3c-2.4%201.2-5.9%201.2-8.2%200c-2.5-1.3-5.6-2.2-9.3-2.5c-3.6-.3-11.2-.3-15%201.1c-.4.2-.9.4-1.3.6c-.2.1-.3.1-.3.6v.6c0%201.1-.1.7.6%201.1c1.5.9%202.4%203.2%202.8%206.4c.6%204.6%202.9%207.5%206.5%208.9c3.3%201.3%207.1%201.2%2010.4-.1c1.8-.7%203.4-1.9%204.7-3.8c2.2-3.3%201.6-5.4%202.7-8.3c1-2.5%203.8-2.5%204.8%200c1.1%202.9.5%204.9%202.7%208.3c1.3%201.9%202.9%203.1%204.7%203.8c3.3%201.4%207%201.4%2010.4.1c3.6-1.4%205.8-4.3%206.5-8.9c.4-3.2%201.3-5.5%202.8-6.4c.8-.5.6%200%20.6-1.1v-.6c0-.4%200-.5-.3-.7c-.4-.2-.8-.4-1.3-.6c-3.8-1.4-11.4-1.4-15-1.1c-3.9.4-7%201.3-9.5%202.6%22%2F%3E%3Cpath%20fill%3D%22%235f6566%22%20d%3D%22M26.2%2035.1c-.8-.6-2.4-1.1-4.2-1.4c-1-.2-2.2-.3-3.4-.4c-2.7-.2-5.6-.2-7.5.2c-1.2.2-2.1.5-2.4.9c-1.4%201.6-1.1%206.1.3%209.3c.4.8.9%201.6%201.4%202.2c.9%201%202.1%201.6%203.5%202c.9.3%201.8.4%202.8.5c1.6.1%203.2-.1%204.7-.5c.3-.1.5-.2.7-.3c4.3-1.9%205.4-9.1%204.7-11.7c-.1-.3-.3-.6-.6-.8m29.5-.6c-.1-.1-.1-.2-.2-.3c-.6-.8-3.5-1.1-6.7-1.1c-1.2%200-2.4.1-3.6.2c-1.3.1-2.6.3-3.7.5c-2.2.5-3.8%201.2-4%202.1c-.4%201.6-.2%204.8%201%207.6c.5%201.1%201.1%202.2%202%203c.7.7%201.5%201.2%202.5%201.4c.2%200%20.3.1.5.1c3%20.7%206.5.5%209-1c.5-.3%201-.7%201.5-1.1c2.3-2.6%203.2-9%201.7-11.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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