Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Mushroom icon
A free mushroom 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/mushroom.jsonimport * as React from "react";
/**
* Mushroom from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/mushroom. Sized in em, colored by currentColor.
*/
export function GiMushroomIcon(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="M243.156 33.438c-20.942-.063-42.734 2.257-65.187 7.437C126.963 52.643 68.322 107.47 42.53 162.72 29.636 190.342 25 217.58 31.25 238.937c5.222 17.848 17.492 32.643 41.625 42.28-6.435-11.346-11.127-23.515-13.594-35.437L77.595 242c3.298 15.935 12.104 33.888 23.75 47.375 16.41 3.68 34.136 6.598 52.625 8.875-6.342-14.927-6.5-28.125-6.282-39.344l18.687.375c-.273 13.994-.577 24.996 9.97 41.408 18.157 1.672 36.814 2.74 55.53 3.28-.398-14.217.6-27.983 1.875-41.5l18.594 1.75c-1.275 13.525-2.18 26.798-1.75 40.126 20.394.203 40.653-.242 60.187-1.22 2.538-14.65 4.195-27.985 5.876-41.53l18.563 2.312c-1.52 12.23-3.06 24.62-5.283 38.094 19.033-1.342 37.103-3.212 53.657-5.563 5.58-14.386 9.82-28.63 12.187-42.687l18.408 3.094C412.14 269 408.86 281.046 404.717 293c9.45-1.73 18.225-3.626 26.094-5.688 9.286-15.084 16.266-29.915 20.032-44.343l18.094 4.718c-2.556 9.79-6.28 19.428-10.907 28.968 19.744-11.594 28.6-28.806 30.064-49.687 1.953-27.843-11.252-62.942-37.25-95.376-42.248-52.705-116.938-97.886-207.688-98.156zm-57 287.156c-1.656 7.76-3.142 15.664-4.406 23.594-4.52 28.362-6.266 57.097-3.938 80.406 2.33 23.308 9.175 40.414 18.157 47.25 15.977 12.16 37.085 17.318 57.374 16.687 20.288-.63 39.502-7.255 50.844-16.5 9.073-7.394 16.467-30.6 17.187-60.655.647-27.003-3.187-59.006-10.5-89.094-40.29 2.05-83.374 1.668-124.72-1.686z"
/>
</svg>
);
}import { GiMushroom } from "react-icons/gi";
export function Example() {
return <GiMushroom 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="M243.156 33.438c-20.942-.063-42.734 2.257-65.187 7.437C126.963 52.643 68.322 107.47 42.53 162.72 29.636 190.342 25 217.58 31.25 238.937c5.222 17.848 17.492 32.643 41.625 42.28-6.435-11.346-11.127-23.515-13.594-35.437L77.595 242c3.298 15.935 12.104 33.888 23.75 47.375 16.41 3.68 34.136 6.598 52.625 8.875-6.342-14.927-6.5-28.125-6.282-39.344l18.687.375c-.273 13.994-.577 24.996 9.97 41.408 18.157 1.672 36.814 2.74 55.53 3.28-.398-14.217.6-27.983 1.875-41.5l18.594 1.75c-1.275 13.525-2.18 26.798-1.75 40.126 20.394.203 40.653-.242 60.187-1.22 2.538-14.65 4.195-27.985 5.876-41.53l18.563 2.312c-1.52 12.23-3.06 24.62-5.283 38.094 19.033-1.342 37.103-3.212 53.657-5.563 5.58-14.386 9.82-28.63 12.187-42.687l18.408 3.094C412.14 269 408.86 281.046 404.717 293c9.45-1.73 18.225-3.626 26.094-5.688 9.286-15.084 16.266-29.915 20.032-44.343l18.094 4.718c-2.556 9.79-6.28 19.428-10.907 28.968 19.744-11.594 28.6-28.806 30.064-49.687 1.953-27.843-11.252-62.942-37.25-95.376-42.248-52.705-116.938-97.886-207.688-98.156zm-57 287.156c-1.656 7.76-3.142 15.664-4.406 23.594-4.52 28.362-6.266 57.097-3.938 80.406 2.33 23.308 9.175 40.414 18.157 47.25 15.977 12.16 37.085 17.318 57.374 16.687 20.288-.63 39.502-7.255 50.844-16.5 9.073-7.394 16.467-30.6 17.187-60.655.647-27.003-3.187-59.006-10.5-89.094-40.29 2.05-83.374 1.668-124.72-1.686z"
/>
</svg>"Mushroom" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.