Hover the icon or press Play. Suggested motion: twinkle. Pick another to preview it and update the animated code:
Law Star icon
A free law star icon from Game Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.
- License
- CC BY 3.0 license
- Project
- game-icons.net
npx shadcn@latest add https://ui.cuelark.com/r/icons/game-icons/law-star.jsonimport * as React from "react";
/**
* Law Star from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/law-star. Sized in em, colored by currentColor.
*/
export function GiLawStarIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M308.53 22.844c-14.72-.147-28.23 9.623-32.217 24.5-3.06 11.418.25 23.036 7.75 31.093l-61.407 60.938-84.156-22.22c2.312-10.624-.677-22.176-8.938-30.436-12.907-12.91-33.842-12.91-46.75 0-12.907 12.906-12.907 33.84 0 46.75 8.48 8.477 20.43 11.377 31.282 8.718l22.062 83.687-61.812 62.313c-8.058-7.5-19.645-10.81-31.063-7.75-17.63 4.724-28.098 22.836-23.374 40.468 4.725 17.632 22.837 28.1 40.47 23.375 11.736-3.144 20.293-12.234 23.312-23.155l84.124 22.906 23 84.47c-10.784 3.093-19.728 11.592-22.843 23.22-4.726 17.63 5.71 35.743 23.343 40.467 17.63 4.725 35.775-5.71 40.5-23.343 3.096-11.556-.338-23.34-8.032-31.406l62.22-61.75 84.22 22.218c-2.797 10.937.063 23.033 8.624 31.594 12.907 12.907 33.842 12.907 46.75 0 12.907-12.907 12.907-33.843 0-46.75-8.342-8.342-20.04-11.284-30.75-8.844l-22.344-84.72 60.844-61.31c8.068 7.714 19.835 11.13 31.406 8.03 17.632-4.724 28.1-22.837 23.375-40.47-4.725-17.63-22.837-28.098-40.47-23.374-11.247 3.015-19.574 11.5-22.905 21.813l-83.906-22.844-22.78-83.593c10.447-3.265 19.05-11.643 22.092-23 4.725-17.63-5.743-35.744-23.375-40.468-2.754-.74-5.523-1.1-8.25-1.126zM234.814 152.78c-24.536 11.362-44.05 33.124-51.594 61.282-13.5 50.382 16.4 102.157 66.78 115.657 38.656 10.357 78.18-4.8 100.563-35.19-19.542 47.778-72.017 74.68-123.188 60.97-55.507-14.873-88.467-71.93-73.594-127.438 10.673-39.826 43.08-68.017 81.032-75.28z"
/>
</svg>
);
}import { GiLawStar } from "react-icons/gi";
export function Example() {
return <GiLawStar className="size-5" />;
}<svg
viewBox="0 0 512 512"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M308.53 22.844c-14.72-.147-28.23 9.623-32.217 24.5-3.06 11.418.25 23.036 7.75 31.093l-61.407 60.938-84.156-22.22c2.312-10.624-.677-22.176-8.938-30.436-12.907-12.91-33.842-12.91-46.75 0-12.907 12.906-12.907 33.84 0 46.75 8.48 8.477 20.43 11.377 31.282 8.718l22.062 83.687-61.812 62.313c-8.058-7.5-19.645-10.81-31.063-7.75-17.63 4.724-28.098 22.836-23.374 40.468 4.725 17.632 22.837 28.1 40.47 23.375 11.736-3.144 20.293-12.234 23.312-23.155l84.124 22.906 23 84.47c-10.784 3.093-19.728 11.592-22.843 23.22-4.726 17.63 5.71 35.743 23.343 40.467 17.63 4.725 35.775-5.71 40.5-23.343 3.096-11.556-.338-23.34-8.032-31.406l62.22-61.75 84.22 22.218c-2.797 10.937.063 23.033 8.624 31.594 12.907 12.907 33.842 12.907 46.75 0 12.907-12.907 12.907-33.843 0-46.75-8.342-8.342-20.04-11.284-30.75-8.844l-22.344-84.72 60.844-61.31c8.068 7.714 19.835 11.13 31.406 8.03 17.632-4.724 28.1-22.837 23.375-40.47-4.725-17.63-22.837-28.098-40.47-23.374-11.247 3.015-19.574 11.5-22.905 21.813l-83.906-22.844-22.78-83.593c10.447-3.265 19.05-11.643 22.092-23 4.725-17.63-5.743-35.744-23.375-40.468-2.754-.74-5.523-1.1-8.25-1.126zM234.814 152.78c-24.536 11.362-44.05 33.124-51.594 61.282-13.5 50.382 16.4 102.157 66.78 115.657 38.656 10.357 78.18-4.8 100.563-35.19-19.542 47.778-72.017 74.68-123.188 60.97-55.507-14.873-88.467-71.93-73.594-127.438 10.673-39.826 43.08-68.017 81.032-75.28z"
/>
</svg>"Law Star" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.