Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Mouse icon
A free 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/mouse.jsonimport * as React from "react";
/**
* Mouse from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/mouse. Sized in em, colored by currentColor.
*/
export function GiMouseIcon(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="M367.564 19.436c-.018.033-.015.195-.015.51h-18c0 5.257 2.202 8.783 4.5 12.118 2.3 3.336 5.115 6.504 8.214 9.8 6.197 6.596 13.576 13.655 19.494 20.603 5.917 6.947 9.994 13.834 10.732 18.238.738 4.404.487 6.836-6.912 11.736-6.315 4.185-16.528 4.893-29.828 2.283s-28.95-8.294-44.646-14.235c-15.696-5.94-31.42-12.13-45.887-15.574-14.467-3.443-28.64-4.74-39.89 3.272-17.738 12.634-25.74 33.146-19.725 52.18 1.684 5.334 4.36 10.444 7.992 15.228 5.627-.432 11.297-.65 16.955-.65 2.837 0 5.68.058 8.518.165-9.033-6.295-14.187-13.464-16.304-20.165-3.646-11.54.27-23.027 13.006-32.097 3.987-2.84 12.747-3.405 25.28-.422 12.53 2.983 27.872 8.913 43.68 14.896 15.81 5.984 32.1 12.03 47.553 15.063 15.453 3.033 30.805 3.3 43.237-4.936 11.348-7.518 16.47-19.295 14.722-29.72-1.747-10.424-8.012-18.987-14.78-26.935-6.77-7.948-14.42-15.232-20.08-21.256-2.832-3.013-5.156-5.725-6.51-7.69-1.017-1.475-1.253-2.516-1.308-2.414zM221.55 153.186c-34.674 1.783-67.09 13.716-79.216 31.36-7.8 15.734-13.61 33.224-17.422 52.225 34.624 13.572 65.79 20.958 96.637 22.162v-13.987h-16v-82h16v-9.76zm18 0v9.76h16v82h-16v13.986c30.778-1.2 61.874-8.557 96.407-22.07-3.79-19.22-9.532-36.844-17.203-52.327-12.133-17.638-44.54-29.566-79.205-31.35zm-16 27.76v46h14v-46h-14zm-101.61 73.978c-6.55 51.112.248 111.787 21.193 178.318l.076.242.06.246c3.122 12.287 13.545 22.349 29.5 29.6 15.958 7.252 36.887 11.18 57.804 11.24 20.918.06 41.833-3.753 57.764-10.965 15.93-7.21 26.338-17.273 29.48-29.843l.082-.334.11-.328c20.903-62.71 27.633-125.29 20.87-178.067-76.195 29-140.716 28.96-216.94-.11z"
/>
</svg>
);
}import { GiMouse } from "react-icons/gi";
export function Example() {
return <GiMouse 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="M367.564 19.436c-.018.033-.015.195-.015.51h-18c0 5.257 2.202 8.783 4.5 12.118 2.3 3.336 5.115 6.504 8.214 9.8 6.197 6.596 13.576 13.655 19.494 20.603 5.917 6.947 9.994 13.834 10.732 18.238.738 4.404.487 6.836-6.912 11.736-6.315 4.185-16.528 4.893-29.828 2.283s-28.95-8.294-44.646-14.235c-15.696-5.94-31.42-12.13-45.887-15.574-14.467-3.443-28.64-4.74-39.89 3.272-17.738 12.634-25.74 33.146-19.725 52.18 1.684 5.334 4.36 10.444 7.992 15.228 5.627-.432 11.297-.65 16.955-.65 2.837 0 5.68.058 8.518.165-9.033-6.295-14.187-13.464-16.304-20.165-3.646-11.54.27-23.027 13.006-32.097 3.987-2.84 12.747-3.405 25.28-.422 12.53 2.983 27.872 8.913 43.68 14.896 15.81 5.984 32.1 12.03 47.553 15.063 15.453 3.033 30.805 3.3 43.237-4.936 11.348-7.518 16.47-19.295 14.722-29.72-1.747-10.424-8.012-18.987-14.78-26.935-6.77-7.948-14.42-15.232-20.08-21.256-2.832-3.013-5.156-5.725-6.51-7.69-1.017-1.475-1.253-2.516-1.308-2.414zM221.55 153.186c-34.674 1.783-67.09 13.716-79.216 31.36-7.8 15.734-13.61 33.224-17.422 52.225 34.624 13.572 65.79 20.958 96.637 22.162v-13.987h-16v-82h16v-9.76zm18 0v9.76h16v82h-16v13.986c30.778-1.2 61.874-8.557 96.407-22.07-3.79-19.22-9.532-36.844-17.203-52.327-12.133-17.638-44.54-29.566-79.205-31.35zm-16 27.76v46h14v-46h-14zm-101.61 73.978c-6.55 51.112.248 111.787 21.193 178.318l.076.242.06.246c3.122 12.287 13.545 22.349 29.5 29.6 15.958 7.252 36.887 11.18 57.804 11.24 20.918.06 41.833-3.753 57.764-10.965 15.93-7.21 26.338-17.273 29.48-29.843l.082-.334.11-.328c20.903-62.71 27.633-125.29 20.87-178.067-76.195 29-140.716 28.96-216.94-.11z"
/>
</svg>"Mouse" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.