Home/Libraries/OpenMoji (Iconify)/heart-hands

OpenMoji (Iconify)

HeartHands

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><g fill="#fcea2b"><path d="M67.78 41.174L63.4 49.75l-.782-.658l-3.799-2.782a6.28 6.28 0 0 0-6.31-.53a11.2 11.2 0 0 1-6.122.358c-2.108-.324-7.41 1.814-8.717 2.388c-.403.176-1.649-1.067-1.673-1.506c-.079-1.393 1.945-3.7 6.902-6.15c6.05-2.99 6.335-6.692 5.125-11.034S41.475 27.7 41.475 27.7l-4.506 3.463a.625.625 0 0 1-.828-.884c.897-1.39 2.183-4.134 3.413-4.928a32 32 0 0 1 3.936-2.057a4.38 4.38 0 0 1 3.32-.112l6.094 2.268a4.35 4.35 0 0 1 2.237 1.872a702 702 0 0 0 4.431 7.43c1.411 2.323 7.155 5.91 7.317 5.965z"/><path d="M5.106 40.717c.162-.054 5.905-3.641 7.316-5.965c1.567-2.58 3.41-5.697 4.431-7.43a4.35 4.35 0 0 1 2.237-1.872l6.095-2.268a4.38 4.38 0 0 1 3.32.112a32 32 0 0 1 3.936 2.057c1.23.794 2.516 3.539 3.413 4.928a.625.625 0 0 1-.828.884L30.519 27.7s-5.339-2.207-6.549 2.136c-1.21 4.342-.925 8.044 5.126 11.034c4.957 2.45 6.98 4.757 6.902 6.15c-.025.44-1.27 1.682-1.673 1.506c-1.308-.574-6.61-2.712-8.718-2.388a11.2 11.2 0 0 1-6.122-.359a6.28 6.28 0 0 0-6.31.531l-3.798 2.782l-.783.658l-4.38-8.576z"/></g><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M66.894 40.717c-.162-.054-5.905-3.641-7.316-5.965a702 702 0 0 1-4.431-7.43a4.35 4.35 0 0 0-2.237-1.872l-6.094-2.268a4.38 4.38 0 0 0-3.32.112a32 32 0 0 0-3.937 2.057c-1.23.794-2.516 3.539-3.413 4.928a.625.625 0 0 0 .828.884l4.507-3.463s4.492-1.876 6.549 2.136c2.245 4.378.925 8.044-5.125 11.033c-4.958 2.45-6.38 4.47-6.3 5.863c.024.439 1.27 1.682 1.673 1.505c1.307-.574 6.007-2.424 8.115-2.1c2.034.453 4.154.33 6.122-.358a6.28 6.28 0 0 1 6.31.53l3.798 2.783M5.106 40.717c.162-.054 5.905-3.641 7.316-5.965c1.567-2.58 3.41-5.697 4.431-7.43a4.35 4.35 0 0 1 2.237-1.872l6.095-2.268a4.38 4.38 0 0 1 3.32.112a32 32 0 0 1 3.936 2.057c1.23.794 2.516 3.539 3.413 4.928a.625.625 0 0 1-.828.884L30.519 27.7s-4.492-1.875-6.549 2.136c-2.245 4.378-.925 8.044 5.125 11.034c4.958 2.45 6.38 4.468 6.3 5.862c-.024.439-1.27 1.682-1.673 1.505c-1.307-.574-6.007-2.424-8.115-2.1a11.2 11.2 0 0 1-6.122-.358a6.28 6.28 0 0 0-6.31.53l-3.798 2.783"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HeartHandsIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.