zzz emoji
zzz from Firefox OS Emoji by Mozilla · Default · People · Apache-2.0 Free for personal and commercial use.
- Name
- zzz
- Set
- Firefox OS Emoji
- Style
- Default
- Category
- People
- Viewbox
- 512×512
- License
- Apache 2.0
The same emoji in other sets
More people icons from Firefox OS Emoji
Use the zzz emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#009E83" d="M172.5 332H37.4c-10 0-19.1-6-22.9-15.3s-1.7-19.9 5.4-27l95.2-95.2H41.7c-13.7 0-24.8-11.1-24.8-24.8s11.1-24.8 24.8-24.8h133.2c10 0 19.1 6 22.9 15.3c3.9 9.3 1.7 19.9-5.4 27l-95.2 95.2h75.3c13.7 0 24.8 11.1 24.8 24.8s-11 24.8-24.8 24.8"/><path fill="#00BEEA" d="M361.4 126.6h-87.9c-7.5 0-14.3-4.5-17.2-11.5s-1.3-14.9 4-20.3L318 37.1h-41.7c-10.3 0-18.6-8.3-18.6-18.6S266.1 0 276.4 0H363c7.5 0 14.3 4.5 17.2 11.5s1.3 15-4 20.3l-57.7 57.7h43c10.3 0 18.6 8.3 18.6 18.6s-8.4 18.5-18.7 18.5"/><path fill="#00B89C" d="M458.9 507.8H276.1c-15 0-28.6-9.1-34.4-23s-2.6-29.9 8.1-40.6l122.4-122.4h-90.3c-20.5 0-37.2-16.7-37.2-37.2s16.7-37.2 37.2-37.2h180.2c15 0 28.6 9.1 34.4 23s2.6 29.9-8.1 40.6L366 433.4h92.9c20.5 0 37.2 16.7 37.2 37.2s-16.7 37.2-37.2 37.2"/></svg>
React
import type { SVGProps } from "react";
export function FxemojiZzz(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#009E83" d="M172.5 332H37.4c-10 0-19.1-6-22.9-15.3s-1.7-19.9 5.4-27l95.2-95.2H41.7c-13.7 0-24.8-11.1-24.8-24.8s11.1-24.8 24.8-24.8h133.2c10 0 19.1 6 22.9 15.3c3.9 9.3 1.7 19.9-5.4 27l-95.2 95.2h75.3c13.7 0 24.8 11.1 24.8 24.8s-11 24.8-24.8 24.8"/><path fill="#00BEEA" d="M361.4 126.6h-87.9c-7.5 0-14.3-4.5-17.2-11.5s-1.3-14.9 4-20.3L318 37.1h-41.7c-10.3 0-18.6-8.3-18.6-18.6S266.1 0 276.4 0H363c7.5 0 14.3 4.5 17.2 11.5s1.3 15-4 20.3l-57.7 57.7h43c10.3 0 18.6 8.3 18.6 18.6s-8.4 18.5-18.7 18.5"/><path fill="#00B89C" d="M458.9 507.8H276.1c-15 0-28.6-9.1-34.4-23s-2.6-29.9 8.1-40.6l122.4-122.4h-90.3c-20.5 0-37.2-16.7-37.2-37.2s16.7-37.2 37.2-37.2h180.2c15 0 28.6 9.1 34.4 23s2.6 29.9-8.1 40.6L366 433.4h92.9c20.5 0 37.2 16.7 37.2 37.2s-16.7 37.2-37.2 37.2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#009E83" d="M172.5 332H37.4c-10 0-19.1-6-22.9-15.3s-1.7-19.9 5.4-27l95.2-95.2H41.7c-13.7 0-24.8-11.1-24.8-24.8s11.1-24.8 24.8-24.8h133.2c10 0 19.1 6 22.9 15.3c3.9 9.3 1.7 19.9-5.4 27l-95.2 95.2h75.3c13.7 0 24.8 11.1 24.8 24.8s-11 24.8-24.8 24.8"/><path fill="#00BEEA" d="M361.4 126.6h-87.9c-7.5 0-14.3-4.5-17.2-11.5s-1.3-14.9 4-20.3L318 37.1h-41.7c-10.3 0-18.6-8.3-18.6-18.6S266.1 0 276.4 0H363c7.5 0 14.3 4.5 17.2 11.5s1.3 15-4 20.3l-57.7 57.7h43c10.3 0 18.6 8.3 18.6 18.6s-8.4 18.5-18.7 18.5"/><path fill="#00B89C" d="M458.9 507.8H276.1c-15 0-28.6-9.1-34.4-23s-2.6-29.9 8.1-40.6l122.4-122.4h-90.3c-20.5 0-37.2-16.7-37.2-37.2s16.7-37.2 37.2-37.2h180.2c15 0 28.6 9.1 34.4 23s2.6 29.9-8.1 40.6L366 433.4h92.9c20.5 0 37.2 16.7 37.2 37.2s-16.7 37.2-37.2 37.2"/></svg> </template>
CSS
.icon-zzz {
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%20512%20512%22%3E%3Cpath%20fill%3D%22%23009E83%22%20d%3D%22M172.5%20332H37.4c-10%200-19.1-6-22.9-15.3s-1.7-19.9%205.4-27l95.2-95.2H41.7c-13.7%200-24.8-11.1-24.8-24.8s11.1-24.8%2024.8-24.8h133.2c10%200%2019.1%206%2022.9%2015.3c3.9%209.3%201.7%2019.9-5.4%2027l-95.2%2095.2h75.3c13.7%200%2024.8%2011.1%2024.8%2024.8s-11%2024.8-24.8%2024.8%22%2F%3E%3Cpath%20fill%3D%22%2300BEEA%22%20d%3D%22M361.4%20126.6h-87.9c-7.5%200-14.3-4.5-17.2-11.5s-1.3-14.9%204-20.3L318%2037.1h-41.7c-10.3%200-18.6-8.3-18.6-18.6S266.1%200%20276.4%200H363c7.5%200%2014.3%204.5%2017.2%2011.5s1.3%2015-4%2020.3l-57.7%2057.7h43c10.3%200%2018.6%208.3%2018.6%2018.6s-8.4%2018.5-18.7%2018.5%22%2F%3E%3Cpath%20fill%3D%22%2300B89C%22%20d%3D%22M458.9%20507.8H276.1c-15%200-28.6-9.1-34.4-23s-2.6-29.9%208.1-40.6l122.4-122.4h-90.3c-20.5%200-37.2-16.7-37.2-37.2s16.7-37.2%2037.2-37.2h180.2c15%200%2028.6%209.1%2034.4%2023s2.6%2029.9-8.1%2040.6L366%20433.4h92.9c20.5%200%2037.2%2016.7%2037.2%2037.2s-16.7%2037.2-37.2%2037.2%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23009E83%22%20d%3D%22M172.5%20332H37.4c-10%200-19.1-6-22.9-15.3s-1.7-19.9%205.4-27l95.2-95.2H41.7c-13.7%200-24.8-11.1-24.8-24.8s11.1-24.8%2024.8-24.8h133.2c10%200%2019.1%206%2022.9%2015.3c3.9%209.3%201.7%2019.9-5.4%2027l-95.2%2095.2h75.3c13.7%200%2024.8%2011.1%2024.8%2024.8s-11%2024.8-24.8%2024.8%22%2F%3E%3Cpath%20fill%3D%22%2300BEEA%22%20d%3D%22M361.4%20126.6h-87.9c-7.5%200-14.3-4.5-17.2-11.5s-1.3-14.9%204-20.3L318%2037.1h-41.7c-10.3%200-18.6-8.3-18.6-18.6S266.1%200%20276.4%200H363c7.5%200%2014.3%204.5%2017.2%2011.5s1.3%2015-4%2020.3l-57.7%2057.7h43c10.3%200%2018.6%208.3%2018.6%2018.6s-8.4%2018.5-18.7%2018.5%22%2F%3E%3Cpath%20fill%3D%22%2300B89C%22%20d%3D%22M458.9%20507.8H276.1c-15%200-28.6-9.1-34.4-23s-2.6-29.9%208.1-40.6l122.4-122.4h-90.3c-20.5%200-37.2-16.7-37.2-37.2s16.7-37.2%2037.2-37.2h180.2c15%200%2028.6%209.1%2034.4%2023s2.6%2029.9-8.1%2040.6L366%20433.4h92.9c20.5%200%2037.2%2016.7%2037.2%2037.2s-16.7%2037.2-37.2%2037.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fxemoji/zzz.svg?color=%231a73e8&size=48
