stars icon
stars from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- stars
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the stars 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-width="1.5"><path stroke-linejoin="round" d="M20 4.5L19.5 2L19 4.5l.5 2.5z"/><path stroke-linejoin="round" d="M22 4.5L19.5 4l-2.5.5l2.5.5z"/><path stroke-linecap="round" d="M3.25 20.083v1.334m1-.667a1 1 0 1 1-2 0a1 1 0 0 1 2 0Z"/><path d="m12.84 7.64l-.615-2.666a1.257 1.257 0 0 0-2.45 0L9.16 7.64c-.23.999-.346 1.498-.592 1.908a3 3 0 0 1-1.02 1.02c-.41.246-.909.362-1.908.592l-2.666.615a1.257 1.257 0 0 0 0 2.45l2.666.615c.999.23 1.498.346 1.908.592a3 3 0 0 1 1.02 1.02c.246.41.361.909.592 1.908l.615 2.666a1.257 1.257 0 0 0 2.45 0l.615-2.666c.23-.999.346-1.498.592-1.908a3 3 0 0 1 1.02-1.02c.41-.246.909-.362 1.908-.592l2.666-.615a1.257 1.257 0 0 0 0-2.45l-2.666-.615c-.999-.23-1.498-.346-1.908-.592a3 3 0 0 1-1.02-1.02c-.246-.41-.362-.909-.592-1.908Z"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsStars(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" strokeWidth="1.5"><path strokeLinejoin="round" d="M20 4.5L19.5 2L19 4.5l.5 2.5z"/><path strokeLinejoin="round" d="M22 4.5L19.5 4l-2.5.5l2.5.5z"/><path strokeLinecap="round" d="M3.25 20.083v1.334m1-.667a1 1 0 1 1-2 0a1 1 0 0 1 2 0Z"/><path d="m12.84 7.64l-.615-2.666a1.257 1.257 0 0 0-2.45 0L9.16 7.64c-.23.999-.346 1.498-.592 1.908a3 3 0 0 1-1.02 1.02c-.41.246-.909.362-1.908.592l-2.666.615a1.257 1.257 0 0 0 0 2.45l2.666.615c.999.23 1.498.346 1.908.592a3 3 0 0 1 1.02 1.02c.246.41.361.909.592 1.908l.615 2.666a1.257 1.257 0 0 0 2.45 0l.615-2.666c.23-.999.346-1.498.592-1.908a3 3 0 0 1 1.02-1.02c.41-.246.909-.362 1.908-.592l2.666-.615a1.257 1.257 0 0 0 0-2.45l-2.666-.615c-.999-.23-1.498-.346-1.908-.592a3 3 0 0 1-1.02-1.02c-.246-.41-.362-.909-.592-1.908Z"/></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-width="1.5"><path stroke-linejoin="round" d="M20 4.5L19.5 2L19 4.5l.5 2.5z"/><path stroke-linejoin="round" d="M22 4.5L19.5 4l-2.5.5l2.5.5z"/><path stroke-linecap="round" d="M3.25 20.083v1.334m1-.667a1 1 0 1 1-2 0a1 1 0 0 1 2 0Z"/><path d="m12.84 7.64l-.615-2.666a1.257 1.257 0 0 0-2.45 0L9.16 7.64c-.23.999-.346 1.498-.592 1.908a3 3 0 0 1-1.02 1.02c-.41.246-.909.362-1.908.592l-2.666.615a1.257 1.257 0 0 0 0 2.45l2.666.615c.999.23 1.498.346 1.908.592a3 3 0 0 1 1.02 1.02c.246.41.361.909.592 1.908l.615 2.666a1.257 1.257 0 0 0 2.45 0l.615-2.666c.23-.999.346-1.498.592-1.908a3 3 0 0 1 1.02-1.02c.41-.246.909-.362 1.908-.592l2.666-.615a1.257 1.257 0 0 0 0-2.45l-2.666-.615c-.999-.23-1.498-.346-1.908-.592a3 3 0 0 1-1.02-1.02c-.246-.41-.362-.909-.592-1.908Z"/></g></svg> </template>
CSS
.icon-stars {
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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20%204.5L19.5%202L19%204.5l.5%202.5z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%204.5L19.5%204l-2.5.5l2.5.5z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.25%2020.083v1.334m1-.667a1%201%200%201%201-2%200a1%201%200%200%201%202%200Z%22%2F%3E%3Cpath%20d%3D%22m12.84%207.64l-.615-2.666a1.257%201.257%200%200%200-2.45%200L9.16%207.64c-.23.999-.346%201.498-.592%201.908a3%203%200%200%201-1.02%201.02c-.41.246-.909.362-1.908.592l-2.666.615a1.257%201.257%200%200%200%200%202.45l2.666.615c.999.23%201.498.346%201.908.592a3%203%200%200%201%201.02%201.02c.246.41.361.909.592%201.908l.615%202.666a1.257%201.257%200%200%200%202.45%200l.615-2.666c.23-.999.346-1.498.592-1.908a3%203%200%200%201%201.02-1.02c.41-.246.909-.362%201.908-.592l2.666-.615a1.257%201.257%200%200%200%200-2.45l-2.666-.615c-.999-.23-1.498-.346-1.908-.592a3%203%200%200%201-1.02-1.02c-.246-.41-.362-.909-.592-1.908Z%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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M20%204.5L19.5%202L19%204.5l.5%202.5z%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%204.5L19.5%204l-2.5.5l2.5.5z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M3.25%2020.083v1.334m1-.667a1%201%200%201%201-2%200a1%201%200%200%201%202%200Z%22%2F%3E%3Cpath%20d%3D%22m12.84%207.64l-.615-2.666a1.257%201.257%200%200%200-2.45%200L9.16%207.64c-.23.999-.346%201.498-.592%201.908a3%203%200%200%201-1.02%201.02c-.41.246-.909.362-1.908.592l-2.666.615a1.257%201.257%200%200%200%200%202.45l2.666.615c.999.23%201.498.346%201.908.592a3%203%200%200%201%201.02%201.02c.246.41.361.909.592%201.908l.615%202.666a1.257%201.257%200%200%200%202.45%200l.615-2.666c.23-.999.346-1.498.592-1.908a3%203%200%200%201%201.02-1.02c.41-.246.909-.362%201.908-.592l2.666-.615a1.257%201.257%200%200%200%200-2.45l-2.666-.615c-.999-.23-1.498-.346-1.908-.592a3%203%200%200%201-1.02-1.02c-.246-.41-.362-.909-.592-1.908Z%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/stars.svg?color=%231a73e8&size=48
