falling star icon
falling-star from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- falling-star
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the falling star icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="m9.037 10.867l1.055 2.129c.144.296.528.58.852.635l1.914.32c1.224.206 1.512 1.101.63 1.984L12 17.435c-.252.255-.39.745-.312 1.096l.426 1.857c.336 1.47-.438 2.038-1.728 1.27l-1.793-1.07c-.324-.195-.858-.195-1.188 0l-1.794 1.07c-1.284.768-2.064.193-1.728-1.27l.426-1.858c.078-.35-.06-.84-.312-1.094l-1.488-1.5c-.876-.884-.594-1.779.63-1.985l1.914-.32c.318-.055.702-.339.846-.635l1.056-2.13c.576-1.155 1.512-1.155 2.082 0"/><path d="m22 2l-8 8m2-8l-5 5m9 3l-3 3"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsFallingStar(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path strokeLinejoin="round" d="m9.037 10.867l1.055 2.129c.144.296.528.58.852.635l1.914.32c1.224.206 1.512 1.101.63 1.984L12 17.435c-.252.255-.39.745-.312 1.096l.426 1.857c.336 1.47-.438 2.038-1.728 1.27l-1.793-1.07c-.324-.195-.858-.195-1.188 0l-1.794 1.07c-1.284.768-2.064.193-1.728-1.27l.426-1.858c.078-.35-.06-.84-.312-1.094l-1.488-1.5c-.876-.884-.594-1.779.63-1.985l1.914-.32c.318-.055.702-.339.846-.635l1.056-2.13c.576-1.155 1.512-1.155 2.082 0"/><path d="m22 2l-8 8m2-8l-5 5m9 3l-3 3"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="m9.037 10.867l1.055 2.129c.144.296.528.58.852.635l1.914.32c1.224.206 1.512 1.101.63 1.984L12 17.435c-.252.255-.39.745-.312 1.096l.426 1.857c.336 1.47-.438 2.038-1.728 1.27l-1.793-1.07c-.324-.195-.858-.195-1.188 0l-1.794 1.07c-1.284.768-2.064.193-1.728-1.27l.426-1.858c.078-.35-.06-.84-.312-1.094l-1.488-1.5c-.876-.884-.594-1.779.63-1.985l1.914-.32c.318-.055.702-.339.846-.635l1.056-2.13c.576-1.155 1.512-1.155 2.082 0"/><path d="m22 2l-8 8m2-8l-5 5m9 3l-3 3"/></g></svg> </template>
CSS
.icon-falling-star {
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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m9.037%2010.867l1.055%202.129c.144.296.528.58.852.635l1.914.32c1.224.206%201.512%201.101.63%201.984L12%2017.435c-.252.255-.39.745-.312%201.096l.426%201.857c.336%201.47-.438%202.038-1.728%201.27l-1.793-1.07c-.324-.195-.858-.195-1.188%200l-1.794%201.07c-1.284.768-2.064.193-1.728-1.27l.426-1.858c.078-.35-.06-.84-.312-1.094l-1.488-1.5c-.876-.884-.594-1.779.63-1.985l1.914-.32c.318-.055.702-.339.846-.635l1.056-2.13c.576-1.155%201.512-1.155%202.082%200%22%2F%3E%3Cpath%20d%3D%22m22%202l-8%208m2-8l-5%205m9%203l-3%203%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22m9.037%2010.867l1.055%202.129c.144.296.528.58.852.635l1.914.32c1.224.206%201.512%201.101.63%201.984L12%2017.435c-.252.255-.39.745-.312%201.096l.426%201.857c.336%201.47-.438%202.038-1.728%201.27l-1.793-1.07c-.324-.195-.858-.195-1.188%200l-1.794%201.07c-1.284.768-2.064.193-1.728-1.27l.426-1.858c.078-.35-.06-.84-.312-1.094l-1.488-1.5c-.876-.884-.594-1.779.63-1.985l1.914-.32c.318-.055.702-.339.846-.635l1.056-2.13c.576-1.155%201.512-1.155%202.082%200%22%2F%3E%3Cpath%20d%3D%22m22%202l-8%208m2-8l-5%205m9%203l-3%203%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/falling-star.svg?color=%231a73e8&size=48
