Hover the icon or press Play. Suggested motion: twinkle. Pick another to preview it and update the animated code:
Star Pupil icon
A free star pupil 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/star-pupil.jsonimport * as React from "react";
/**
* Star Pupil from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/star-pupil. Sized in em, colored by currentColor.
*/
export function GiStarPupilIcon(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="M253.125 98.625c-6.093.318-12.193.944-18.313 1.844l8.375 74.81-84.687-35.343c5.838-8.19 12.44-15.826 19.72-22.78-54.392 24.186-108.24 72.105-157.657 145.812 56.266 48.932 114.94 80.49 173.656 94.374-9.275-6.686-17.8-14.368-25.407-22.97l64.062-16.937-11.563 45.032c12.627 1.814 25.24 2.827 37.813 3l20.156-22.283 7.22 21.344c14.562-1.197 29.062-3.494 43.438-6.936l3.093-18.063 15.814 12.845c13.016-4.042 25.912-9.05 38.687-14.97l-12.5-29.56 43.44 4.436c-3.064 4.957-6.348 9.777-9.845 14.44 29.296-16.167 57.768-37.378 85.094-63.75-18.222-31.2-38.106-58.214-59.283-80.814 2.75 8.198 4.83 16.716 6.125 25.53l-58.187-2.217 28.22-46.44c-7.077-6.2-14.267-11.944-21.564-17.218l-44.217 26.094-1.875-52.562c-8.284-3.595-16.646-6.6-25.094-9.063l-24.563 50.595-40.155-58.25zm-99.03 48.688L211.53 218l-81.75 14.72c-.38-31.18 8.666-60.68 24.314-85.407zm141.405 38.28c-8.232 6.9-13.47 17.264-13.47 28.845 0 20.77 16.825 37.625 37.595 37.625 18.725 0 34.248-13.71 37.125-31.625 5.848 10.64 8.92 23 8.22 36.062-2.003 37.232-33.613 65.596-70.845 63.594-37.232-2.002-65.596-33.58-63.594-70.813 1.878-34.904 29.75-62.05 63.907-63.655.352-.017.71-.022 1.063-.03zm146.53 48.626c-.352 17.6-3.055 34.256-8.842 50.06l-39.032-26.5 47.875-23.56zM130.53 246l76.595 25.03-50.844 47.126C142.116 297.24 133.136 272.7 130.53 246z"
/>
</svg>
);
}import { GiStarPupil } from "react-icons/gi";
export function Example() {
return <GiStarPupil 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="M253.125 98.625c-6.093.318-12.193.944-18.313 1.844l8.375 74.81-84.687-35.343c5.838-8.19 12.44-15.826 19.72-22.78-54.392 24.186-108.24 72.105-157.657 145.812 56.266 48.932 114.94 80.49 173.656 94.374-9.275-6.686-17.8-14.368-25.407-22.97l64.062-16.937-11.563 45.032c12.627 1.814 25.24 2.827 37.813 3l20.156-22.283 7.22 21.344c14.562-1.197 29.062-3.494 43.438-6.936l3.093-18.063 15.814 12.845c13.016-4.042 25.912-9.05 38.687-14.97l-12.5-29.56 43.44 4.436c-3.064 4.957-6.348 9.777-9.845 14.44 29.296-16.167 57.768-37.378 85.094-63.75-18.222-31.2-38.106-58.214-59.283-80.814 2.75 8.198 4.83 16.716 6.125 25.53l-58.187-2.217 28.22-46.44c-7.077-6.2-14.267-11.944-21.564-17.218l-44.217 26.094-1.875-52.562c-8.284-3.595-16.646-6.6-25.094-9.063l-24.563 50.595-40.155-58.25zm-99.03 48.688L211.53 218l-81.75 14.72c-.38-31.18 8.666-60.68 24.314-85.407zm141.405 38.28c-8.232 6.9-13.47 17.264-13.47 28.845 0 20.77 16.825 37.625 37.595 37.625 18.725 0 34.248-13.71 37.125-31.625 5.848 10.64 8.92 23 8.22 36.062-2.003 37.232-33.613 65.596-70.845 63.594-37.232-2.002-65.596-33.58-63.594-70.813 1.878-34.904 29.75-62.05 63.907-63.655.352-.017.71-.022 1.063-.03zm146.53 48.626c-.352 17.6-3.055 34.256-8.842 50.06l-39.032-26.5 47.875-23.56zM130.53 246l76.595 25.03-50.844 47.126C142.116 297.24 133.136 272.7 130.53 246z"
/>
</svg>"Star Pupil" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.