Home/Libraries/Fluent UI System Icons (Iconify)/handshake-20-regular

Fluent UI System Icons (Iconify)

Handshake20Regular

License: MITCommercial Safe

ICON SIZE

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 20 20"><path fill="#818cf8" d="M10.244 3.012a.5.5 0 0 0-.39.186l-.089.066C8.04 2.73 6.072 3.122 4.702 4.442a4.69 4.69 0 0 0-1.374 4.31l-.05.046l-.779.75a1.53 1.53 0 0 0 0 2.22c.398.384.95.528 1.463.432c.063.289.21.564.443.788c.307.296.706.449 1.108.46c.011.387.17.771.477 1.067s.707.45 1.109.46c.01.387.17.772.477 1.068a1.676 1.676 0 0 0 2.202.092l.437.42c.64.617 1.678.617 2.318 0c.306-.294.465-.676.479-1.062c.4-.012.795-.165 1.1-.459s.465-.677.477-1.063a1.66 1.66 0 0 0 1.087-.459c.243-.233.393-.522.451-.824a1.67 1.67 0 0 0 1.44-.436a1.53 1.53 0 0 0 0-2.221l-.72-.693l.147-.55a4.5 4.5 0 0 0-.42-3.336c-.836-1.506-2.458-2.436-4.212-2.436h-1.23l-.159-.004zm2.453 3.716l2.405 2.317l.003.002l1.741 1.678a.574.574 0 0 1 0 .833a.63.63 0 0 1-.865 0l-1.321-1.272a.52.52 0 0 0-.72 0l-.014.012a.48.48 0 0 0 0 .694l1.03.992c.24.23.24.604 0 .835a.63.63 0 0 1-.8.055a.524.524 0 0 0-.669.046a.477.477 0 0 0-.041.645a.574.574 0 0 1-.054.775a.63.63 0 0 1-.81.048a.524.524 0 0 0-.674.038a.477.477 0 0 0-.043.648a.58.58 0 0 1-.053.788a.637.637 0 0 1-.877 0l-.433-.417l.158-.152a1.53 1.53 0 0 0 0-2.221a1.66 1.66 0 0 0-1.108-.46a1.54 1.54 0 0 0-.477-1.068a1.66 1.66 0 0 0-1.109-.459a1.54 1.54 0 0 0-.477-1.068a1.67 1.67 0 0 0-1.463-.431a1.55 1.55 0 0 0-.443-.788a1.66 1.66 0 0 0-1.292-.454a3.74 3.74 0 0 1 1.13-3.208A4.06 4.06 0 0 1 8.708 4.04L7.253 5.11a1.703 1.703 0 0 0-.33 2.44a1.81 1.81 0 0 0 2.477.336l1.576-1.157zm-4.852-.813l2.592-1.903h.536a2 2 0 0 1 .147.004h1.242c1.404 0 2.685.745 3.338 1.922c.442.796.558 1.721.327 2.594l-.003.01l-2.76-2.667a.5.5 0 0 0-.353-.147h-2.1a.5.5 0 0 0-.295.097L8.808 7.079a.81.81 0 0 1-1.1-.149a.703.703 0 0 1 .137-1.015m.442 8.61l.01-.01l.778-.75l.009-.008a.63.63 0 0 1 .856.009a.574.574 0 0 1 0 .833l-.779.75a.63.63 0 0 1-.865 0a.574.574 0 0 1-.01-.824m.077-1.462l-.01.009l-.778.75l-.01.009a.63.63 0 0 1-.855-.01a.574.574 0 0 1-.007-.826l.007-.007l.778-.75l.007-.007a.63.63 0 0 1 .858.007a.574.574 0 0 1 .01.825m-1.595-1.519l-.779.75l-.007.007a.63.63 0 0 1-.858-.007a.574.574 0 0 1 0-.833l.778-.75a.63.63 0 0 1 .866 0a.574.574 0 0 1 .007.827zm-1.906-1.219l-.778.75a.63.63 0 0 1-.866 0a.574.574 0 0 1 0-.834l.779-.75a.63.63 0 0 1 .865 0a.574.574 0 0 1 0 .834"/></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. Handshake20RegularIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** 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.