Hover the icon or press Play. Suggested motion: twinkle. Pick another to preview it and update the animated code:
Flower Star icon
A free flower 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/flower-star.jsonimport * as React from "react";
/**
* Flower Star from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/flower-star. Sized in em, colored by currentColor.
*/
export function GiFlowerStarIcon(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="M256 26c-33.207 66.414-47.193 94.485-42.045 128.49-20.405-27.686-50.142-37.647-120.586-61.129 23.481 70.444 33.435 100.189 61.121 120.594C120.485 208.807 92.414 222.793 26 256c66.414 33.207 94.485 47.193 128.49 42.045-27.686 20.405-37.64 50.142-61.12 120.586 70.44-23.48 100.18-33.437 120.585-61.121-5.148 34.005 8.838 62.076 42.045 128.49 33.207-66.414 47.193-94.485 42.045-128.49 20.405 27.684 50.152 37.64 120.594 61.12-23.482-70.443-33.443-100.18-61.13-120.585C391.516 303.193 419.587 289.207 486 256c-66.414-33.207-94.485-47.193-128.49-42.045 27.686-20.405 37.647-50.15 61.129-120.594-70.444 23.482-100.189 33.443-120.594 61.13C303.193 120.484 289.207 92.413 256 26zm0 189c22.537 0 41 18.463 41 41s-18.463 41-41 41-41-18.463-41-41 18.463-41 41-41zm0 18c-12.81 0-23 10.19-23 23s10.19 23 23 23 23-10.19 23-23-10.19-23-23-23z"
/>
</svg>
);
}import { GiFlowerStar } from "react-icons/gi";
export function Example() {
return <GiFlowerStar 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="M256 26c-33.207 66.414-47.193 94.485-42.045 128.49-20.405-27.686-50.142-37.647-120.586-61.129 23.481 70.444 33.435 100.189 61.121 120.594C120.485 208.807 92.414 222.793 26 256c66.414 33.207 94.485 47.193 128.49 42.045-27.686 20.405-37.64 50.142-61.12 120.586 70.44-23.48 100.18-33.437 120.585-61.121-5.148 34.005 8.838 62.076 42.045 128.49 33.207-66.414 47.193-94.485 42.045-128.49 20.405 27.684 50.152 37.64 120.594 61.12-23.482-70.443-33.443-100.18-61.13-120.585C391.516 303.193 419.587 289.207 486 256c-66.414-33.207-94.485-47.193-128.49-42.045 27.686-20.405 37.647-50.15 61.129-120.594-70.444 23.482-100.189 33.443-120.594 61.13C303.193 120.484 289.207 92.413 256 26zm0 189c22.537 0 41 18.463 41 41s-18.463 41-41 41-41-18.463-41-41 18.463-41 41-41zm0 18c-12.81 0-23 10.19-23 23s10.19 23 23 23 23-10.19 23-23-10.19-23-23-23z"
/>
</svg>"Flower Star" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.