smiling face with sunglasses emoji

smiling-face-with-sunglasses from Noto Emoji by Google Inc · Default · Smileys & Emotion · Apache-2.0 Free for personal and commercial use.

Name
smiling-face-with-sunglasses
Set
Noto Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
128×128
License
Apache 2.0

The same emoji in other sets

smiling-face-with-sunglassesEmoji One (Colored)smiling-face-with-sunglassesFluent Emojismiling-face-with-sunglassesFluent Emoji Flatsmiling-face-with-sunglassesFluent Emoji High Contrastsmiling-face-with-sunglassesOpenMojismiling-face-with-sunglassesStreamline Emojissmiling-face-with-sunglassesTwitter Emoji

More smileys & emotion icons from Noto Emoji

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecracking-facecrying-cat

Use the smiling face with sunglasses emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGH5as8dov" cx="64" cy="24" r="56.96" fx="64" fy="24" gradientTransform="matrix(1 0 0 -1 0 88)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGH5as8dov)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M63.95 97.45c-12.57 0-22.51-5.95-27.99-12.32c-.55-.64-.68-1.5-.33-2.25c.35-.77 1.11-1.27 1.93-1.27c.37 0 .75.1 1.08.29c5.65 3.26 15.14 7.29 25.28 7.29h.16c10.15 0 19.63-4.04 25.28-7.29c.34-.19.71-.3 1.08-.29c.82 0 1.58.5 1.93 1.27c.34.75.22 1.62-.33 2.25c-5.48 6.36-15.43 12.32-27.99 12.32"/><g stroke-width="0"><path fill="#33200a" d="M124 46.52s-4.26.09-4.26 3.5c0 8.42.09 26.49-21.96 26.49c-17.66 0-26.09-9.12-27.51-19.19c-.59-4.19-2.04-8.76-6.27-8.76s-5.69 4.57-6.27 8.76c-1.42 10.07-9.85 19.19-27.51 19.19c-22.05 0-21.96-18.07-21.96-26.49c0-3.41-4.26-3.5-4.26-3.5v-8.34s8.18-1.26 20.66-1.26s17.45 0 27.38.99c5.86.59 11.97.65 11.97.65s6.1-.06 11.97-.65c9.93-.99 14.9-.99 27.38-.99s20.66 1.26 20.66 1.26v8.34Z"/><path fill="#896024" d="M21.12 53.05c-.1 1.6-.74 3.08-2.31 3.37a2.897 2.897 0 0 1-3.38-2.31c-.56-2.98.09-5.77 1.82-7.86a8.5 8.5 0 0 1 6.58-3.08c1.6 0 3.01.99 3.01 2.58c0 1.88-1.5 2.67-3.01 3.2c-1.42.49-2.6 2.15-2.72 4.09Zm63.58 0c-.1 1.6-.74 3.08-2.31 3.37a2.897 2.897 0 0 1-3.38-2.31c-.56-2.98.09-5.77 1.82-7.86a8.5 8.5 0 0 1 6.58-3.08c1.6 0 3.01.99 3.01 2.58c0 1.88-1.5 2.67-3.01 3.2c-1.42.49-2.6 2.15-2.72 4.09Z"/></g></svg>

React

import type { SVGProps } from "react";

export function NotoSmilingFaceWithSunglasses(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGH5as8dov" cx="64" cy="24" r="56.96" fx="64" fy="24" gradientTransform="matrix(1 0 0 -1 0 88)" gradientUnits="userSpaceOnUse"><stop offset=".5" stopColor="#fde030"/><stop offset=".92" stopColor="#f7c02b"/><stop offset="1" stopColor="#f4a223"/></radialGradient></defs><g strokeWidth="0"><path fill="url(#SVGH5as8dov)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M63.95 97.45c-12.57 0-22.51-5.95-27.99-12.32c-.55-.64-.68-1.5-.33-2.25c.35-.77 1.11-1.27 1.93-1.27c.37 0 .75.1 1.08.29c5.65 3.26 15.14 7.29 25.28 7.29h.16c10.15 0 19.63-4.04 25.28-7.29c.34-.19.71-.3 1.08-.29c.82 0 1.58.5 1.93 1.27c.34.75.22 1.62-.33 2.25c-5.48 6.36-15.43 12.32-27.99 12.32"/><g strokeWidth="0"><path fill="#33200a" d="M124 46.52s-4.26.09-4.26 3.5c0 8.42.09 26.49-21.96 26.49c-17.66 0-26.09-9.12-27.51-19.19c-.59-4.19-2.04-8.76-6.27-8.76s-5.69 4.57-6.27 8.76c-1.42 10.07-9.85 19.19-27.51 19.19c-22.05 0-21.96-18.07-21.96-26.49c0-3.41-4.26-3.5-4.26-3.5v-8.34s8.18-1.26 20.66-1.26s17.45 0 27.38.99c5.86.59 11.97.65 11.97.65s6.1-.06 11.97-.65c9.93-.99 14.9-.99 27.38-.99s20.66 1.26 20.66 1.26v8.34Z"/><path fill="#896024" d="M21.12 53.05c-.1 1.6-.74 3.08-2.31 3.37a2.897 2.897 0 0 1-3.38-2.31c-.56-2.98.09-5.77 1.82-7.86a8.5 8.5 0 0 1 6.58-3.08c1.6 0 3.01.99 3.01 2.58c0 1.88-1.5 2.67-3.01 3.2c-1.42.49-2.6 2.15-2.72 4.09Zm63.58 0c-.1 1.6-.74 3.08-2.31 3.37a2.897 2.897 0 0 1-3.38-2.31c-.56-2.98.09-5.77 1.82-7.86a8.5 8.5 0 0 1 6.58-3.08c1.6 0 3.01.99 3.01 2.58c0 1.88-1.5 2.67-3.01 3.2c-1.42.49-2.6 2.15-2.72 4.09Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><radialGradient id="SVGH5as8dov" cx="64" cy="24" r="56.96" fx="64" fy="24" gradientTransform="matrix(1 0 0 -1 0 88)" gradientUnits="userSpaceOnUse"><stop offset=".5" stop-color="#fde030"/><stop offset=".92" stop-color="#f7c02b"/><stop offset="1" stop-color="#f4a223"/></radialGradient></defs><g stroke-width="0"><path fill="url(#SVGH5as8dov)" d="M64 119.9c-27.9 0-58-17.5-58-55.9S36.1 8.1 64 8.1c15.5 0 29.8 5.1 40.4 14.4C115.9 32.7 122 47.1 122 64s-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5"/><path fill="#eb8f00" d="M111.89 30.77C117.22 39.37 120 49.61 120 61c0 16.9-6.1 31.2-17.6 41.4c-10.6 9.3-25 14.5-40.4 14.5c-18.06 0-37.04-7.35-48.18-22.94C24.58 111.62 44.81 119.9 64 119.9c15.4 0 29.8-5.2 40.4-14.5C115.9 95.2 122 80.9 122 64c0-12.74-3.47-24.06-10.11-33.23"/></g><path fill="#422b0d" d="M63.95 97.45c-12.57 0-22.51-5.95-27.99-12.32c-.55-.64-.68-1.5-.33-2.25c.35-.77 1.11-1.27 1.93-1.27c.37 0 .75.1 1.08.29c5.65 3.26 15.14 7.29 25.28 7.29h.16c10.15 0 19.63-4.04 25.28-7.29c.34-.19.71-.3 1.08-.29c.82 0 1.58.5 1.93 1.27c.34.75.22 1.62-.33 2.25c-5.48 6.36-15.43 12.32-27.99 12.32"/><g stroke-width="0"><path fill="#33200a" d="M124 46.52s-4.26.09-4.26 3.5c0 8.42.09 26.49-21.96 26.49c-17.66 0-26.09-9.12-27.51-19.19c-.59-4.19-2.04-8.76-6.27-8.76s-5.69 4.57-6.27 8.76c-1.42 10.07-9.85 19.19-27.51 19.19c-22.05 0-21.96-18.07-21.96-26.49c0-3.41-4.26-3.5-4.26-3.5v-8.34s8.18-1.26 20.66-1.26s17.45 0 27.38.99c5.86.59 11.97.65 11.97.65s6.1-.06 11.97-.65c9.93-.99 14.9-.99 27.38-.99s20.66 1.26 20.66 1.26v8.34Z"/><path fill="#896024" d="M21.12 53.05c-.1 1.6-.74 3.08-2.31 3.37a2.897 2.897 0 0 1-3.38-2.31c-.56-2.98.09-5.77 1.82-7.86a8.5 8.5 0 0 1 6.58-3.08c1.6 0 3.01.99 3.01 2.58c0 1.88-1.5 2.67-3.01 3.2c-1.42.49-2.6 2.15-2.72 4.09Zm63.58 0c-.1 1.6-.74 3.08-2.31 3.37a2.897 2.897 0 0 1-3.38-2.31c-.56-2.98.09-5.77 1.82-7.86a8.5 8.5 0 0 1 6.58-3.08c1.6 0 3.01.99 3.01 2.58c0 1.88-1.5 2.67-3.01 3.2c-1.42.49-2.6 2.15-2.72 4.09Z"/></g></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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGH5as8dov%22%20cx%3D%2264%22%20cy%3D%2224%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%2224%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2088)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGH5as8dov)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M63.95%2097.45c-12.57%200-22.51-5.95-27.99-12.32c-.55-.64-.68-1.5-.33-2.25c.35-.77%201.11-1.27%201.93-1.27c.37%200%20.75.1%201.08.29c5.65%203.26%2015.14%207.29%2025.28%207.29h.16c10.15%200%2019.63-4.04%2025.28-7.29c.34-.19.71-.3%201.08-.29c.82%200%201.58.5%201.93%201.27c.34.75.22%201.62-.33%202.25c-5.48%206.36-15.43%2012.32-27.99%2012.32%22%2F%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22%2333200a%22%20d%3D%22M124%2046.52s-4.26.09-4.26%203.5c0%208.42.09%2026.49-21.96%2026.49c-17.66%200-26.09-9.12-27.51-19.19c-.59-4.19-2.04-8.76-6.27-8.76s-5.69%204.57-6.27%208.76c-1.42%2010.07-9.85%2019.19-27.51%2019.19c-22.05%200-21.96-18.07-21.96-26.49c0-3.41-4.26-3.5-4.26-3.5v-8.34s8.18-1.26%2020.66-1.26s17.45%200%2027.38.99c5.86.59%2011.97.65%2011.97.65s6.1-.06%2011.97-.65c9.93-.99%2014.9-.99%2027.38-.99s20.66%201.26%2020.66%201.26v8.34Z%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M21.12%2053.05c-.1%201.6-.74%203.08-2.31%203.37a2.897%202.897%200%200%201-3.38-2.31c-.56-2.98.09-5.77%201.82-7.86a8.5%208.5%200%200%201%206.58-3.08c1.6%200%203.01.99%203.01%202.58c0%201.88-1.5%202.67-3.01%203.2c-1.42.49-2.6%202.15-2.72%204.09Zm63.58%200c-.1%201.6-.74%203.08-2.31%203.37a2.897%202.897%200%200%201-3.38-2.31c-.56-2.98.09-5.77%201.82-7.86a8.5%208.5%200%200%201%206.58-3.08c1.6%200%203.01.99%203.01%202.58c0%201.88-1.5%202.67-3.01%203.2c-1.42.49-2.6%202.15-2.72%204.09Z%22%2F%3E%3C%2Fg%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%20128%20128%22%3E%3Cdefs%3E%3CradialGradient%20id%3D%22SVGH5as8dov%22%20cx%3D%2264%22%20cy%3D%2224%22%20r%3D%2256.96%22%20fx%3D%2264%22%20fy%3D%2224%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2088)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23fde030%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%23f7c02b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4a223%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22url(%23SVGH5as8dov)%22%20d%3D%22M64%20119.9c-27.9%200-58-17.5-58-55.9S36.1%208.1%2064%208.1c15.5%200%2029.8%205.1%2040.4%2014.4C115.9%2032.7%20122%2047.1%20122%2064s-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5%22%2F%3E%3Cpath%20fill%3D%22%23eb8f00%22%20d%3D%22M111.89%2030.77C117.22%2039.37%20120%2049.61%20120%2061c0%2016.9-6.1%2031.2-17.6%2041.4c-10.6%209.3-25%2014.5-40.4%2014.5c-18.06%200-37.04-7.35-48.18-22.94C24.58%20111.62%2044.81%20119.9%2064%20119.9c15.4%200%2029.8-5.2%2040.4-14.5C115.9%2095.2%20122%2080.9%20122%2064c0-12.74-3.47-24.06-10.11-33.23%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23422b0d%22%20d%3D%22M63.95%2097.45c-12.57%200-22.51-5.95-27.99-12.32c-.55-.64-.68-1.5-.33-2.25c.35-.77%201.11-1.27%201.93-1.27c.37%200%20.75.1%201.08.29c5.65%203.26%2015.14%207.29%2025.28%207.29h.16c10.15%200%2019.63-4.04%2025.28-7.29c.34-.19.71-.3%201.08-.29c.82%200%201.58.5%201.93%201.27c.34.75.22%201.62-.33%202.25c-5.48%206.36-15.43%2012.32-27.99%2012.32%22%2F%3E%3Cg%20stroke-width%3D%220%22%3E%3Cpath%20fill%3D%22%2333200a%22%20d%3D%22M124%2046.52s-4.26.09-4.26%203.5c0%208.42.09%2026.49-21.96%2026.49c-17.66%200-26.09-9.12-27.51-19.19c-.59-4.19-2.04-8.76-6.27-8.76s-5.69%204.57-6.27%208.76c-1.42%2010.07-9.85%2019.19-27.51%2019.19c-22.05%200-21.96-18.07-21.96-26.49c0-3.41-4.26-3.5-4.26-3.5v-8.34s8.18-1.26%2020.66-1.26s17.45%200%2027.38.99c5.86.59%2011.97.65%2011.97.65s6.1-.06%2011.97-.65c9.93-.99%2014.9-.99%2027.38-.99s20.66%201.26%2020.66%201.26v8.34Z%22%2F%3E%3Cpath%20fill%3D%22%23896024%22%20d%3D%22M21.12%2053.05c-.1%201.6-.74%203.08-2.31%203.37a2.897%202.897%200%200%201-3.38-2.31c-.56-2.98.09-5.77%201.82-7.86a8.5%208.5%200%200%201%206.58-3.08c1.6%200%203.01.99%203.01%202.58c0%201.88-1.5%202.67-3.01%203.2c-1.42.49-2.6%202.15-2.72%204.09Zm63.58%200c-.1%201.6-.74%203.08-2.31%203.37a2.897%202.897%200%200%201-3.38-2.31c-.56-2.98.09-5.77%201.82-7.86a8.5%208.5%200%200%201%206.58-3.08c1.6%200%203.01.99%203.01%202.58c0%201.88-1.5%202.67-3.01%203.2c-1.42.49-2.6%202.15-2.72%204.09Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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