goggles emoji
goggles from Fluent Emoji Flat by Microsoft Corporation · Default · Objects · MIT Free for personal and commercial use.
- Name
- goggles
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Objects
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More objects icons from Fluent Emoji Flat
Use the goggles emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#5235a6" d="M19.455 24.44c-.521 0-1.057-.015-1.6-.032c-.592-.017-1.211-.036-1.86-.036c-7.074 0-10.928-2.949-13.3-10.178c-.823-2.512-.789-4.372.1-5.686c1.325-1.95 4.1-2.12 6.785-2.284c2.084-.128 4.238-.26 5.254-1.219c3.39-3.2 7.778-3.922 11.184-1.853c2.634 1.6 4.9 5.255 3.345 10.7a25.1 25.1 0 0 1-3.6 7.873c-1.703 2.359-3.847 2.715-6.308 2.715m2.386-20.446a8.35 8.35 0 0 0-5.635 2.465C14.663 7.916 12.14 8.071 9.7 8.22c-2.2.134-4.48.274-5.253 1.412c-.513.756-.466 2.082.142 3.939c2.079 6.333 5.275 8.8 11.4 8.8c.669 0 1.309.019 1.919.037c3.148.093 4.854.054 6.231-1.851a23.2 23.2 0 0 0 3.3-7.248c1.041-3.655.1-6.891-2.46-8.447a6 6 0 0 0-3.138-.868"/><path fill="#00a6ed" d="M17 13.892h7.99c2.77 0 5.01 2.24 5.01 5.01v5.07c0 3.32-2.69 6.01-6.01 6.01h-2.55c-1.49 0-2.86-.84-3.53-2.18l-.46-.92c-.28-.54-.84-.89-1.45-.89c-.62 0-1.18.34-1.45.89l-.46.92a3.95 3.95 0 0 1-3.53 2.18H8.01c-3.32 0-6.01-2.69-6.01-6.01v-5.07c0-2.77 2.24-5.01 5.01-5.01z"/><path fill="#83cbff" d="M24.99 16.072H7.01c-2.77 0-5.01 2.24-5.01 5.01v1.92c0 2.65 2.15 4.8 4.8 4.8h3.76c1.5 0 2.86-.85 3.53-2.18l.46-.92c.27-.55.83-.89 1.45-.89s1.17.35 1.45.89l.46.92a3.95 3.95 0 0 0 3.53 2.18h3.76c2.65 0 4.8-2.15 4.8-4.8v-1.92c0-2.77-2.24-5.01-5.01-5.01"/><path fill="#aeddff" d="M12.707 19.7a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 1 0 1.414 1.414zm15 0a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 0 0 1.414 1.414z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatGoggles(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#5235a6" d="M19.455 24.44c-.521 0-1.057-.015-1.6-.032c-.592-.017-1.211-.036-1.86-.036c-7.074 0-10.928-2.949-13.3-10.178c-.823-2.512-.789-4.372.1-5.686c1.325-1.95 4.1-2.12 6.785-2.284c2.084-.128 4.238-.26 5.254-1.219c3.39-3.2 7.778-3.922 11.184-1.853c2.634 1.6 4.9 5.255 3.345 10.7a25.1 25.1 0 0 1-3.6 7.873c-1.703 2.359-3.847 2.715-6.308 2.715m2.386-20.446a8.35 8.35 0 0 0-5.635 2.465C14.663 7.916 12.14 8.071 9.7 8.22c-2.2.134-4.48.274-5.253 1.412c-.513.756-.466 2.082.142 3.939c2.079 6.333 5.275 8.8 11.4 8.8c.669 0 1.309.019 1.919.037c3.148.093 4.854.054 6.231-1.851a23.2 23.2 0 0 0 3.3-7.248c1.041-3.655.1-6.891-2.46-8.447a6 6 0 0 0-3.138-.868"/><path fill="#00a6ed" d="M17 13.892h7.99c2.77 0 5.01 2.24 5.01 5.01v5.07c0 3.32-2.69 6.01-6.01 6.01h-2.55c-1.49 0-2.86-.84-3.53-2.18l-.46-.92c-.28-.54-.84-.89-1.45-.89c-.62 0-1.18.34-1.45.89l-.46.92a3.95 3.95 0 0 1-3.53 2.18H8.01c-3.32 0-6.01-2.69-6.01-6.01v-5.07c0-2.77 2.24-5.01 5.01-5.01z"/><path fill="#83cbff" d="M24.99 16.072H7.01c-2.77 0-5.01 2.24-5.01 5.01v1.92c0 2.65 2.15 4.8 4.8 4.8h3.76c1.5 0 2.86-.85 3.53-2.18l.46-.92c.27-.55.83-.89 1.45-.89s1.17.35 1.45.89l.46.92a3.95 3.95 0 0 0 3.53 2.18h3.76c2.65 0 4.8-2.15 4.8-4.8v-1.92c0-2.77-2.24-5.01-5.01-5.01"/><path fill="#aeddff" d="M12.707 19.7a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 1 0 1.414 1.414zm15 0a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 0 0 1.414 1.414z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#5235a6" d="M19.455 24.44c-.521 0-1.057-.015-1.6-.032c-.592-.017-1.211-.036-1.86-.036c-7.074 0-10.928-2.949-13.3-10.178c-.823-2.512-.789-4.372.1-5.686c1.325-1.95 4.1-2.12 6.785-2.284c2.084-.128 4.238-.26 5.254-1.219c3.39-3.2 7.778-3.922 11.184-1.853c2.634 1.6 4.9 5.255 3.345 10.7a25.1 25.1 0 0 1-3.6 7.873c-1.703 2.359-3.847 2.715-6.308 2.715m2.386-20.446a8.35 8.35 0 0 0-5.635 2.465C14.663 7.916 12.14 8.071 9.7 8.22c-2.2.134-4.48.274-5.253 1.412c-.513.756-.466 2.082.142 3.939c2.079 6.333 5.275 8.8 11.4 8.8c.669 0 1.309.019 1.919.037c3.148.093 4.854.054 6.231-1.851a23.2 23.2 0 0 0 3.3-7.248c1.041-3.655.1-6.891-2.46-8.447a6 6 0 0 0-3.138-.868"/><path fill="#00a6ed" d="M17 13.892h7.99c2.77 0 5.01 2.24 5.01 5.01v5.07c0 3.32-2.69 6.01-6.01 6.01h-2.55c-1.49 0-2.86-.84-3.53-2.18l-.46-.92c-.28-.54-.84-.89-1.45-.89c-.62 0-1.18.34-1.45.89l-.46.92a3.95 3.95 0 0 1-3.53 2.18H8.01c-3.32 0-6.01-2.69-6.01-6.01v-5.07c0-2.77 2.24-5.01 5.01-5.01z"/><path fill="#83cbff" d="M24.99 16.072H7.01c-2.77 0-5.01 2.24-5.01 5.01v1.92c0 2.65 2.15 4.8 4.8 4.8h3.76c1.5 0 2.86-.85 3.53-2.18l.46-.92c.27-.55.83-.89 1.45-.89s1.17.35 1.45.89l.46.92a3.95 3.95 0 0 0 3.53 2.18h3.76c2.65 0 4.8-2.15 4.8-4.8v-1.92c0-2.77-2.24-5.01-5.01-5.01"/><path fill="#aeddff" d="M12.707 19.7a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 1 0 1.414 1.414zm15 0a1 1 0 0 0-1.414-1.415l-6.49 6.49a1 1 0 0 0 1.414 1.414z"/></g></svg> </template>
CSS
.icon-goggles {
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%22none%22%3E%3Cpath%20fill%3D%22%235235a6%22%20d%3D%22M19.455%2024.44c-.521%200-1.057-.015-1.6-.032c-.592-.017-1.211-.036-1.86-.036c-7.074%200-10.928-2.949-13.3-10.178c-.823-2.512-.789-4.372.1-5.686c1.325-1.95%204.1-2.12%206.785-2.284c2.084-.128%204.238-.26%205.254-1.219c3.39-3.2%207.778-3.922%2011.184-1.853c2.634%201.6%204.9%205.255%203.345%2010.7a25.1%2025.1%200%200%201-3.6%207.873c-1.703%202.359-3.847%202.715-6.308%202.715m2.386-20.446a8.35%208.35%200%200%200-5.635%202.465C14.663%207.916%2012.14%208.071%209.7%208.22c-2.2.134-4.48.274-5.253%201.412c-.513.756-.466%202.082.142%203.939c2.079%206.333%205.275%208.8%2011.4%208.8c.669%200%201.309.019%201.919.037c3.148.093%204.854.054%206.231-1.851a23.2%2023.2%200%200%200%203.3-7.248c1.041-3.655.1-6.891-2.46-8.447a6%206%200%200%200-3.138-.868%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M17%2013.892h7.99c2.77%200%205.01%202.24%205.01%205.01v5.07c0%203.32-2.69%206.01-6.01%206.01h-2.55c-1.49%200-2.86-.84-3.53-2.18l-.46-.92c-.28-.54-.84-.89-1.45-.89c-.62%200-1.18.34-1.45.89l-.46.92a3.95%203.95%200%200%201-3.53%202.18H8.01c-3.32%200-6.01-2.69-6.01-6.01v-5.07c0-2.77%202.24-5.01%205.01-5.01z%22%2F%3E%3Cpath%20fill%3D%22%2383cbff%22%20d%3D%22M24.99%2016.072H7.01c-2.77%200-5.01%202.24-5.01%205.01v1.92c0%202.65%202.15%204.8%204.8%204.8h3.76c1.5%200%202.86-.85%203.53-2.18l.46-.92c.27-.55.83-.89%201.45-.89s1.17.35%201.45.89l.46.92a3.95%203.95%200%200%200%203.53%202.18h3.76c2.65%200%204.8-2.15%204.8-4.8v-1.92c0-2.77-2.24-5.01-5.01-5.01%22%2F%3E%3Cpath%20fill%3D%22%23aeddff%22%20d%3D%22M12.707%2019.7a1%201%200%200%200-1.414-1.415l-6.49%206.49a1%201%200%201%200%201.414%201.414zm15%200a1%201%200%200%200-1.414-1.415l-6.49%206.49a1%201%200%200%200%201.414%201.414z%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%22none%22%3E%3Cpath%20fill%3D%22%235235a6%22%20d%3D%22M19.455%2024.44c-.521%200-1.057-.015-1.6-.032c-.592-.017-1.211-.036-1.86-.036c-7.074%200-10.928-2.949-13.3-10.178c-.823-2.512-.789-4.372.1-5.686c1.325-1.95%204.1-2.12%206.785-2.284c2.084-.128%204.238-.26%205.254-1.219c3.39-3.2%207.778-3.922%2011.184-1.853c2.634%201.6%204.9%205.255%203.345%2010.7a25.1%2025.1%200%200%201-3.6%207.873c-1.703%202.359-3.847%202.715-6.308%202.715m2.386-20.446a8.35%208.35%200%200%200-5.635%202.465C14.663%207.916%2012.14%208.071%209.7%208.22c-2.2.134-4.48.274-5.253%201.412c-.513.756-.466%202.082.142%203.939c2.079%206.333%205.275%208.8%2011.4%208.8c.669%200%201.309.019%201.919.037c3.148.093%204.854.054%206.231-1.851a23.2%2023.2%200%200%200%203.3-7.248c1.041-3.655.1-6.891-2.46-8.447a6%206%200%200%200-3.138-.868%22%2F%3E%3Cpath%20fill%3D%22%2300a6ed%22%20d%3D%22M17%2013.892h7.99c2.77%200%205.01%202.24%205.01%205.01v5.07c0%203.32-2.69%206.01-6.01%206.01h-2.55c-1.49%200-2.86-.84-3.53-2.18l-.46-.92c-.28-.54-.84-.89-1.45-.89c-.62%200-1.18.34-1.45.89l-.46.92a3.95%203.95%200%200%201-3.53%202.18H8.01c-3.32%200-6.01-2.69-6.01-6.01v-5.07c0-2.77%202.24-5.01%205.01-5.01z%22%2F%3E%3Cpath%20fill%3D%22%2383cbff%22%20d%3D%22M24.99%2016.072H7.01c-2.77%200-5.01%202.24-5.01%205.01v1.92c0%202.65%202.15%204.8%204.8%204.8h3.76c1.5%200%202.86-.85%203.53-2.18l.46-.92c.27-.55.83-.89%201.45-.89s1.17.35%201.45.89l.46.92a3.95%203.95%200%200%200%203.53%202.18h3.76c2.65%200%204.8-2.15%204.8-4.8v-1.92c0-2.77-2.24-5.01-5.01-5.01%22%2F%3E%3Cpath%20fill%3D%22%23aeddff%22%20d%3D%22M12.707%2019.7a1%201%200%200%200-1.414-1.415l-6.49%206.49a1%201%200%201%200%201.414%201.414zm15%200a1%201%200%200%200-1.414-1.415l-6.49%206.49a1%201%200%200%200%201.414%201.414z%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-flat/goggles.svg?color=%231a73e8&size=48
