sunglasses emoji
sunglasses from OpenMoji by OpenMoji · Default · Objects · CC-BY-SA-4.0 Attribution required.
- Name
- sunglasses
- Set
- OpenMoji
- Style
- Default
- Category
- Objects
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
sunglassesBootstrap IconssunglassesEmoji One (Colored)sunglassesFluent EmojisunglassesFluent Emoji FlatsunglassesFluent Emoji High ContrastsunglassesFirefox OS EmojisunglassesHuge IconssunglassesMaterial Design IconssunglassesNoto EmojisunglassesPhosphorsunglassesPixelarticonssunglassesStreamline EmojissunglassesTabler IconssunglassesTwitter Emoji
More objects icons from OpenMoji
Use the sunglasses emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#3f3f3f" stroke="#3f3f3f" stroke-miterlimit="10"><path d="M36.187 33.154c1.031-.155 2.394-.355 3.172 3.556c.509 2.556 2.452 2.381 3.592 4.006c2.306 3.284 7.05 5.51 11.365 5.51c6.904 0 12.5-5.596 12.5-12.5l.105-4.914l1.895.05v-4.127s-18.931-16.179-29.48 5.321h-6.424c-10.549-21.5-29.48-5.32-29.48-5.32v4.127l1.895-.05l.105 4.914c0 6.903 5.596 12.5 12.5 12.5c4.314 0 9.119-2.187 11.365-5.512"/><path d="M36.187 33.154c1.031-.155 2.394-.355 3.172 3.556c.509 2.556 2.452 2.381 3.592 4.006c2.306 3.284 7.05 5.51 11.365 5.51m-36.056-.321c4.315 0 9.06-2.227 11.365-5.511c1.14-1.625 2.277-1.378 3.676-3.651c.29-.472-3.632-4.903 3.088-3.91"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M29.297 40.716c-2.246 3.324-7.05 5.51-11.365 5.51c-6.904 0-12.5-5.596-12.5-12.5l-.105-4.914l-1.895.05v-4.127s18.932-16.179 29.48 5.321h6.424c10.549-21.5 29.48-5.32 29.48-5.32v4.127l-1.895-.05l-.105 4.914c0 6.903-5.596 12.5-12.5 12.5c-4.314 0-9.119-2.187-11.365-5.512"/><path d="M33.359 36.71a3 3 0 1 1 6 0"/><circle cx="18.364" cy="32.561" r="9.58"/><circle cx="53.884" cy="32.561" r="9.58"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiSunglasses(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#3f3f3f" stroke="#3f3f3f" strokeMiterlimit="10"><path d="M36.187 33.154c1.031-.155 2.394-.355 3.172 3.556c.509 2.556 2.452 2.381 3.592 4.006c2.306 3.284 7.05 5.51 11.365 5.51c6.904 0 12.5-5.596 12.5-12.5l.105-4.914l1.895.05v-4.127s-18.931-16.179-29.48 5.321h-6.424c-10.549-21.5-29.48-5.32-29.48-5.32v4.127l1.895-.05l.105 4.914c0 6.903 5.596 12.5 12.5 12.5c4.314 0 9.119-2.187 11.365-5.512"/><path d="M36.187 33.154c1.031-.155 2.394-.355 3.172 3.556c.509 2.556 2.452 2.381 3.592 4.006c2.306 3.284 7.05 5.51 11.365 5.51m-36.056-.321c4.315 0 9.06-2.227 11.365-5.511c1.14-1.625 2.277-1.378 3.676-3.651c.29-.472-3.632-4.903 3.088-3.91"/></g><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2"><path d="M29.297 40.716c-2.246 3.324-7.05 5.51-11.365 5.51c-6.904 0-12.5-5.596-12.5-12.5l-.105-4.914l-1.895.05v-4.127s18.932-16.179 29.48 5.321h6.424c10.549-21.5 29.48-5.32 29.48-5.32v4.127l-1.895-.05l-.105 4.914c0 6.903-5.596 12.5-12.5 12.5c-4.314 0-9.119-2.187-11.365-5.512"/><path d="M33.359 36.71a3 3 0 1 1 6 0"/><circle cx="18.364" cy="32.561" r="9.58"/><circle cx="53.884" cy="32.561" r="9.58"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g fill="#3f3f3f" stroke="#3f3f3f" stroke-miterlimit="10"><path d="M36.187 33.154c1.031-.155 2.394-.355 3.172 3.556c.509 2.556 2.452 2.381 3.592 4.006c2.306 3.284 7.05 5.51 11.365 5.51c6.904 0 12.5-5.596 12.5-12.5l.105-4.914l1.895.05v-4.127s-18.931-16.179-29.48 5.321h-6.424c-10.549-21.5-29.48-5.32-29.48-5.32v4.127l1.895-.05l.105 4.914c0 6.903 5.596 12.5 12.5 12.5c4.314 0 9.119-2.187 11.365-5.512"/><path d="M36.187 33.154c1.031-.155 2.394-.355 3.172 3.556c.509 2.556 2.452 2.381 3.592 4.006c2.306 3.284 7.05 5.51 11.365 5.51m-36.056-.321c4.315 0 9.06-2.227 11.365-5.511c1.14-1.625 2.277-1.378 3.676-3.651c.29-.472-3.632-4.903 3.088-3.91"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M29.297 40.716c-2.246 3.324-7.05 5.51-11.365 5.51c-6.904 0-12.5-5.596-12.5-12.5l-.105-4.914l-1.895.05v-4.127s18.932-16.179 29.48 5.321h6.424c10.549-21.5 29.48-5.32 29.48-5.32v4.127l-1.895-.05l-.105 4.914c0 6.903-5.596 12.5-12.5 12.5c-4.314 0-9.119-2.187-11.365-5.512"/><path d="M33.359 36.71a3 3 0 1 1 6 0"/><circle cx="18.364" cy="32.561" r="9.58"/><circle cx="53.884" cy="32.561" r="9.58"/></g></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%2072%2072%22%3E%3Cg%20fill%3D%22%233f3f3f%22%20stroke%3D%22%233f3f3f%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M36.187%2033.154c1.031-.155%202.394-.355%203.172%203.556c.509%202.556%202.452%202.381%203.592%204.006c2.306%203.284%207.05%205.51%2011.365%205.51c6.904%200%2012.5-5.596%2012.5-12.5l.105-4.914l1.895.05v-4.127s-18.931-16.179-29.48%205.321h-6.424c-10.549-21.5-29.48-5.32-29.48-5.32v4.127l1.895-.05l.105%204.914c0%206.903%205.596%2012.5%2012.5%2012.5c4.314%200%209.119-2.187%2011.365-5.512%22%2F%3E%3Cpath%20d%3D%22M36.187%2033.154c1.031-.155%202.394-.355%203.172%203.556c.509%202.556%202.452%202.381%203.592%204.006c2.306%203.284%207.05%205.51%2011.365%205.51m-36.056-.321c4.315%200%209.06-2.227%2011.365-5.511c1.14-1.625%202.277-1.378%203.676-3.651c.29-.472-3.632-4.903%203.088-3.91%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M29.297%2040.716c-2.246%203.324-7.05%205.51-11.365%205.51c-6.904%200-12.5-5.596-12.5-12.5l-.105-4.914l-1.895.05v-4.127s18.932-16.179%2029.48%205.321h6.424c10.549-21.5%2029.48-5.32%2029.48-5.32v4.127l-1.895-.05l-.105%204.914c0%206.903-5.596%2012.5-12.5%2012.5c-4.314%200-9.119-2.187-11.365-5.512%22%2F%3E%3Cpath%20d%3D%22M33.359%2036.71a3%203%200%201%201%206%200%22%2F%3E%3Ccircle%20cx%3D%2218.364%22%20cy%3D%2232.561%22%20r%3D%229.58%22%2F%3E%3Ccircle%20cx%3D%2253.884%22%20cy%3D%2232.561%22%20r%3D%229.58%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%2072%2072%22%3E%3Cg%20fill%3D%22%233f3f3f%22%20stroke%3D%22%233f3f3f%22%20stroke-miterlimit%3D%2210%22%3E%3Cpath%20d%3D%22M36.187%2033.154c1.031-.155%202.394-.355%203.172%203.556c.509%202.556%202.452%202.381%203.592%204.006c2.306%203.284%207.05%205.51%2011.365%205.51c6.904%200%2012.5-5.596%2012.5-12.5l.105-4.914l1.895.05v-4.127s-18.931-16.179-29.48%205.321h-6.424c-10.549-21.5-29.48-5.32-29.48-5.32v4.127l1.895-.05l.105%204.914c0%206.903%205.596%2012.5%2012.5%2012.5c4.314%200%209.119-2.187%2011.365-5.512%22%2F%3E%3Cpath%20d%3D%22M36.187%2033.154c1.031-.155%202.394-.355%203.172%203.556c.509%202.556%202.452%202.381%203.592%204.006c2.306%203.284%207.05%205.51%2011.365%205.51m-36.056-.321c4.315%200%209.06-2.227%2011.365-5.511c1.14-1.625%202.277-1.378%203.676-3.651c.29-.472-3.632-4.903%203.088-3.91%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M29.297%2040.716c-2.246%203.324-7.05%205.51-11.365%205.51c-6.904%200-12.5-5.596-12.5-12.5l-.105-4.914l-1.895.05v-4.127s18.932-16.179%2029.48%205.321h6.424c10.549-21.5%2029.48-5.32%2029.48-5.32v4.127l-1.895-.05l-.105%204.914c0%206.903-5.596%2012.5-12.5%2012.5c-4.314%200-9.119-2.187-11.365-5.512%22%2F%3E%3Cpath%20d%3D%22M33.359%2036.71a3%203%200%201%201%206%200%22%2F%3E%3Ccircle%20cx%3D%2218.364%22%20cy%3D%2232.561%22%20r%3D%229.58%22%2F%3E%3Ccircle%20cx%3D%2253.884%22%20cy%3D%2232.561%22%20r%3D%229.58%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/sunglasses.svg?color=%231a73e8&size=48
