Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Remix Icon · RiHand2

Hand2 icon

A free hand2 icon from Remix Icon, 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: Apache License Version 2.0
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/hand2.json

components/icons/remix-hand2.tsx

import * as React from "react";

/**
 * Hand2 from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/hand2. Sized in em, colored by currentColor.
 */
export function RiHand2Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.5 1C12.5606 1 13.4639 1.66166 13.8271 2.59375C14.0414 2.53397 14.2667 2.5 14.5 2.5C15.8807 2.5 17 3.61929 17 5V6.0498C17.1615 6.01702 17.3288 6 17.5 6C18.8807 6 20 7.11929 20 8.5V13.5C20 18.1944 16.1944 22 11.5 22C6.80558 22 3 18.1944 3 13.5V11.5C3 10.1193 4.11929 9 5.5 9C5.67122 9 5.83846 9.01702 6 9.0498V5.5C6 4.11929 7.11929 3 8.5 3C8.6855 3 8.86606 3.02124 9.04004 3.05957C9.2482 1.88902 10.2696 1 11.5 1ZM11.5 3C11.2239 3 11 3.22386 11 3.5V11C11 11.5523 10.5523 12 10 12C9.44772 12 9 11.5523 9 11V5.5C9 5.22386 8.77614 5 8.5 5C8.22386 5 8 5.22386 8 5.5V13.5C8 14.0523 7.55228 14.5 7 14.5C6.44772 14.5 6 14.0523 6 13.5V11.5C6 11.2239 5.77614 11 5.5 11C5.22386 11 5 11.2239 5 11.5V13.5C5 17.0899 7.91015 20 11.5 20C15.0899 20 18 17.0899 18 13.5V8.5C18 8.22386 17.7761 8 17.5 8C17.2239 8 17 8.22386 17 8.5V11C17 11.5523 16.5523 12 16 12C15.4477 12 15 11.5523 15 11V5C15 4.72386 14.7761 4.5 14.5 4.5C14.2239 4.5 14 4.72386 14 5V11C14 11.5523 13.5523 12 13 12C12.4477 12 12 11.5523 12 11V3.5C12 3.22386 11.7761 3 11.5 3Z"
      />
    </svg>
  );
}

With react-icons

import { RiHand2 } from "react-icons/ri";

export function Example() {
  return <RiHand2 className="size-5" />;
}

hand2.svg

<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M11.5 1C12.5606 1 13.4639 1.66166 13.8271 2.59375C14.0414 2.53397 14.2667 2.5 14.5 2.5C15.8807 2.5 17 3.61929 17 5V6.0498C17.1615 6.01702 17.3288 6 17.5 6C18.8807 6 20 7.11929 20 8.5V13.5C20 18.1944 16.1944 22 11.5 22C6.80558 22 3 18.1944 3 13.5V11.5C3 10.1193 4.11929 9 5.5 9C5.67122 9 5.83846 9.01702 6 9.0498V5.5C6 4.11929 7.11929 3 8.5 3C8.6855 3 8.86606 3.02124 9.04004 3.05957C9.2482 1.88902 10.2696 1 11.5 1ZM11.5 3C11.2239 3 11 3.22386 11 3.5V11C11 11.5523 10.5523 12 10 12C9.44772 12 9 11.5523 9 11V5.5C9 5.22386 8.77614 5 8.5 5C8.22386 5 8 5.22386 8 5.5V13.5C8 14.0523 7.55228 14.5 7 14.5C6.44772 14.5 6 14.0523 6 13.5V11.5C6 11.2239 5.77614 11 5.5 11C5.22386 11 5 11.2239 5 11.5V13.5C5 17.0899 7.91015 20 11.5 20C15.0899 20 18 17.0899 18 13.5V8.5C18 8.22386 17.7761 8 17.5 8C17.2239 8 17 8.22386 17 8.5V11C17 11.5523 16.5523 12 16 12C15.4477 12 15 11.5523 15 11V5C15 4.72386 14.7761 4.5 14.5 4.5C14.2239 4.5 14 4.72386 14 5V11C14 11.5523 13.5523 12 13 12C12.4477 12 12 11.5523 12 11V3.5C12 3.22386 11.7761 3 11.5 3Z"
  />
</svg>

Attribution

"Hand2" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Similar Remix Icon icons