goggles emoji
goggles from Twitter Emoji by Twitter · Default · Objects · CC-BY-4.0 Attribution required.
- Name
- goggles
- Set
- Twitter Emoji
- Style
- Default
- Category
- Objects
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More objects icons from Twitter Emoji
Use the goggles emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9aaab4" d="M18 9v11.756c-3 0-1.067 5.182-6 5.999c-1.781.295-3.931.355-6 0c-3.253-.559-4.824-3.027-5.042-7.681c-.281-5.993 1.276-8.847 5.318-9.533C9.394 9.012 14 9 18 9"/><path fill="#9aaab4" d="M17.926 9v11.756c3 0 1.067 5.182 6 5.999c1.781.295 3.931.355 6 0c3.253-.559 4.824-3.027 5.042-7.681c.281-5.993-1.276-8.847-5.318-9.533C26.532 9.012 21.926 9 17.926 9M1.5 21C.675 21 0 20.325 0 19.5v-3c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v3c0 .825-.675 1.5-1.5 1.5"/><path fill="#9aaab4" d="M34.5 21c-.825 0-1.5-.675-1.5-1.5v-3c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v3c0 .825-.675 1.5-1.5 1.5"/><path fill="#9aaab4" d="M34.5 22c-.825 0-1.5-.675-1.5-1.5v-5c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v5c0 .825-.675 1.5-1.5 1.5m-33 0C.675 22 0 21.325 0 20.5v-5c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v5c0 .825-.675 1.5-1.5 1.5"/><path fill="#ccd6dd" d="M18 11v7.756c-4 0-2.615 5.396-7 6c-1.583.218-2.161.263-4 0c-2.892-.413-3.922-2.555-4.169-5.89c-.325-4.394 1.266-6.959 4.859-7.466c2.771-.391 6.754-.4 10.31-.4"/><path fill="#ccd6dd" d="M18 11v7.756c4 0 2.615 5.396 7 6c1.583.218 2.161.263 4 0c2.892-.413 3.922-2.555 4.169-5.89c.325-4.394-1.266-6.959-4.859-7.466c-2.771-.391-6.754-.4-10.31-.4"/><path fill="#e1e8ed" d="M26.993 11.252a47 47 0 0 0-2.077-.142l-3.695 10.151c.378.76.75 1.56 1.323 2.212zM18 11c-.646 0-1.308.001-1.973.004l-5.003 13.747c4.354-.621 2.984-5.995 6.976-5.995c.601 0 1.07.133 1.466.342l2.937-8.068A241 241 0 0 0 18 11"/><path fill="#292f33" d="M35 16h-1v4h1c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1M1 16c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1v-4z"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiGoggles(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9aaab4" d="M18 9v11.756c-3 0-1.067 5.182-6 5.999c-1.781.295-3.931.355-6 0c-3.253-.559-4.824-3.027-5.042-7.681c-.281-5.993 1.276-8.847 5.318-9.533C9.394 9.012 14 9 18 9"/><path fill="#9aaab4" d="M17.926 9v11.756c3 0 1.067 5.182 6 5.999c1.781.295 3.931.355 6 0c3.253-.559 4.824-3.027 5.042-7.681c.281-5.993-1.276-8.847-5.318-9.533C26.532 9.012 21.926 9 17.926 9M1.5 21C.675 21 0 20.325 0 19.5v-3c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v3c0 .825-.675 1.5-1.5 1.5"/><path fill="#9aaab4" d="M34.5 21c-.825 0-1.5-.675-1.5-1.5v-3c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v3c0 .825-.675 1.5-1.5 1.5"/><path fill="#9aaab4" d="M34.5 22c-.825 0-1.5-.675-1.5-1.5v-5c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v5c0 .825-.675 1.5-1.5 1.5m-33 0C.675 22 0 21.325 0 20.5v-5c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v5c0 .825-.675 1.5-1.5 1.5"/><path fill="#ccd6dd" d="M18 11v7.756c-4 0-2.615 5.396-7 6c-1.583.218-2.161.263-4 0c-2.892-.413-3.922-2.555-4.169-5.89c-.325-4.394 1.266-6.959 4.859-7.466c2.771-.391 6.754-.4 10.31-.4"/><path fill="#ccd6dd" d="M18 11v7.756c4 0 2.615 5.396 7 6c1.583.218 2.161.263 4 0c2.892-.413 3.922-2.555 4.169-5.89c.325-4.394-1.266-6.959-4.859-7.466c-2.771-.391-6.754-.4-10.31-.4"/><path fill="#e1e8ed" d="M26.993 11.252a47 47 0 0 0-2.077-.142l-3.695 10.151c.378.76.75 1.56 1.323 2.212zM18 11c-.646 0-1.308.001-1.973.004l-5.003 13.747c4.354-.621 2.984-5.995 6.976-5.995c.601 0 1.07.133 1.466.342l2.937-8.068A241 241 0 0 0 18 11"/><path fill="#292f33" d="M35 16h-1v4h1c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1M1 16c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1v-4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#9aaab4" d="M18 9v11.756c-3 0-1.067 5.182-6 5.999c-1.781.295-3.931.355-6 0c-3.253-.559-4.824-3.027-5.042-7.681c-.281-5.993 1.276-8.847 5.318-9.533C9.394 9.012 14 9 18 9"/><path fill="#9aaab4" d="M17.926 9v11.756c3 0 1.067 5.182 6 5.999c1.781.295 3.931.355 6 0c3.253-.559 4.824-3.027 5.042-7.681c.281-5.993-1.276-8.847-5.318-9.533C26.532 9.012 21.926 9 17.926 9M1.5 21C.675 21 0 20.325 0 19.5v-3c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v3c0 .825-.675 1.5-1.5 1.5"/><path fill="#9aaab4" d="M34.5 21c-.825 0-1.5-.675-1.5-1.5v-3c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v3c0 .825-.675 1.5-1.5 1.5"/><path fill="#9aaab4" d="M34.5 22c-.825 0-1.5-.675-1.5-1.5v-5c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v5c0 .825-.675 1.5-1.5 1.5m-33 0C.675 22 0 21.325 0 20.5v-5c0-.825.675-1.5 1.5-1.5s1.5.675 1.5 1.5v5c0 .825-.675 1.5-1.5 1.5"/><path fill="#ccd6dd" d="M18 11v7.756c-4 0-2.615 5.396-7 6c-1.583.218-2.161.263-4 0c-2.892-.413-3.922-2.555-4.169-5.89c-.325-4.394 1.266-6.959 4.859-7.466c2.771-.391 6.754-.4 10.31-.4"/><path fill="#ccd6dd" d="M18 11v7.756c4 0 2.615 5.396 7 6c1.583.218 2.161.263 4 0c2.892-.413 3.922-2.555 4.169-5.89c.325-4.394-1.266-6.959-4.859-7.466c-2.771-.391-6.754-.4-10.31-.4"/><path fill="#e1e8ed" d="M26.993 11.252a47 47 0 0 0-2.077-.142l-3.695 10.151c.378.76.75 1.56 1.323 2.212zM18 11c-.646 0-1.308.001-1.973.004l-5.003 13.747c4.354-.621 2.984-5.995 6.976-5.995c.601 0 1.07.133 1.466.342l2.937-8.068A241 241 0 0 0 18 11"/><path fill="#292f33" d="M35 16h-1v4h1c.55 0 1-.45 1-1v-2c0-.55-.45-1-1-1M1 16c-.55 0-1 .45-1 1v2c0 .55.45 1 1 1h1v-4z"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M18%209v11.756c-3%200-1.067%205.182-6%205.999c-1.781.295-3.931.355-6%200c-3.253-.559-4.824-3.027-5.042-7.681c-.281-5.993%201.276-8.847%205.318-9.533C9.394%209.012%2014%209%2018%209%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M17.926%209v11.756c3%200%201.067%205.182%206%205.999c1.781.295%203.931.355%206%200c3.253-.559%204.824-3.027%205.042-7.681c.281-5.993-1.276-8.847-5.318-9.533C26.532%209.012%2021.926%209%2017.926%209M1.5%2021C.675%2021%200%2020.325%200%2019.5v-3c0-.825.675-1.5%201.5-1.5s1.5.675%201.5%201.5v3c0%20.825-.675%201.5-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M34.5%2021c-.825%200-1.5-.675-1.5-1.5v-3c0-.825.675-1.5%201.5-1.5s1.5.675%201.5%201.5v3c0%20.825-.675%201.5-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M34.5%2022c-.825%200-1.5-.675-1.5-1.5v-5c0-.825.675-1.5%201.5-1.5s1.5.675%201.5%201.5v5c0%20.825-.675%201.5-1.5%201.5m-33%200C.675%2022%200%2021.325%200%2020.5v-5c0-.825.675-1.5%201.5-1.5s1.5.675%201.5%201.5v5c0%20.825-.675%201.5-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18%2011v7.756c-4%200-2.615%205.396-7%206c-1.583.218-2.161.263-4%200c-2.892-.413-3.922-2.555-4.169-5.89c-.325-4.394%201.266-6.959%204.859-7.466c2.771-.391%206.754-.4%2010.31-.4%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18%2011v7.756c4%200%202.615%205.396%207%206c1.583.218%202.161.263%204%200c2.892-.413%203.922-2.555%204.169-5.89c.325-4.394-1.266-6.959-4.859-7.466c-2.771-.391-6.754-.4-10.31-.4%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M26.993%2011.252a47%2047%200%200%200-2.077-.142l-3.695%2010.151c.378.76.75%201.56%201.323%202.212zM18%2011c-.646%200-1.308.001-1.973.004l-5.003%2013.747c4.354-.621%202.984-5.995%206.976-5.995c.601%200%201.07.133%201.466.342l2.937-8.068A241%20241%200%200%200%2018%2011%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M35%2016h-1v4h1c.55%200%201-.45%201-1v-2c0-.55-.45-1-1-1M1%2016c-.55%200-1%20.45-1%201v2c0%20.55.45%201%201%201h1v-4z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M18%209v11.756c-3%200-1.067%205.182-6%205.999c-1.781.295-3.931.355-6%200c-3.253-.559-4.824-3.027-5.042-7.681c-.281-5.993%201.276-8.847%205.318-9.533C9.394%209.012%2014%209%2018%209%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M17.926%209v11.756c3%200%201.067%205.182%206%205.999c1.781.295%203.931.355%206%200c3.253-.559%204.824-3.027%205.042-7.681c.281-5.993-1.276-8.847-5.318-9.533C26.532%209.012%2021.926%209%2017.926%209M1.5%2021C.675%2021%200%2020.325%200%2019.5v-3c0-.825.675-1.5%201.5-1.5s1.5.675%201.5%201.5v3c0%20.825-.675%201.5-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M34.5%2021c-.825%200-1.5-.675-1.5-1.5v-3c0-.825.675-1.5%201.5-1.5s1.5.675%201.5%201.5v3c0%20.825-.675%201.5-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%239aaab4%22%20d%3D%22M34.5%2022c-.825%200-1.5-.675-1.5-1.5v-5c0-.825.675-1.5%201.5-1.5s1.5.675%201.5%201.5v5c0%20.825-.675%201.5-1.5%201.5m-33%200C.675%2022%200%2021.325%200%2020.5v-5c0-.825.675-1.5%201.5-1.5s1.5.675%201.5%201.5v5c0%20.825-.675%201.5-1.5%201.5%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18%2011v7.756c-4%200-2.615%205.396-7%206c-1.583.218-2.161.263-4%200c-2.892-.413-3.922-2.555-4.169-5.89c-.325-4.394%201.266-6.959%204.859-7.466c2.771-.391%206.754-.4%2010.31-.4%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M18%2011v7.756c4%200%202.615%205.396%207%206c1.583.218%202.161.263%204%200c2.892-.413%203.922-2.555%204.169-5.89c.325-4.394-1.266-6.959-4.859-7.466c-2.771-.391-6.754-.4-10.31-.4%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M26.993%2011.252a47%2047%200%200%200-2.077-.142l-3.695%2010.151c.378.76.75%201.56%201.323%202.212zM18%2011c-.646%200-1.308.001-1.973.004l-5.003%2013.747c4.354-.621%202.984-5.995%206.976-5.995c.601%200%201.07.133%201.466.342l2.937-8.068A241%20241%200%200%200%2018%2011%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M35%2016h-1v4h1c.55%200%201-.45%201-1v-2c0-.55-.45-1-1-1M1%2016c-.55%200-1%20.45-1%201v2c0%20.55.45%201%201%201h1v-4z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/goggles.svg?color=%231a73e8&size=48
