Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Seated Mouse icon
A free seated mouse 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/seated-mouse.jsonimport * as React from "react";
/**
* Seated Mouse from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/seated-mouse. Sized in em, colored by currentColor.
*/
export function GiSeatedMouseIcon(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="M240.125 23.563c-14.745.33-28.994 8.14-36.906 21.843-3.423 5.926-6.234 17.854-8.532 31.907-36.383 8.417-75.868 48.232-93.375 94.406 29.49 11.05 58.933 14.183 84.312 11.436-59.315 98.734-49.44 208.705 47.72 208.72 9.06 0 17.345-.91 24.874-2.688 57.812 24.78 100.79 13.996 122.81-13.438 22.414-27.923 22.947-69.86 3.314-102.438-17.974-29.824-26.618-53.295-26.03-69.968.585-16.674 8.498-28.14 29.873-38.875l-8.375-16.69c-25.082 12.596-39.368 31.652-40.187 54.907-.82 23.256 9.914 49.13 28.688 80.282 15.827 26.262 14.738 60.395-1.875 81.092-14.44 17.992-40.735 28.253-83.344 14.563 53.146-35.285 41.39-134.655-19.906-220.188 8.096 2.605 14.99 4.22 19.625 4.22 24.115-.003 43.687-19.543 43.687-43.657 0-23.737-18.97-43.027-42.563-43.625 3.36-17.73-4.552-36.437-21.062-45.97-7.178-4.143-15.026-6.016-22.75-5.843zM99.595 360.219C49.44 373.845 17.03 394.014 17.03 416.405c0 41.018 106.547 74.375 237.72 74.375s237.688-33.356 237.688-74.374c0-22.31-32.125-42.56-81.97-56.187C427.7 369.097 438 379.46 438 390.655c0 32.13-82.313 58.563-183.25 58.563S72.094 422.783 72.094 390.655c0-11.254 10.093-21.528 27.5-30.437z"
/>
</svg>
);
}import { GiSeatedMouse } from "react-icons/gi";
export function Example() {
return <GiSeatedMouse 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="M240.125 23.563c-14.745.33-28.994 8.14-36.906 21.843-3.423 5.926-6.234 17.854-8.532 31.907-36.383 8.417-75.868 48.232-93.375 94.406 29.49 11.05 58.933 14.183 84.312 11.436-59.315 98.734-49.44 208.705 47.72 208.72 9.06 0 17.345-.91 24.874-2.688 57.812 24.78 100.79 13.996 122.81-13.438 22.414-27.923 22.947-69.86 3.314-102.438-17.974-29.824-26.618-53.295-26.03-69.968.585-16.674 8.498-28.14 29.873-38.875l-8.375-16.69c-25.082 12.596-39.368 31.652-40.187 54.907-.82 23.256 9.914 49.13 28.688 80.282 15.827 26.262 14.738 60.395-1.875 81.092-14.44 17.992-40.735 28.253-83.344 14.563 53.146-35.285 41.39-134.655-19.906-220.188 8.096 2.605 14.99 4.22 19.625 4.22 24.115-.003 43.687-19.543 43.687-43.657 0-23.737-18.97-43.027-42.563-43.625 3.36-17.73-4.552-36.437-21.062-45.97-7.178-4.143-15.026-6.016-22.75-5.843zM99.595 360.219C49.44 373.845 17.03 394.014 17.03 416.405c0 41.018 106.547 74.375 237.72 74.375s237.688-33.356 237.688-74.374c0-22.31-32.125-42.56-81.97-56.187C427.7 369.097 438 379.46 438 390.655c0 32.13-82.313 58.563-183.25 58.563S72.094 422.783 72.094 390.655c0-11.254 10.093-21.528 27.5-30.437z"
/>
</svg>"Seated Mouse" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.