Home/Libraries/OpenMoji (Iconify)/handshake

OpenMoji (Iconify)

Handshake

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"><defs><path id="SVGwsY65bTD" d="M20.18 47.82a3.02 3.02 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171z"/><path id="SVG50pTSdAf" d="M14.53 44.65a3.02 3.02 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171z"/></defs><g fill="#fcea2b"><path d="M62.622 40.338c.96 3.25-1.109 5.983-4.435 5.392c.443 3.249-2.735 6.13-6.579 4.283c1.478 3.766-1.997 5.908-4.731 4.283c1.403 1.699-.813 7.46-9.387 1.994l-1.643-.903L16.51 44.752l-1.459-.802s-7.133-5.822-8.537-8.259c-4.392-7.595.949-19.79 10.44-21.82l7.943-1.424l5.239 7.947l13.073 6.004L56 33.58l3.685 3.768Z"/><path d="M62.622 40.338c6.721-4.585 5.041-19.03-.099-25.36c-9.287-1.459-11-2.362-20.98-3.943l-13.53-.618a3.993 3.993 0 0 0-4.779 2.533a33 33 0 0 1-3.599 8.378a3.54 3.54 0 0 0 1.872 4.588c1.908.476 2.78-.386 4.46-1.686a26 26 0 0 0 3.805-4.575l13.64 6.204l12.72 7.164c2.514 1.697 5.012 5.843 6.51 7.32M31.51 54.15a3.02 3.02 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.172l1.81-3.094Zm-5.67-3.17a3.02 3.02 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171z"/><use href="#SVGwsY65bTD"/><use href="#SVG50pTSdAf"/></g><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M15.05 43.95s-7.133-5.822-8.537-8.259c-4.392-7.595.949-19.79 10.44-21.82M38.71 42.99l12.89 7.021M33.87 47.79l13 6.498m11.31-8.568l-5.1-4.358l-8.279-4.335M29.772 19.654l13.64 6.204l12.72 7.164c2.514 1.698 5.012 5.844 6.51 7.321"/><path d="M37.49 56.29c8.574 5.466 10.79-.295 9.387-1.994c2.734 1.625 6.209-.517 4.731-4.283c3.844 1.847 7.022-1.034 6.579-4.283c3.326.591 5.395-2.142 4.435-5.392c6.721-4.585 5.041-19.03-.099-25.36c-9.287-1.459-11-2.362-20.98-3.943l-13.53-.619a3.993 3.993 0 0 0-4.779 2.533a33 33 0 0 1-3.599 8.378a3.54 3.54 0 0 0 1.872 4.588c1.908.477 2.78-.386 4.46-1.686a26 26 0 0 0 3.805-4.575"/><path d="M31.51 54.15a3.02 3.02 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.172l1.81-3.094Zm-5.67-3.17a3.02 3.02 0 0 1 4.144-.9c1.405.813 2.439 2.362 1.478 4.063l-1.774 3.101a3.27 3.27 0 0 1-5.658-3.171z"/><use href="#SVGwsY65bTD"/><use href="#SVG50pTSdAf"/></g></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. HandshakeIcon.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.