Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:
Hand Point Down icon
A free hand point down icon from Themify 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
- MIT license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/themify/hand-point-down.jsonimport * as React from "react";
/**
* Hand Point Down from Themify Icons (https://github.com/lykmapipo/themify-icons), MIT.
* Via Cuelark UI: ui.cuelark.com/icons/themify/hand-point-down. Sized in em, colored by currentColor.
*/
export function TfiHandPointDownIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
version="1.1"
viewBox="0 0 17 17"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<g />
<path
d="M13.753 11.303c-0.956 0.577-1.702-0.173-1.982-0.454l-0.26-0.282v4.898c0 0.847-0.675 1.535-1.505 1.535s-1.505-0.688-1.505-1.535v-2.325c-0.162 0.059-0.336 0.091-0.517 0.091-0.79 0-1.44-0.629-1.496-1.424-0.158 0.059-0.328 0.090-0.505 0.090-0.83 0-1.505-0.689-1.505-1.537v-0.136c-0.145 0.049-0.3 0.075-0.463 0.075-0.835 0-1.515-0.689-1.515-1.535v-3.186c0-0.67 0.322-1.555 0.606-2.335 0.185-0.507 0.394-1.082 0.394-1.309v-0.856c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.855c0 0.404-0.2 0.955-0.454 1.652-0.256 0.703-0.546 1.499-0.546 1.993v3.186c0 0.29 0.236 0.535 0.516 0.535 0.292 0 0.454-0.262 0.463-0.52 0.010-0.27 0.231-0.482 0.5-0.482 0.003 0 0.006 0 0.009 0 0.272 0.005 0.491 0.228 0.491 0.5v1.562c0 0.296 0.227 0.537 0.505 0.537 0.264 0 0.484-0.22 0.502-0.5 0.016-0.269 0.235-0.47 0.514-0.468 0.27 0.009 0.484 0.23 0.484 0.5v1.268c0 0.295 0.225 0.535 0.5 0.535 0.259 0 0.487-0.202 0.521-0.461 0.034-0.261 0.267-0.464 0.528-0.435 0.263 0.017 0.468 0.235 0.468 0.499v3.631c0 0.295 0.227 0.535 0.505 0.535s0.505-0.24 0.505-0.535v-6.18c0-0.206 0.126-0.391 0.318-0.466 0.189-0.075 0.409-0.024 0.55 0.127l1.114 1.211c0.459 0.462 0.607 0.373 0.748 0.287 0.246-0.146 0.331-0.484 0.188-0.74l-3.288-7.098c-0.053-0.091-0.164-0.178-0.297-0.211-0.222-0.056-0.378-0.255-0.378-0.485v-0.832c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.499c0.233 0.134 0.428 0.33 0.564 0.574l3.288 7.098c0.393 0.694 0.148 1.631-0.565 2.054z"
/>
</svg>
);
}import { TfiHandPointDown } from "react-icons/tfi";
export function Example() {
return <TfiHandPointDown className="size-5" />;
}<svg
version="1.1"
viewBox="0 0 17 17"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<g />
<path
d="M13.753 11.303c-0.956 0.577-1.702-0.173-1.982-0.454l-0.26-0.282v4.898c0 0.847-0.675 1.535-1.505 1.535s-1.505-0.688-1.505-1.535v-2.325c-0.162 0.059-0.336 0.091-0.517 0.091-0.79 0-1.44-0.629-1.496-1.424-0.158 0.059-0.328 0.090-0.505 0.090-0.83 0-1.505-0.689-1.505-1.537v-0.136c-0.145 0.049-0.3 0.075-0.463 0.075-0.835 0-1.515-0.689-1.515-1.535v-3.186c0-0.67 0.322-1.555 0.606-2.335 0.185-0.507 0.394-1.082 0.394-1.309v-0.856c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.855c0 0.404-0.2 0.955-0.454 1.652-0.256 0.703-0.546 1.499-0.546 1.993v3.186c0 0.29 0.236 0.535 0.516 0.535 0.292 0 0.454-0.262 0.463-0.52 0.010-0.27 0.231-0.482 0.5-0.482 0.003 0 0.006 0 0.009 0 0.272 0.005 0.491 0.228 0.491 0.5v1.562c0 0.296 0.227 0.537 0.505 0.537 0.264 0 0.484-0.22 0.502-0.5 0.016-0.269 0.235-0.47 0.514-0.468 0.27 0.009 0.484 0.23 0.484 0.5v1.268c0 0.295 0.225 0.535 0.5 0.535 0.259 0 0.487-0.202 0.521-0.461 0.034-0.261 0.267-0.464 0.528-0.435 0.263 0.017 0.468 0.235 0.468 0.499v3.631c0 0.295 0.227 0.535 0.505 0.535s0.505-0.24 0.505-0.535v-6.18c0-0.206 0.126-0.391 0.318-0.466 0.189-0.075 0.409-0.024 0.55 0.127l1.114 1.211c0.459 0.462 0.607 0.373 0.748 0.287 0.246-0.146 0.331-0.484 0.188-0.74l-3.288-7.098c-0.053-0.091-0.164-0.178-0.297-0.211-0.222-0.056-0.378-0.255-0.378-0.485v-0.832c0-0.276 0.224-0.5 0.5-0.5s0.5 0.224 0.5 0.5v0.499c0.233 0.134 0.428 0.33 0.564 0.574l3.288 7.098c0.393 0.694 0.148 1.631-0.565 2.054z"
/>
</svg>"Hand Point Down" icon from Themify Icons (https://github.com/lykmapipo/themify-icons), licensed under MIT license.