Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Hand Ok icon
A free hand ok 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/hand-ok.jsonimport * as React from "react";
/**
* Hand Ok from Game Icons (https://game-icons.net/), CC BY 3.0.
* Via Cuelark UI: ui.cuelark.com/icons/game-icons/hand-ok. Sized in em, colored by currentColor.
*/
export function GiHandOkIcon(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="M364.533 37.726c-.698.73-1.004.925-1.885 1.975-4.074 4.85-9.78 12.778-16.317 22.556-13.073 19.557-29.667 46.661-46.088 74.03-15.021 25.035-29.607 49.766-41.654 69.84 34.334-32.271 68.45-68.096 105.83-99.983 10.713-23.873 14.004-39.038 13.489-48.033-.534-9.962-6.523-15.424-13.375-20.385zm83.826 30.713c-63.796 35.719-116.691 93.37-171.381 145.148 21.128-4.126 43.023-7.066 67.137-10.092 16.139-10.6 52.079-37.798 78.011-66.845 13.299-14.896 23.83-30.345 28.006-43.147 3.405-10.44 3.352-18.075-1.773-25.064zM274.66 69.863c-2.438 7.004-5.98 19.142-9.777 35.623-6.776 30.375-17.565 67.701-22.814 95.015 11.107-18.597 29.544-51.478 42.742-73.474a3848.208 3848.208 0 0 1 17.361-28.678c-2.494-15.087-14.936-25.767-27.512-28.486zm84.051 149.955c-52.27 6.487-91.705 11.502-134.303 26.441-60.07 55.736-119.863 118.881-164.89 183.307 25.85 36.877 57.355 47.066 92.512 44.273 42.615-7.079 82.37-24.668 114.38-43.586l92.202-10.72 68.814-39.204c-2.971-4.707-8.36-10.732-16.937-14.22-12.755-5.187-32.623-6.118-62.372 9.433-19.967 10.438-37.845 10.902-50.515 2.746-12.67-8.155-18.487-23.014-19.33-38.445-.843-15.43 3.132-32.152 11.996-46.525 8.863-14.374 23.004-26.417 41.834-30.721l.271-.062.278-.045c23.918-3.922 44.268 13.79 58.906 24.513 10.089 8.638 1.179 31.068 5.691 42.803 1.763 4.184 4.594 7.786 11.782 11.371 5.852 2.92 14.856 5.471 27.453 7.117l5.279-71.28c-19.347-21.605-53.843-44.292-83.05-57.196z"
/>
</svg>
);
}import { GiHandOk } from "react-icons/gi";
export function Example() {
return <GiHandOk 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="M364.533 37.726c-.698.73-1.004.925-1.885 1.975-4.074 4.85-9.78 12.778-16.317 22.556-13.073 19.557-29.667 46.661-46.088 74.03-15.021 25.035-29.607 49.766-41.654 69.84 34.334-32.271 68.45-68.096 105.83-99.983 10.713-23.873 14.004-39.038 13.489-48.033-.534-9.962-6.523-15.424-13.375-20.385zm83.826 30.713c-63.796 35.719-116.691 93.37-171.381 145.148 21.128-4.126 43.023-7.066 67.137-10.092 16.139-10.6 52.079-37.798 78.011-66.845 13.299-14.896 23.83-30.345 28.006-43.147 3.405-10.44 3.352-18.075-1.773-25.064zM274.66 69.863c-2.438 7.004-5.98 19.142-9.777 35.623-6.776 30.375-17.565 67.701-22.814 95.015 11.107-18.597 29.544-51.478 42.742-73.474a3848.208 3848.208 0 0 1 17.361-28.678c-2.494-15.087-14.936-25.767-27.512-28.486zm84.051 149.955c-52.27 6.487-91.705 11.502-134.303 26.441-60.07 55.736-119.863 118.881-164.89 183.307 25.85 36.877 57.355 47.066 92.512 44.273 42.615-7.079 82.37-24.668 114.38-43.586l92.202-10.72 68.814-39.204c-2.971-4.707-8.36-10.732-16.937-14.22-12.755-5.187-32.623-6.118-62.372 9.433-19.967 10.438-37.845 10.902-50.515 2.746-12.67-8.155-18.487-23.014-19.33-38.445-.843-15.43 3.132-32.152 11.996-46.525 8.863-14.374 23.004-26.417 41.834-30.721l.271-.062.278-.045c23.918-3.922 44.268 13.79 58.906 24.513 10.089 8.638 1.179 31.068 5.691 42.803 1.763 4.184 4.594 7.786 11.782 11.371 5.852 2.92 14.856 5.471 27.453 7.117l5.279-71.28c-19.347-21.605-53.843-44.292-83.05-57.196z"
/>
</svg>"Hand Ok" icon from Game Icons (https://game-icons.net/), licensed under CC BY 3.0 license.