Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Orange icon
A free orange 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/orange.jsonimport * as React from "react";
/**
* Orange from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/orange. Sized in em, colored by currentColor.
*/
export function GiOrangeIcon(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="M254.355 15.997c-93.512.726-182.057 56.405-220.066 148.166-50.68 122.35 7.525 262.87 129.874 313.547 122.35 50.68 262.868-7.526 313.547-129.875 50.68-122.35-7.525-262.868-129.874-313.547-30.587-12.67-62.31-18.532-93.48-18.29zm1.325 24.342c33.248 0 66.497 14.247 56.998 42.745L270.822 218.74 338.23 93.165c13.433-26.868 47.018-13.433 70.528 10.077 23.51 23.51 36.946 57.095 10.078 70.53l-126.7 66.57L428.91 199.43c3.562-1.188 6.903-1.71 10.02-1.644 21.82.455 32.728 29.547 32.728 58.64 0 33.247-14.25 66.497-42.748 56.997l-135.385-42.267 125.233 67.072c3.358 1.68 6.088 3.674 8.246 5.924 15.107 15.75 2.25 44.034-18.322 64.605-23.51 23.51-57.095 36.947-70.53 10.078l-67.59-127.218c9.505-3.882 17.067-11.4 21.002-20.885 8.137-19.643-1.19-42.163-20.834-50.3-19.642-8.136-42.162 1.192-50.298 20.835-8.137 19.643 1.19 42.162 20.834 50.3 9.317 3.854 19.776 3.9 29.127.126L311.93 428.91c19 56.998-132.993 56.998-113.994 0l43.605-137.63-67.77 126.5c-26.867 53.736-134.343-53.74-80.606-80.61l124.156-66.243-134.232 41.748c-53.435 17.812-56.775-114.662-10.02-115.637 3.117-.065 6.458.456 10.02 1.643l135.914 41.188L94.146 173.77C43.768 148.583 135.08 52.548 168.83 84.92c2.25 2.157 4.245 4.887 5.924 8.245L239.54 217.95 198.683 83.085c-9.5-28.498 23.75-42.746 56.998-42.746z"
/>
</svg>
);
}import { GiOrange } from "react-icons/gi";
export function Example() {
return <GiOrange 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="M254.355 15.997c-93.512.726-182.057 56.405-220.066 148.166-50.68 122.35 7.525 262.87 129.874 313.547 122.35 50.68 262.868-7.526 313.547-129.875 50.68-122.35-7.525-262.868-129.874-313.547-30.587-12.67-62.31-18.532-93.48-18.29zm1.325 24.342c33.248 0 66.497 14.247 56.998 42.745L270.822 218.74 338.23 93.165c13.433-26.868 47.018-13.433 70.528 10.077 23.51 23.51 36.946 57.095 10.078 70.53l-126.7 66.57L428.91 199.43c3.562-1.188 6.903-1.71 10.02-1.644 21.82.455 32.728 29.547 32.728 58.64 0 33.247-14.25 66.497-42.748 56.997l-135.385-42.267 125.233 67.072c3.358 1.68 6.088 3.674 8.246 5.924 15.107 15.75 2.25 44.034-18.322 64.605-23.51 23.51-57.095 36.947-70.53 10.078l-67.59-127.218c9.505-3.882 17.067-11.4 21.002-20.885 8.137-19.643-1.19-42.163-20.834-50.3-19.642-8.136-42.162 1.192-50.298 20.835-8.137 19.643 1.19 42.162 20.834 50.3 9.317 3.854 19.776 3.9 29.127.126L311.93 428.91c19 56.998-132.993 56.998-113.994 0l43.605-137.63-67.77 126.5c-26.867 53.736-134.343-53.74-80.606-80.61l124.156-66.243-134.232 41.748c-53.435 17.812-56.775-114.662-10.02-115.637 3.117-.065 6.458.456 10.02 1.643l135.914 41.188L94.146 173.77C43.768 148.583 135.08 52.548 168.83 84.92c2.25 2.157 4.245 4.887 5.924 8.245L239.54 217.95 198.683 83.085c-9.5-28.498 23.75-42.746 56.998-42.746z"
/>
</svg>"Orange" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.