Free Star Shine SVG icon in outline, twotone, bold and bulk. Available in all four styles, for reactions, ratings, favourites, awards, stickers. Copy the SVG or a tree-shakeable React component, or download a PNG.
import { IconStarShine } from "@devigner-ui/icons";
<IconStarShine className="size-6" />
<script setup>
import { IconStarShine } from "@devigner-ui/icons-vue";
</script>
<template>
<IconStarShine class="size-6" />
</template>
<script>
import { IconStarShine } from "@devigner-ui/icons-svelte";
</script>
<IconStarShine class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.58 8.7C11.2 7.57 11.53 7 12 7s.79.57 1.42 1.7l.17.3c.18.32.27.48.4.59.15.1.32.15.67.22l.32.08c1.23.27 1.84.41 2 .88.14.47-.28.96-1.12 1.95l-.22.25c-.24.28-.35.42-.4.59s-.04.36 0 .73l.03.34c.12 1.3.19 1.96-.2 2.25-.38.3-.96.03-2.1-.5l-.3-.14c-.33-.15-.5-.23-.67-.23s-.34.08-.66.23l-.3.14c-1.15.53-1.73.8-2.11.5-.39-.29-.32-.94-.2-2.25l.04-.34c.03-.37.05-.56 0-.73s-.17-.31-.41-.6l-.22-.24c-.84-.99-1.26-1.48-1.11-1.95s.76-.6 1.99-.88l.32-.08c.35-.07.52-.11.66-.22s.23-.27.41-.6z" stroke="currentColor" stroke-width="1.5"></path><path opacity="1" d="M12 2v2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M12 20v2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M2 12h2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path opacity="1" d="M20 12h2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m6 18 .34-.34" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M17.66 6.34 18 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="m18 18-.34-.34" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path><path d="M6.34 6.34 6 6" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"></path></svg>