moon stars icon
moon-stars-fill from Framework7 Icons by Vladimir Kharlampidi · Fill · MIT Free for personal and commercial use.
- Name
- moon-stars-fill
- Set
- Framework7 Icons
- Style
- Fill
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the moon stars icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M31.211 14.945c.281 0 .445-.187.492-.445c.727-3.89.703-3.984 4.758-4.781c.281-.047.445-.188.445-.469c0-.305-.164-.445-.445-.492c-4.055-.82-4.031-.89-4.758-4.781c-.047-.258-.21-.446-.492-.446c-.281 0-.422.188-.469.446c-.75 3.89-.703 3.96-4.781 4.78c-.258.048-.445.188-.445.493c0 .281.187.422.445.469c4.102.797 4.031.89 4.781 4.781c.047.258.188.445.469.445M42.438 30.79c.421 0 .726-.305.773-.75c.773-6.281 1.078-6.469 7.43-7.453c.515-.094.82-.328.82-.797c0-.445-.305-.727-.727-.797c-6.398-1.219-6.75-1.172-7.523-7.453c-.047-.445-.352-.75-.773-.75c-.446 0-.75.305-.797.727c-.82 6.351-1.032 6.562-7.524 7.476c-.422.047-.726.352-.726.797s.304.703.726.797c6.492 1.195 6.727 1.219 7.524 7.5a.774.774 0 0 0 .797.703M24.789 52.47c8.484 0 15.258-4.29 18.492-11.508c.399-.867.328-1.617-.093-2.016c-.375-.351-1.032-.398-1.758-.14q-2.848 1.125-6.68 1.125c-10.64 0-17.437-6.657-17.437-17.04c0-2.953.562-5.788 1.289-7.241c.398-.82.398-1.524.046-1.97c-.421-.468-1.171-.538-2.085-.187C9.367 16.328 4.539 23.97 4.539 32.547c0 11.414 8.414 19.922 20.25 19.922"/></svg>
React
import type { SVGProps } from "react";
export function F7MoonStarsFill(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="M31.211 14.945c.281 0 .445-.187.492-.445c.727-3.89.703-3.984 4.758-4.781c.281-.047.445-.188.445-.469c0-.305-.164-.445-.445-.492c-4.055-.82-4.031-.89-4.758-4.781c-.047-.258-.21-.446-.492-.446c-.281 0-.422.188-.469.446c-.75 3.89-.703 3.96-4.781 4.78c-.258.048-.445.188-.445.493c0 .281.187.422.445.469c4.102.797 4.031.89 4.781 4.781c.047.258.188.445.469.445M42.438 30.79c.421 0 .726-.305.773-.75c.773-6.281 1.078-6.469 7.43-7.453c.515-.094.82-.328.82-.797c0-.445-.305-.727-.727-.797c-6.398-1.219-6.75-1.172-7.523-7.453c-.047-.445-.352-.75-.773-.75c-.446 0-.75.305-.797.727c-.82 6.351-1.032 6.562-7.524 7.476c-.422.047-.726.352-.726.797s.304.703.726.797c6.492 1.195 6.727 1.219 7.524 7.5a.774.774 0 0 0 .797.703M24.789 52.47c8.484 0 15.258-4.29 18.492-11.508c.399-.867.328-1.617-.093-2.016c-.375-.351-1.032-.398-1.758-.14q-2.848 1.125-6.68 1.125c-10.64 0-17.437-6.657-17.437-17.04c0-2.953.562-5.788 1.289-7.241c.398-.82.398-1.524.046-1.97c-.421-.468-1.171-.538-2.085-.187C9.367 16.328 4.539 23.97 4.539 32.547c0 11.414 8.414 19.922 20.25 19.922"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M31.211 14.945c.281 0 .445-.187.492-.445c.727-3.89.703-3.984 4.758-4.781c.281-.047.445-.188.445-.469c0-.305-.164-.445-.445-.492c-4.055-.82-4.031-.89-4.758-4.781c-.047-.258-.21-.446-.492-.446c-.281 0-.422.188-.469.446c-.75 3.89-.703 3.96-4.781 4.78c-.258.048-.445.188-.445.493c0 .281.187.422.445.469c4.102.797 4.031.89 4.781 4.781c.047.258.188.445.469.445M42.438 30.79c.421 0 .726-.305.773-.75c.773-6.281 1.078-6.469 7.43-7.453c.515-.094.82-.328.82-.797c0-.445-.305-.727-.727-.797c-6.398-1.219-6.75-1.172-7.523-7.453c-.047-.445-.352-.75-.773-.75c-.446 0-.75.305-.797.727c-.82 6.351-1.032 6.562-7.524 7.476c-.422.047-.726.352-.726.797s.304.703.726.797c6.492 1.195 6.727 1.219 7.524 7.5a.774.774 0 0 0 .797.703M24.789 52.47c8.484 0 15.258-4.29 18.492-11.508c.399-.867.328-1.617-.093-2.016c-.375-.351-1.032-.398-1.758-.14q-2.848 1.125-6.68 1.125c-10.64 0-17.437-6.657-17.437-17.04c0-2.953.562-5.788 1.289-7.241c.398-.82.398-1.524.046-1.97c-.421-.468-1.171-.538-2.085-.187C9.367 16.328 4.539 23.97 4.539 32.547c0 11.414 8.414 19.922 20.25 19.922"/></svg> </template>
CSS
.icon-moon-stars-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%22M31.211%2014.945c.281%200%20.445-.187.492-.445c.727-3.89.703-3.984%204.758-4.781c.281-.047.445-.188.445-.469c0-.305-.164-.445-.445-.492c-4.055-.82-4.031-.89-4.758-4.781c-.047-.258-.21-.446-.492-.446c-.281%200-.422.188-.469.446c-.75%203.89-.703%203.96-4.781%204.78c-.258.048-.445.188-.445.493c0%20.281.187.422.445.469c4.102.797%204.031.89%204.781%204.781c.047.258.188.445.469.445M42.438%2030.79c.421%200%20.726-.305.773-.75c.773-6.281%201.078-6.469%207.43-7.453c.515-.094.82-.328.82-.797c0-.445-.305-.727-.727-.797c-6.398-1.219-6.75-1.172-7.523-7.453c-.047-.445-.352-.75-.773-.75c-.446%200-.75.305-.797.727c-.82%206.351-1.032%206.562-7.524%207.476c-.422.047-.726.352-.726.797s.304.703.726.797c6.492%201.195%206.727%201.219%207.524%207.5a.774.774%200%200%200%20.797.703M24.789%2052.47c8.484%200%2015.258-4.29%2018.492-11.508c.399-.867.328-1.617-.093-2.016c-.375-.351-1.032-.398-1.758-.14q-2.848%201.125-6.68%201.125c-10.64%200-17.437-6.657-17.437-17.04c0-2.953.562-5.788%201.289-7.241c.398-.82.398-1.524.046-1.97c-.421-.468-1.171-.538-2.085-.187C9.367%2016.328%204.539%2023.97%204.539%2032.547c0%2011.414%208.414%2019.922%2020.25%2019.922%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%22M31.211%2014.945c.281%200%20.445-.187.492-.445c.727-3.89.703-3.984%204.758-4.781c.281-.047.445-.188.445-.469c0-.305-.164-.445-.445-.492c-4.055-.82-4.031-.89-4.758-4.781c-.047-.258-.21-.446-.492-.446c-.281%200-.422.188-.469.446c-.75%203.89-.703%203.96-4.781%204.78c-.258.048-.445.188-.445.493c0%20.281.187.422.445.469c4.102.797%204.031.89%204.781%204.781c.047.258.188.445.469.445M42.438%2030.79c.421%200%20.726-.305.773-.75c.773-6.281%201.078-6.469%207.43-7.453c.515-.094.82-.328.82-.797c0-.445-.305-.727-.727-.797c-6.398-1.219-6.75-1.172-7.523-7.453c-.047-.445-.352-.75-.773-.75c-.446%200-.75.305-.797.727c-.82%206.351-1.032%206.562-7.524%207.476c-.422.047-.726.352-.726.797s.304.703.726.797c6.492%201.195%206.727%201.219%207.524%207.5a.774.774%200%200%200%20.797.703M24.789%2052.47c8.484%200%2015.258-4.29%2018.492-11.508c.399-.867.328-1.617-.093-2.016c-.375-.351-1.032-.398-1.758-.14q-2.848%201.125-6.68%201.125c-10.64%200-17.437-6.657-17.437-17.04c0-2.953.562-5.788%201.289-7.241c.398-.82.398-1.524.046-1.97c-.421-.468-1.171-.538-2.085-.187C9.367%2016.328%204.539%2023.97%204.539%2032.547c0%2011.414%208.414%2019.922%2020.25%2019.922%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/moon-stars-fill.svg?color=%231a73e8&size=48
