smiling face with sunglasses emoji

smiling-face-with-sunglasses from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
smiling-face-with-sunglasses
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

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

More smileys & emotion icons from Fluent Emoji High Contrast

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-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 32 32"><g fill="currentColor"><path d="M21.682 4c-1.609-.64-3.498-1-5.683-1s-4.075.36-5.683 1H6.31C8.755 2.097 12.005 1 16 1s7.243 1.097 9.69 3zM3 15.92v.079c0 3.67 1.106 6.91 3.235 9.221c2.116 2.298 5.333 3.778 9.764 3.778s7.648-1.48 9.764-3.778c2.129-2.311 3.235-5.55 3.235-9.221v-.078a8 8 0 0 0 1.872-2.149q.128 1.096.128 2.227c0 4.061-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423s-8.686-1.654-11.236-4.423C2.226 23.82 1 20.06 1 15.999q0-1.134.128-2.23A8 8 0 0 0 3 15.92"/><path d="M11.814 18.42a1 1 0 0 0-1.635 1.15l.001.003l.002.002l.003.005l.01.013a2 2 0 0 0 .1.129c.064.077.153.179.27.296c.234.235.58.535 1.051.83C12.566 21.443 13.999 22 16 22c2 0 3.433-.557 4.384-1.152a6 6 0 0 0 1.05-.83a4 4 0 0 0 .347-.393l.013-.017l.012-.015l.008-.013l.004-.005l.002-.002l.001-.002a1 1 0 0 0-1.635-1.152l-.024.03a2 2 0 0 1-.144.158c-.14.14-.367.34-.695.545c-.647.406-1.715.848-3.323.848s-2.676-.442-3.323-.848a4 4 0 0 1-.695-.545a2 2 0 0 1-.168-.188M11 5H5a4 4 0 0 0-4 4v.674a7 7 0 0 0 3.87 6.26l.935.469a5.8 5.8 0 0 0 4.52.267C13.111 15.675 15 13.025 15 10.067V10a1 1 0 1 1 2 0v.067c0 2.958 1.889 5.608 4.675 6.603a5.8 5.8 0 0 0 4.52-.267l.936-.468A7 7 0 0 0 31 9.674V8.5A3.5 3.5 0 0 0 27.5 5h-7c-1.124 0-2.124.53-2.765 1.354V6.35l-.05.05c-.191.197-.582.596-.945.599h-1.744c-.364-.003-.754-.402-.946-.599L14 6.35v.003A4 4 0 0 0 11 5m1.39 5.268c-.587.586-1.695.427-2.476-.354s-.94-1.889-.353-2.475c.585-.585 1.694-.427 2.475.354c.78.78.939 1.889.353 2.475m15.645-2.475c.782.78.94 1.889.354 2.475s-1.694.427-2.475-.354c-.78-.78-.94-1.889-.353-2.475c.585-.585 1.694-.427 2.474.354"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastSmilingFaceWithSunglasses(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21.682 4c-1.609-.64-3.498-1-5.683-1s-4.075.36-5.683 1H6.31C8.755 2.097 12.005 1 16 1s7.243 1.097 9.69 3zM3 15.92v.079c0 3.67 1.106 6.91 3.235 9.221c2.116 2.298 5.333 3.778 9.764 3.778s7.648-1.48 9.764-3.778c2.129-2.311 3.235-5.55 3.235-9.221v-.078a8 8 0 0 0 1.872-2.149q.128 1.096.128 2.227c0 4.061-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423s-8.686-1.654-11.236-4.423C2.226 23.82 1 20.06 1 15.999q0-1.134.128-2.23A8 8 0 0 0 3 15.92"/><path d="M11.814 18.42a1 1 0 0 0-1.635 1.15l.001.003l.002.002l.003.005l.01.013a2 2 0 0 0 .1.129c.064.077.153.179.27.296c.234.235.58.535 1.051.83C12.566 21.443 13.999 22 16 22c2 0 3.433-.557 4.384-1.152a6 6 0 0 0 1.05-.83a4 4 0 0 0 .347-.393l.013-.017l.012-.015l.008-.013l.004-.005l.002-.002l.001-.002a1 1 0 0 0-1.635-1.152l-.024.03a2 2 0 0 1-.144.158c-.14.14-.367.34-.695.545c-.647.406-1.715.848-3.323.848s-2.676-.442-3.323-.848a4 4 0 0 1-.695-.545a2 2 0 0 1-.168-.188M11 5H5a4 4 0 0 0-4 4v.674a7 7 0 0 0 3.87 6.26l.935.469a5.8 5.8 0 0 0 4.52.267C13.111 15.675 15 13.025 15 10.067V10a1 1 0 1 1 2 0v.067c0 2.958 1.889 5.608 4.675 6.603a5.8 5.8 0 0 0 4.52-.267l.936-.468A7 7 0 0 0 31 9.674V8.5A3.5 3.5 0 0 0 27.5 5h-7c-1.124 0-2.124.53-2.765 1.354V6.35l-.05.05c-.191.197-.582.596-.945.599h-1.744c-.364-.003-.754-.402-.946-.599L14 6.35v.003A4 4 0 0 0 11 5m1.39 5.268c-.587.586-1.695.427-2.476-.354s-.94-1.889-.353-2.475c.585-.585 1.694-.427 2.475.354c.78.78.939 1.889.353 2.475m15.645-2.475c.782.78.94 1.889.354 2.475s-1.694.427-2.475-.354c-.78-.78-.94-1.889-.353-2.475c.585-.585 1.694-.427 2.474.354"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M21.682 4c-1.609-.64-3.498-1-5.683-1s-4.075.36-5.683 1H6.31C8.755 2.097 12.005 1 16 1s7.243 1.097 9.69 3zM3 15.92v.079c0 3.67 1.106 6.91 3.235 9.221c2.116 2.298 5.333 3.778 9.764 3.778s7.648-1.48 9.764-3.778c2.129-2.311 3.235-5.55 3.235-9.221v-.078a8 8 0 0 0 1.872-2.149q.128 1.096.128 2.227c0 4.061-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423s-8.686-1.654-11.236-4.423C2.226 23.82 1 20.06 1 15.999q0-1.134.128-2.23A8 8 0 0 0 3 15.92"/><path d="M11.814 18.42a1 1 0 0 0-1.635 1.15l.001.003l.002.002l.003.005l.01.013a2 2 0 0 0 .1.129c.064.077.153.179.27.296c.234.235.58.535 1.051.83C12.566 21.443 13.999 22 16 22c2 0 3.433-.557 4.384-1.152a6 6 0 0 0 1.05-.83a4 4 0 0 0 .347-.393l.013-.017l.012-.015l.008-.013l.004-.005l.002-.002l.001-.002a1 1 0 0 0-1.635-1.152l-.024.03a2 2 0 0 1-.144.158c-.14.14-.367.34-.695.545c-.647.406-1.715.848-3.323.848s-2.676-.442-3.323-.848a4 4 0 0 1-.695-.545a2 2 0 0 1-.168-.188M11 5H5a4 4 0 0 0-4 4v.674a7 7 0 0 0 3.87 6.26l.935.469a5.8 5.8 0 0 0 4.52.267C13.111 15.675 15 13.025 15 10.067V10a1 1 0 1 1 2 0v.067c0 2.958 1.889 5.608 4.675 6.603a5.8 5.8 0 0 0 4.52-.267l.936-.468A7 7 0 0 0 31 9.674V8.5A3.5 3.5 0 0 0 27.5 5h-7c-1.124 0-2.124.53-2.765 1.354V6.35l-.05.05c-.191.197-.582.596-.945.599h-1.744c-.364-.003-.754-.402-.946-.599L14 6.35v.003A4 4 0 0 0 11 5m1.39 5.268c-.587.586-1.695.427-2.476-.354s-.94-1.889-.353-2.475c.585-.585 1.694-.427 2.475.354c.78.78.939 1.889.353 2.475m15.645-2.475c.782.78.94 1.889.354 2.475s-1.694.427-2.475-.354c-.78-.78-.94-1.889-.353-2.475c.585-.585 1.694-.427 2.474.354"/></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M21.682%204c-1.609-.64-3.498-1-5.683-1s-4.075.36-5.683%201H6.31C8.755%202.097%2012.005%201%2016%201s7.243%201.097%209.69%203zM3%2015.92v.079c0%203.67%201.106%206.91%203.235%209.221c2.116%202.298%205.333%203.778%209.764%203.778s7.648-1.48%209.764-3.778c2.129-2.311%203.235-5.55%203.235-9.221v-.078a8%208%200%200%200%201.872-2.149q.128%201.096.128%202.227c0%204.061-1.227%207.82-3.764%2010.576c-2.55%202.769-6.331%204.423-11.235%204.423s-8.686-1.654-11.236-4.423C2.226%2023.82%201%2020.06%201%2015.999q0-1.134.128-2.23A8%208%200%200%200%203%2015.92%22%2F%3E%3Cpath%20d%3D%22M11.814%2018.42a1%201%200%200%200-1.635%201.15l.001.003l.002.002l.003.005l.01.013a2%202%200%200%200%20.1.129c.064.077.153.179.27.296c.234.235.58.535%201.051.83C12.566%2021.443%2013.999%2022%2016%2022c2%200%203.433-.557%204.384-1.152a6%206%200%200%200%201.05-.83a4%204%200%200%200%20.347-.393l.013-.017l.012-.015l.008-.013l.004-.005l.002-.002l.001-.002a1%201%200%200%200-1.635-1.152l-.024.03a2%202%200%200%201-.144.158c-.14.14-.367.34-.695.545c-.647.406-1.715.848-3.323.848s-2.676-.442-3.323-.848a4%204%200%200%201-.695-.545a2%202%200%200%201-.168-.188M11%205H5a4%204%200%200%200-4%204v.674a7%207%200%200%200%203.87%206.26l.935.469a5.8%205.8%200%200%200%204.52.267C13.111%2015.675%2015%2013.025%2015%2010.067V10a1%201%200%201%201%202%200v.067c0%202.958%201.889%205.608%204.675%206.603a5.8%205.8%200%200%200%204.52-.267l.936-.468A7%207%200%200%200%2031%209.674V8.5A3.5%203.5%200%200%200%2027.5%205h-7c-1.124%200-2.124.53-2.765%201.354V6.35l-.05.05c-.191.197-.582.596-.945.599h-1.744c-.364-.003-.754-.402-.946-.599L14%206.35v.003A4%204%200%200%200%2011%205m1.39%205.268c-.587.586-1.695.427-2.476-.354s-.94-1.889-.353-2.475c.585-.585%201.694-.427%202.475.354c.78.78.939%201.889.353%202.475m15.645-2.475c.782.78.94%201.889.354%202.475s-1.694.427-2.475-.354c-.78-.78-.94-1.889-.353-2.475c.585-.585%201.694-.427%202.474.354%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M21.682%204c-1.609-.64-3.498-1-5.683-1s-4.075.36-5.683%201H6.31C8.755%202.097%2012.005%201%2016%201s7.243%201.097%209.69%203zM3%2015.92v.079c0%203.67%201.106%206.91%203.235%209.221c2.116%202.298%205.333%203.778%209.764%203.778s7.648-1.48%209.764-3.778c2.129-2.311%203.235-5.55%203.235-9.221v-.078a8%208%200%200%200%201.872-2.149q.128%201.096.128%202.227c0%204.061-1.227%207.82-3.764%2010.576c-2.55%202.769-6.331%204.423-11.235%204.423s-8.686-1.654-11.236-4.423C2.226%2023.82%201%2020.06%201%2015.999q0-1.134.128-2.23A8%208%200%200%200%203%2015.92%22%2F%3E%3Cpath%20d%3D%22M11.814%2018.42a1%201%200%200%200-1.635%201.15l.001.003l.002.002l.003.005l.01.013a2%202%200%200%200%20.1.129c.064.077.153.179.27.296c.234.235.58.535%201.051.83C12.566%2021.443%2013.999%2022%2016%2022c2%200%203.433-.557%204.384-1.152a6%206%200%200%200%201.05-.83a4%204%200%200%200%20.347-.393l.013-.017l.012-.015l.008-.013l.004-.005l.002-.002l.001-.002a1%201%200%200%200-1.635-1.152l-.024.03a2%202%200%200%201-.144.158c-.14.14-.367.34-.695.545c-.647.406-1.715.848-3.323.848s-2.676-.442-3.323-.848a4%204%200%200%201-.695-.545a2%202%200%200%201-.168-.188M11%205H5a4%204%200%200%200-4%204v.674a7%207%200%200%200%203.87%206.26l.935.469a5.8%205.8%200%200%200%204.52.267C13.111%2015.675%2015%2013.025%2015%2010.067V10a1%201%200%201%201%202%200v.067c0%202.958%201.889%205.608%204.675%206.603a5.8%205.8%200%200%200%204.52-.267l.936-.468A7%207%200%200%200%2031%209.674V8.5A3.5%203.5%200%200%200%2027.5%205h-7c-1.124%200-2.124.53-2.765%201.354V6.35l-.05.05c-.191.197-.582.596-.945.599h-1.744c-.364-.003-.754-.402-.946-.599L14%206.35v.003A4%204%200%200%200%2011%205m1.39%205.268c-.587.586-1.695.427-2.476-.354s-.94-1.889-.353-2.475c.585-.585%201.694-.427%202.475.354c.78.78.939%201.889.353%202.475m15.645-2.475c.782.78.94%201.889.354%202.475s-1.694.427-2.475-.354c-.78-.78-.94-1.889-.353-2.475c.585-.585%201.694-.427%202.474.354%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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