Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Zigzag Leaf icon
A free zigzag leaf 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/zigzag-leaf.jsonimport * as React from "react";
/**
* Zigzag Leaf from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/zigzag-leaf. Sized in em, colored by currentColor.
*/
export function GiZigzagLeafIcon(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="M462.125 21.656c-90.8 62.46-285.757-3.604-362.938 59.75-75.358 61.862-78.86 205.444 14.75 240.625l1.72-1.874c37.05-27.143 87.683-34.04 132.937-21.47 10.06-53.15-25.31-116.6-106.75-121.03 41.182-12.678 78.062-6.115 107.094 11.5 28.17-18.51 65.59-22.273 98.5-11.844 13.642-24.687 5.494-62.023-34.875-75.062 11.547-.47 21.786 1.543 30.625 5.375 9.765-9.273 23.542-14.436 37.406-14.594 20.555-.233 41.345 10.51 49.72 35-20.84-25.228-50.562-20.836-65.158-4.374 16.456 18.683 21.54 46.205 13.156 68.78 24.248 16.935 41.845 44.085 44.22 81.126-28.71-63.122-92.417-69.913-131.313-43.625 20.415 30.55 28.802 68.684 20.436 103.594 24.437 22.882 41.334 55.248 44 96.845-39.337-86.492-127.312-94.716-179.625-57.406l-.968-.126C284.356 567.204 577.93 466.81 462.125 21.656zM311 189.656c-21.31.028-42.32 7.18-61.656 20.75 11.706 22.114 34.073 72.085 5.937 111.813-61.534-22.165-135.748 9.04-174.78 63.905-.016.015-.046.016-.063.03-21.582 20.457-40.824 44.172-59.406 69 8.21 23.188 26.263 36.433 58.782 35.095 14.816-43.566 33.983-80.886 59.126-112.47C183.548 320.235 251.394 332.02 282 340c12.164-38.336 12.068-84.158-12.97-113.688 24.283-25.166 67.41-33.486 98.19-19.625-18.384-11.557-37.418-17.055-56.22-17.03z"
/>
</svg>
);
}import { GiZigzagLeaf } from "react-icons/gi";
export function Example() {
return <GiZigzagLeaf 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="M462.125 21.656c-90.8 62.46-285.757-3.604-362.938 59.75-75.358 61.862-78.86 205.444 14.75 240.625l1.72-1.874c37.05-27.143 87.683-34.04 132.937-21.47 10.06-53.15-25.31-116.6-106.75-121.03 41.182-12.678 78.062-6.115 107.094 11.5 28.17-18.51 65.59-22.273 98.5-11.844 13.642-24.687 5.494-62.023-34.875-75.062 11.547-.47 21.786 1.543 30.625 5.375 9.765-9.273 23.542-14.436 37.406-14.594 20.555-.233 41.345 10.51 49.72 35-20.84-25.228-50.562-20.836-65.158-4.374 16.456 18.683 21.54 46.205 13.156 68.78 24.248 16.935 41.845 44.085 44.22 81.126-28.71-63.122-92.417-69.913-131.313-43.625 20.415 30.55 28.802 68.684 20.436 103.594 24.437 22.882 41.334 55.248 44 96.845-39.337-86.492-127.312-94.716-179.625-57.406l-.968-.126C284.356 567.204 577.93 466.81 462.125 21.656zM311 189.656c-21.31.028-42.32 7.18-61.656 20.75 11.706 22.114 34.073 72.085 5.937 111.813-61.534-22.165-135.748 9.04-174.78 63.905-.016.015-.046.016-.063.03-21.582 20.457-40.824 44.172-59.406 69 8.21 23.188 26.263 36.433 58.782 35.095 14.816-43.566 33.983-80.886 59.126-112.47C183.548 320.235 251.394 332.02 282 340c12.164-38.336 12.068-84.158-12.97-113.688 24.283-25.166 67.41-33.486 98.19-19.625-18.384-11.557-37.418-17.055-56.22-17.03z"
/>
</svg>"Zigzag Leaf" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.