smiling face with sunglasses emoji

smiling-face-with-sunglasses from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.

Name
smiling-face-with-sunglasses
Set
Emoji One (Colored)
Style
Default
Category
People
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

smiling-face-with-sunglassesFluent Emojismiling-face-with-sunglassesFluent Emoji Flatsmiling-face-with-sunglassesFluent Emoji High Contrastsmiling-face-with-sunglassesNoto Emojismiling-face-with-sunglassesOpenMojismiling-face-with-sunglassesStreamline Emojissmiling-face-with-sunglassesTwitter Emoji

More people icons from Emoji One (Colored)

alienalien-monsterangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upbeaming-face-with-smiling-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands

Use the smiling face with sunglasses emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M32 2c16.6 0 30 13.4 30 30S48.6 62 32 62S2 48.6 2 32S15.4 2 32 2"/><path fill="#494949" d="M35.8 20.5c-2.2 1.1-5.5 1.1-7.7 0c-2.3-1.2-5.2-2-8.7-2.3c-3.4-.3-10.5-.3-14 1c-.4.1-.8.3-1.2.5c-.1.1-.2.2-.2.6v.5c0 1-.1.6.6 1c1.4.8 2.2 2.9 2.6 5.8c.6 4.2 2.7 6.9 6 8.1c3.1 1.2 6.6 1.1 9.7-.1c1.7-.7 3.2-1.7 4.4-3.5c2.1-3 1.4-4.9 2.5-7.5c.9-2.3 3.5-2.3 4.5 0c1.1 2.6.4 4.5 2.5 7.5c1.2 1.7 2.7 2.8 4.4 3.5c3.1 1.2 6.6 1.3 9.7.1c3.4-1.3 5.4-3.9 6-8.1c.4-2.9 1.2-5 2.6-5.8c.7-.4.6 0 .6-1v-.5c0-.4 0-.5-.3-.6c-.4-.2-.8-.4-1.2-.5c-3.6-1.3-10.7-1.3-14-1c-3.5.3-6.4 1.1-8.8 2.3"/><path fill="#664e27" d="M44.6 42.3c-8.1 5.7-17.1 5.6-25.2 0c-1-.7-1.8.5-1.2 1.6c2.5 4 7.4 7.7 13.8 7.7s11.3-3.6 13.8-7.7c.6-1.1-.2-2.3-1.2-1.6"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneSmilingFaceWithSunglasses(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M32 2c16.6 0 30 13.4 30 30S48.6 62 32 62S2 48.6 2 32S15.4 2 32 2"/><path fill="#494949" d="M35.8 20.5c-2.2 1.1-5.5 1.1-7.7 0c-2.3-1.2-5.2-2-8.7-2.3c-3.4-.3-10.5-.3-14 1c-.4.1-.8.3-1.2.5c-.1.1-.2.2-.2.6v.5c0 1-.1.6.6 1c1.4.8 2.2 2.9 2.6 5.8c.6 4.2 2.7 6.9 6 8.1c3.1 1.2 6.6 1.1 9.7-.1c1.7-.7 3.2-1.7 4.4-3.5c2.1-3 1.4-4.9 2.5-7.5c.9-2.3 3.5-2.3 4.5 0c1.1 2.6.4 4.5 2.5 7.5c1.2 1.7 2.7 2.8 4.4 3.5c3.1 1.2 6.6 1.3 9.7.1c3.4-1.3 5.4-3.9 6-8.1c.4-2.9 1.2-5 2.6-5.8c.7-.4.6 0 .6-1v-.5c0-.4 0-.5-.3-.6c-.4-.2-.8-.4-1.2-.5c-3.6-1.3-10.7-1.3-14-1c-3.5.3-6.4 1.1-8.8 2.3"/><path fill="#664e27" d="M44.6 42.3c-8.1 5.7-17.1 5.6-25.2 0c-1-.7-1.8.5-1.2 1.6c2.5 4 7.4 7.7 13.8 7.7s11.3-3.6 13.8-7.7c.6-1.1-.2-2.3-1.2-1.6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#ffdd67" d="M32 2c16.6 0 30 13.4 30 30S48.6 62 32 62S2 48.6 2 32S15.4 2 32 2"/><path fill="#494949" d="M35.8 20.5c-2.2 1.1-5.5 1.1-7.7 0c-2.3-1.2-5.2-2-8.7-2.3c-3.4-.3-10.5-.3-14 1c-.4.1-.8.3-1.2.5c-.1.1-.2.2-.2.6v.5c0 1-.1.6.6 1c1.4.8 2.2 2.9 2.6 5.8c.6 4.2 2.7 6.9 6 8.1c3.1 1.2 6.6 1.1 9.7-.1c1.7-.7 3.2-1.7 4.4-3.5c2.1-3 1.4-4.9 2.5-7.5c.9-2.3 3.5-2.3 4.5 0c1.1 2.6.4 4.5 2.5 7.5c1.2 1.7 2.7 2.8 4.4 3.5c3.1 1.2 6.6 1.3 9.7.1c3.4-1.3 5.4-3.9 6-8.1c.4-2.9 1.2-5 2.6-5.8c.7-.4.6 0 .6-1v-.5c0-.4 0-.5-.3-.6c-.4-.2-.8-.4-1.2-.5c-3.6-1.3-10.7-1.3-14-1c-3.5.3-6.4 1.1-8.8 2.3"/><path fill="#664e27" d="M44.6 42.3c-8.1 5.7-17.1 5.6-25.2 0c-1-.7-1.8.5-1.2 1.6c2.5 4 7.4 7.7 13.8 7.7s11.3-3.6 13.8-7.7c.6-1.1-.2-2.3-1.2-1.6"/></svg>
</template>

CSS

.icon-smiling-face-with-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%23ffdd67%22%20d%3D%22M32%202c16.6%200%2030%2013.4%2030%2030S48.6%2062%2032%2062S2%2048.6%202%2032S15.4%202%2032%202%22%2F%3E%3Cpath%20fill%3D%22%23494949%22%20d%3D%22M35.8%2020.5c-2.2%201.1-5.5%201.1-7.7%200c-2.3-1.2-5.2-2-8.7-2.3c-3.4-.3-10.5-.3-14%201c-.4.1-.8.3-1.2.5c-.1.1-.2.2-.2.6v.5c0%201-.1.6.6%201c1.4.8%202.2%202.9%202.6%205.8c.6%204.2%202.7%206.9%206%208.1c3.1%201.2%206.6%201.1%209.7-.1c1.7-.7%203.2-1.7%204.4-3.5c2.1-3%201.4-4.9%202.5-7.5c.9-2.3%203.5-2.3%204.5%200c1.1%202.6.4%204.5%202.5%207.5c1.2%201.7%202.7%202.8%204.4%203.5c3.1%201.2%206.6%201.3%209.7.1c3.4-1.3%205.4-3.9%206-8.1c.4-2.9%201.2-5%202.6-5.8c.7-.4.6%200%20.6-1v-.5c0-.4%200-.5-.3-.6c-.4-.2-.8-.4-1.2-.5c-3.6-1.3-10.7-1.3-14-1c-3.5.3-6.4%201.1-8.8%202.3%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M44.6%2042.3c-8.1%205.7-17.1%205.6-25.2%200c-1-.7-1.8.5-1.2%201.6c2.5%204%207.4%207.7%2013.8%207.7s11.3-3.6%2013.8-7.7c.6-1.1-.2-2.3-1.2-1.6%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%23ffdd67%22%20d%3D%22M32%202c16.6%200%2030%2013.4%2030%2030S48.6%2062%2032%2062S2%2048.6%202%2032S15.4%202%2032%202%22%2F%3E%3Cpath%20fill%3D%22%23494949%22%20d%3D%22M35.8%2020.5c-2.2%201.1-5.5%201.1-7.7%200c-2.3-1.2-5.2-2-8.7-2.3c-3.4-.3-10.5-.3-14%201c-.4.1-.8.3-1.2.5c-.1.1-.2.2-.2.6v.5c0%201-.1.6.6%201c1.4.8%202.2%202.9%202.6%205.8c.6%204.2%202.7%206.9%206%208.1c3.1%201.2%206.6%201.1%209.7-.1c1.7-.7%203.2-1.7%204.4-3.5c2.1-3%201.4-4.9%202.5-7.5c.9-2.3%203.5-2.3%204.5%200c1.1%202.6.4%204.5%202.5%207.5c1.2%201.7%202.7%202.8%204.4%203.5c3.1%201.2%206.6%201.3%209.7.1c3.4-1.3%205.4-3.9%206-8.1c.4-2.9%201.2-5%202.6-5.8c.7-.4.6%200%20.6-1v-.5c0-.4%200-.5-.3-.6c-.4-.2-.8-.4-1.2-.5c-3.6-1.3-10.7-1.3-14-1c-3.5.3-6.4%201.1-8.8%202.3%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M44.6%2042.3c-8.1%205.7-17.1%205.6-25.2%200c-1-.7-1.8.5-1.2%201.6c2.5%204%207.4%207.7%2013.8%207.7s11.3-3.6%2013.8-7.7c.6-1.1-.2-2.3-1.2-1.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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