Star Shine icon in outline, twotone, bold and bulk. Free in all four styles, for reactions, ratings, favourites, awards, stickers. Copy the SVG, the React, Vue or Svelte 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>