moon zzz icon
moon-zzz-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- moon-zzz-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
Related icons in Framework7 Icons
Use the moon zzz icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M38.524 11.125H33.18v-.14l5.46-7.196c.493-.633.68-1.03.68-1.453c0-.727-.562-1.172-1.336-1.172h-7.523c-.703 0-1.242.469-1.242 1.196c0 .773.539 1.218 1.242 1.218H35.5v.14l-5.531 7.173c-.492.633-.68.984-.68 1.476c0 .68.54 1.172 1.313 1.172h7.921c.704 0 1.22-.445 1.22-1.219c0-.726-.516-1.195-1.22-1.195m10.968 8.953H45.72v-.094l3.89-5.086c.445-.585.633-.96.633-1.382c0-.68-.539-1.102-1.265-1.102h-5.743c-.656 0-1.148.446-1.148 1.125c0 .75.492 1.172 1.148 1.172h3.399v.094l-3.867 5.086c-.446.562-.61.914-.61 1.406c0 .633.492 1.101 1.22 1.101h6.116c.68 0 1.149-.445 1.149-1.148s-.469-1.172-1.149-1.172M25.984 54.836c8.532 0 15.47-4.336 18.61-11.836c.398-.937.328-1.71-.14-2.18c-.352-.375-1.079-.422-1.829-.117c-1.945.774-4.195 1.102-6.633 1.102c-10.5 0-17.367-6.657-17.367-16.781c0-2.766.54-5.836 1.266-7.266c.445-.914.445-1.688.07-2.156c-.422-.516-1.195-.61-2.203-.258c-7.477 2.742-12.399 10.57-12.399 19.265c0 11.625 8.766 20.227 20.625 20.227m13.172-26.742h-3.21V28l3.304-4.383c.422-.586.61-.914.61-1.312c0-.657-.516-1.055-1.196-1.055h-5.062c-.633 0-1.102.422-1.102 1.078c0 .703.469 1.102 1.102 1.102h2.812v.093l-3.258 4.36c-.422.562-.586.89-.586 1.336c0 .61.47 1.078 1.149 1.078h5.437c.633 0 1.078-.445 1.078-1.125c0-.633-.445-1.078-1.078-1.078"/></svg>
React
import type { SVGProps } from "react";
export function F7MoonZzzFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M38.524 11.125H33.18v-.14l5.46-7.196c.493-.633.68-1.03.68-1.453c0-.727-.562-1.172-1.336-1.172h-7.523c-.703 0-1.242.469-1.242 1.196c0 .773.539 1.218 1.242 1.218H35.5v.14l-5.531 7.173c-.492.633-.68.984-.68 1.476c0 .68.54 1.172 1.313 1.172h7.921c.704 0 1.22-.445 1.22-1.219c0-.726-.516-1.195-1.22-1.195m10.968 8.953H45.72v-.094l3.89-5.086c.445-.585.633-.96.633-1.382c0-.68-.539-1.102-1.265-1.102h-5.743c-.656 0-1.148.446-1.148 1.125c0 .75.492 1.172 1.148 1.172h3.399v.094l-3.867 5.086c-.446.562-.61.914-.61 1.406c0 .633.492 1.101 1.22 1.101h6.116c.68 0 1.149-.445 1.149-1.148s-.469-1.172-1.149-1.172M25.984 54.836c8.532 0 15.47-4.336 18.61-11.836c.398-.937.328-1.71-.14-2.18c-.352-.375-1.079-.422-1.829-.117c-1.945.774-4.195 1.102-6.633 1.102c-10.5 0-17.367-6.657-17.367-16.781c0-2.766.54-5.836 1.266-7.266c.445-.914.445-1.688.07-2.156c-.422-.516-1.195-.61-2.203-.258c-7.477 2.742-12.399 10.57-12.399 19.265c0 11.625 8.766 20.227 20.625 20.227m13.172-26.742h-3.21V28l3.304-4.383c.422-.586.61-.914.61-1.312c0-.657-.516-1.055-1.196-1.055h-5.062c-.633 0-1.102.422-1.102 1.078c0 .703.469 1.102 1.102 1.102h2.812v.093l-3.258 4.36c-.422.562-.586.89-.586 1.336c0 .61.47 1.078 1.149 1.078h5.437c.633 0 1.078-.445 1.078-1.125c0-.633-.445-1.078-1.078-1.078"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M38.524 11.125H33.18v-.14l5.46-7.196c.493-.633.68-1.03.68-1.453c0-.727-.562-1.172-1.336-1.172h-7.523c-.703 0-1.242.469-1.242 1.196c0 .773.539 1.218 1.242 1.218H35.5v.14l-5.531 7.173c-.492.633-.68.984-.68 1.476c0 .68.54 1.172 1.313 1.172h7.921c.704 0 1.22-.445 1.22-1.219c0-.726-.516-1.195-1.22-1.195m10.968 8.953H45.72v-.094l3.89-5.086c.445-.585.633-.96.633-1.382c0-.68-.539-1.102-1.265-1.102h-5.743c-.656 0-1.148.446-1.148 1.125c0 .75.492 1.172 1.148 1.172h3.399v.094l-3.867 5.086c-.446.562-.61.914-.61 1.406c0 .633.492 1.101 1.22 1.101h6.116c.68 0 1.149-.445 1.149-1.148s-.469-1.172-1.149-1.172M25.984 54.836c8.532 0 15.47-4.336 18.61-11.836c.398-.937.328-1.71-.14-2.18c-.352-.375-1.079-.422-1.829-.117c-1.945.774-4.195 1.102-6.633 1.102c-10.5 0-17.367-6.657-17.367-16.781c0-2.766.54-5.836 1.266-7.266c.445-.914.445-1.688.07-2.156c-.422-.516-1.195-.61-2.203-.258c-7.477 2.742-12.399 10.57-12.399 19.265c0 11.625 8.766 20.227 20.625 20.227m13.172-26.742h-3.21V28l3.304-4.383c.422-.586.61-.914.61-1.312c0-.657-.516-1.055-1.196-1.055h-5.062c-.633 0-1.102.422-1.102 1.078c0 .703.469 1.102 1.102 1.102h2.812v.093l-3.258 4.36c-.422.562-.586.89-.586 1.336c0 .61.47 1.078 1.149 1.078h5.437c.633 0 1.078-.445 1.078-1.125c0-.633-.445-1.078-1.078-1.078"/></svg> </template>
CSS
.icon-moon-zzz-fill {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.524%2011.125H33.18v-.14l5.46-7.196c.493-.633.68-1.03.68-1.453c0-.727-.562-1.172-1.336-1.172h-7.523c-.703%200-1.242.469-1.242%201.196c0%20.773.539%201.218%201.242%201.218H35.5v.14l-5.531%207.173c-.492.633-.68.984-.68%201.476c0%20.68.54%201.172%201.313%201.172h7.921c.704%200%201.22-.445%201.22-1.219c0-.726-.516-1.195-1.22-1.195m10.968%208.953H45.72v-.094l3.89-5.086c.445-.585.633-.96.633-1.382c0-.68-.539-1.102-1.265-1.102h-5.743c-.656%200-1.148.446-1.148%201.125c0%20.75.492%201.172%201.148%201.172h3.399v.094l-3.867%205.086c-.446.562-.61.914-.61%201.406c0%20.633.492%201.101%201.22%201.101h6.116c.68%200%201.149-.445%201.149-1.148s-.469-1.172-1.149-1.172M25.984%2054.836c8.532%200%2015.47-4.336%2018.61-11.836c.398-.937.328-1.71-.14-2.18c-.352-.375-1.079-.422-1.829-.117c-1.945.774-4.195%201.102-6.633%201.102c-10.5%200-17.367-6.657-17.367-16.781c0-2.766.54-5.836%201.266-7.266c.445-.914.445-1.688.07-2.156c-.422-.516-1.195-.61-2.203-.258c-7.477%202.742-12.399%2010.57-12.399%2019.265c0%2011.625%208.766%2020.227%2020.625%2020.227m13.172-26.742h-3.21V28l3.304-4.383c.422-.586.61-.914.61-1.312c0-.657-.516-1.055-1.196-1.055h-5.062c-.633%200-1.102.422-1.102%201.078c0%20.703.469%201.102%201.102%201.102h2.812v.093l-3.258%204.36c-.422.562-.586.89-.586%201.336c0%20.61.47%201.078%201.149%201.078h5.437c.633%200%201.078-.445%201.078-1.125c0-.633-.445-1.078-1.078-1.078%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M38.524%2011.125H33.18v-.14l5.46-7.196c.493-.633.68-1.03.68-1.453c0-.727-.562-1.172-1.336-1.172h-7.523c-.703%200-1.242.469-1.242%201.196c0%20.773.539%201.218%201.242%201.218H35.5v.14l-5.531%207.173c-.492.633-.68.984-.68%201.476c0%20.68.54%201.172%201.313%201.172h7.921c.704%200%201.22-.445%201.22-1.219c0-.726-.516-1.195-1.22-1.195m10.968%208.953H45.72v-.094l3.89-5.086c.445-.585.633-.96.633-1.382c0-.68-.539-1.102-1.265-1.102h-5.743c-.656%200-1.148.446-1.148%201.125c0%20.75.492%201.172%201.148%201.172h3.399v.094l-3.867%205.086c-.446.562-.61.914-.61%201.406c0%20.633.492%201.101%201.22%201.101h6.116c.68%200%201.149-.445%201.149-1.148s-.469-1.172-1.149-1.172M25.984%2054.836c8.532%200%2015.47-4.336%2018.61-11.836c.398-.937.328-1.71-.14-2.18c-.352-.375-1.079-.422-1.829-.117c-1.945.774-4.195%201.102-6.633%201.102c-10.5%200-17.367-6.657-17.367-16.781c0-2.766.54-5.836%201.266-7.266c.445-.914.445-1.688.07-2.156c-.422-.516-1.195-.61-2.203-.258c-7.477%202.742-12.399%2010.57-12.399%2019.265c0%2011.625%208.766%2020.227%2020.625%2020.227m13.172-26.742h-3.21V28l3.304-4.383c.422-.586.61-.914.61-1.312c0-.657-.516-1.055-1.196-1.055h-5.062c-.633%200-1.102.422-1.102%201.078c0%20.703.469%201.102%201.102%201.102h2.812v.093l-3.258%204.36c-.422.562-.586.89-.586%201.336c0%20.61.47%201.078%201.149%201.078h5.437c.633%200%201.078-.445%201.078-1.125c0-.633-.445-1.078-1.078-1.078%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/moon-zzz-fill.svg?color=%231a73e8&size=48
