Gentleface › Business & office › handshake

handshake icon

Handshake: handshake, agreement, deal, partnership. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M14 2L14 1.5C14 1.359 14.048 1.241 14.144 1.144C14.241 1.048 14.359 1 14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5L15 8.5C15 8.641 14.952 8.759 14.856 8.856C14.759 8.952 14.641 9 14.5 9C14.349 9 14.223 8.943 14.123 8.829C14.158 9.042 14.156 9.261 14.118 9.485C14.046 9.902 13.86 10.261 13.561 10.561C13.261 10.86 12.902 11.046 12.485 11.118C12.067 11.189 11.667 11.134 11.285 10.951C11.233 10.927 11.187 10.894 11.146 10.854L11.052 10.759C10.956 11.061 10.793 11.329 10.561 11.561C10.261 11.86 9.902 12.046 9.485 12.118C9.067 12.189 8.667 12.134 8.285 11.951C8.233 11.927 8.187 11.894 8.146 11.854L8.052 11.759C7.956 12.061 7.793 12.329 7.561 12.561C7.261 12.86 6.902 13.046 6.485 13.118C6.067 13.189 5.667 13.134 5.285 12.951C5.233 12.927 5.187 12.894 5.146 12.854L1.146 8.854C1.049 8.756 1 8.638 1 8.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 2L14 2ZM7.58 7.824C7.259 7.697 6.976 7.512 6.732 7.268C6.488 7.024 6.303 6.741 6.176 6.42C6.059 6.125 6 5.818 6 5.5C6 5.362 6.049 5.244 6.146 5.146L8.293 3L2 3L2 8.293L5.787 12.08C5.956 12.146 6.133 12.163 6.316 12.132C6.524 12.096 6.704 12.003 6.854 11.854C7.003 11.704 7.096 11.524 7.132 11.316C7.168 11.107 7.14 10.907 7.049 10.715C6.989 10.591 6.983 10.464 7.029 10.333C7.075 10.203 7.16 10.108 7.285 10.049C7.381 10.003 7.481 9.988 7.585 10.006C7.688 10.024 7.778 10.071 7.854 10.146L8.787 11.08C8.956 11.146 9.133 11.163 9.316 11.132C9.524 11.096 9.704 11.003 9.854 10.854C10.003 10.704 10.096 10.524 10.132 10.316C10.163 10.133 10.146 9.956 10.08 9.787L8.284 7.991C8.042 7.97 7.808 7.915 7.58 7.824ZM14 3L9.707 3L7.012 5.695C7.028 5.817 7.059 5.936 7.105 6.052C7.182 6.245 7.293 6.414 7.439 6.561C7.586 6.707 7.755 6.818 7.948 6.895C8.064 6.941 8.183 6.972 8.305 6.988L10.146 5.146C10.246 5.047 10.364 4.997 10.5 4.997C10.636 4.997 10.754 5.047 10.854 5.146L13.854 8.146C13.894 8.187 13.927 8.233 13.951 8.285C13.969 8.321 13.985 8.358 14 8.394L14 3ZM10.5 6.207L9.207 7.5L11.787 10.08C11.956 10.146 12.133 10.163 12.316 10.132C12.524 10.096 12.704 10.003 12.854 9.854C13.003 9.704 13.096 9.524 13.132 9.316C13.163 9.133 13.146 8.956 13.08 8.787L10.5 6.207Z"/></svg>

React

// Gentleface "handshake" (line-round), MIT. https://gentleface.com/icons/handshake
import type { SVGProps } from 'react';

export function HandshakeIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M14 2L14 1.5C14 1.359 14.048 1.241 14.144 1.144C14.241 1.048 14.359 1 14.5 1C14.641 1 14.759 1.048 14.856 1.144C14.952 1.241 15 1.359 15 1.5L15 8.5C15 8.641 14.952 8.759 14.856 8.856C14.759 8.952 14.641 9 14.5 9C14.349 9 14.223 8.943 14.123 8.829C14.158 9.042 14.156 9.261 14.118 9.485C14.046 9.902 13.86 10.261 13.561 10.561C13.261 10.86 12.902 11.046 12.485 11.118C12.067 11.189 11.667 11.134 11.285 10.951C11.233 10.927 11.187 10.894 11.146 10.854L11.052 10.759C10.956 11.061 10.793 11.329 10.561 11.561C10.261 11.86 9.902 12.046 9.485 12.118C9.067 12.189 8.667 12.134 8.285 11.951C8.233 11.927 8.187 11.894 8.146 11.854L8.052 11.759C7.956 12.061 7.793 12.329 7.561 12.561C7.261 12.86 6.902 13.046 6.485 13.118C6.067 13.189 5.667 13.134 5.285 12.951C5.233 12.927 5.187 12.894 5.146 12.854L1.146 8.854C1.049 8.756 1 8.638 1 8.5L1 1.5C1 1.359 1.048 1.241 1.144 1.144C1.241 1.048 1.359 1 1.5 1C1.641 1 1.759 1.048 1.856 1.144C1.952 1.241 2 1.359 2 1.5L2 2L14 2ZM7.58 7.824C7.259 7.697 6.976 7.512 6.732 7.268C6.488 7.024 6.303 6.741 6.176 6.42C6.059 6.125 6 5.818 6 5.5C6 5.362 6.049 5.244 6.146 5.146L8.293 3L2 3L2 8.293L5.787 12.08C5.956 12.146 6.133 12.163 6.316 12.132C6.524 12.096 6.704 12.003 6.854 11.854C7.003 11.704 7.096 11.524 7.132 11.316C7.168 11.107 7.14 10.907 7.049 10.715C6.989 10.591 6.983 10.464 7.029 10.333C7.075 10.203 7.16 10.108 7.285 10.049C7.381 10.003 7.481 9.988 7.585 10.006C7.688 10.024 7.778 10.071 7.854 10.146L8.787 11.08C8.956 11.146 9.133 11.163 9.316 11.132C9.524 11.096 9.704 11.003 9.854 10.854C10.003 10.704 10.096 10.524 10.132 10.316C10.163 10.133 10.146 9.956 10.08 9.787L8.284 7.991C8.042 7.97 7.808 7.915 7.58 7.824ZM14 3L9.707 3L7.012 5.695C7.028 5.817 7.059 5.936 7.105 6.052C7.182 6.245 7.293 6.414 7.439 6.561C7.586 6.707 7.755 6.818 7.948 6.895C8.064 6.941 8.183 6.972 8.305 6.988L10.146 5.146C10.246 5.047 10.364 4.997 10.5 4.997C10.636 4.997 10.754 5.047 10.854 5.146L13.854 8.146C13.894 8.187 13.927 8.233 13.951 8.285C13.969 8.321 13.985 8.358 14 8.394L14 3ZM10.5 6.207L9.207 7.5L11.787 10.08C11.956 10.146 12.133 10.163 12.316 10.132C12.524 10.096 12.704 10.003 12.854 9.854C13.003 9.704 13.096 9.524 13.132 9.316C13.163 9.133 13.146 8.956 13.08 8.787L10.5 6.207Z" />
    </svg>
  );
}

Vue

Vue: see /icons/handshake.md

Svelte

Svelte: see /icons/handshake.md

HTML img

HTML img: see /icons/handshake.md

CSS

CSS: see /icons/handshake.md

Data URL

Data URL: see /icons/handshake.md

Sprite

Sprite: see /icons/handshake.md

SwiftUI

SwiftUI: see /icons/handshake.md

Compose

Compose: see /icons/handshake.md

Android XML

Android XML: see /icons/handshake.md

Flutter

Flutter: see /icons/handshake.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

handshake, agreement, deal, partnership, partners, alliance

Alternatives

contract: the contract document to sign
tag-percent: a shopping deal or discount (discount)

Also fits

contract: an agreement or deal between parties (agreement)

Tags

handshake, agreement, deal, partnership, contract, cooperation, greeting, hands

Category

Business & office

Component name

HandshakeIcon

History

2026-10-14 added
2026-10-16 16 px redrawn

More business & office icons

ad ad-off award briefcase briefcase-clock briefcase-off briefcase-plus calculator certificate copyleft crown gavel hierarchy hierarchy-square lectern lightbulb · all business & office icons

For agents

Metadata: /icons/handshake.json · Markdown: /icons/handshake.md · SVG: https://gentleface.com/svg/{style}/16/handshake.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/handshake.png

handshake icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp

Code line-round

Meaning

More business & office icons

For agents

handshake icon