handshake icon

handshake-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
handshake-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

The same icon in other sets

Use the handshake icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m253.88 108.11l-25.53-51a20 20 0 0 0-26.83-9L178.34 59.7L131.7 44.58a12.14 12.14 0 0 0-7.4 0L77.66 59.7L54.48 48.11a20 20 0 0 0-26.83 9l-25.53 51a20 20 0 0 0 9 26.83l26.67 13.34l51.18 37.41a12.2 12.2 0 0 0 4.03 1.93l62 16a12.3 12.3 0 0 0 3 .38a12 12 0 0 0 8.48-3.52l52.62-52.62l25.83-12.92a20 20 0 0 0 8.95-26.83m-58.12 29.15l-27.52-26a12 12 0 0 0-16.76.26c-9.66 9.74-25.06 16.81-40.81 9.55l38.19-37h22.72l25.81 51.63ZM47.32 71.37L60.59 78l-22 43.9l-13.27-6.63Zm107 107.3L101.23 165l-42-30.66L85.17 82.5L128 68.61l1.69.55L90 107.68l-.13.12a20 20 0 0 0 3.4 31c20.95 13.39 46 12.07 66.33-2.73l19.2 18.15Zm63-56.77l-22-43.9l13.27-6.63l21.95 43.9ZM118.55 219a12 12 0 0 1-14.62 8.62l-26.6-6.87a12 12 0 0 1-4.08-1.93L48.92 201a12 12 0 0 1 14.16-19.37l22.47 16.42l24.38 6.29a12 12 0 0 1 8.62 14.66"/></svg>

React

import type { SVGProps } from "react";

export function PhHandshakeBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m253.88 108.11l-25.53-51a20 20 0 0 0-26.83-9L178.34 59.7L131.7 44.58a12.14 12.14 0 0 0-7.4 0L77.66 59.7L54.48 48.11a20 20 0 0 0-26.83 9l-25.53 51a20 20 0 0 0 9 26.83l26.67 13.34l51.18 37.41a12.2 12.2 0 0 0 4.03 1.93l62 16a12.3 12.3 0 0 0 3 .38a12 12 0 0 0 8.48-3.52l52.62-52.62l25.83-12.92a20 20 0 0 0 8.95-26.83m-58.12 29.15l-27.52-26a12 12 0 0 0-16.76.26c-9.66 9.74-25.06 16.81-40.81 9.55l38.19-37h22.72l25.81 51.63ZM47.32 71.37L60.59 78l-22 43.9l-13.27-6.63Zm107 107.3L101.23 165l-42-30.66L85.17 82.5L128 68.61l1.69.55L90 107.68l-.13.12a20 20 0 0 0 3.4 31c20.95 13.39 46 12.07 66.33-2.73l19.2 18.15Zm63-56.77l-22-43.9l13.27-6.63l21.95 43.9ZM118.55 219a12 12 0 0 1-14.62 8.62l-26.6-6.87a12 12 0 0 1-4.08-1.93L48.92 201a12 12 0 0 1 14.16-19.37l22.47 16.42l24.38 6.29a12 12 0 0 1 8.62 14.66"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m253.88 108.11l-25.53-51a20 20 0 0 0-26.83-9L178.34 59.7L131.7 44.58a12.14 12.14 0 0 0-7.4 0L77.66 59.7L54.48 48.11a20 20 0 0 0-26.83 9l-25.53 51a20 20 0 0 0 9 26.83l26.67 13.34l51.18 37.41a12.2 12.2 0 0 0 4.03 1.93l62 16a12.3 12.3 0 0 0 3 .38a12 12 0 0 0 8.48-3.52l52.62-52.62l25.83-12.92a20 20 0 0 0 8.95-26.83m-58.12 29.15l-27.52-26a12 12 0 0 0-16.76.26c-9.66 9.74-25.06 16.81-40.81 9.55l38.19-37h22.72l25.81 51.63ZM47.32 71.37L60.59 78l-22 43.9l-13.27-6.63Zm107 107.3L101.23 165l-42-30.66L85.17 82.5L128 68.61l1.69.55L90 107.68l-.13.12a20 20 0 0 0 3.4 31c20.95 13.39 46 12.07 66.33-2.73l19.2 18.15Zm63-56.77l-22-43.9l13.27-6.63l21.95 43.9ZM118.55 219a12 12 0 0 1-14.62 8.62l-26.6-6.87a12 12 0 0 1-4.08-1.93L48.92 201a12 12 0 0 1 14.16-19.37l22.47 16.42l24.38 6.29a12 12 0 0 1 8.62 14.66"/></svg>
</template>

CSS

.icon-handshake-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m253.88%20108.11l-25.53-51a20%2020%200%200%200-26.83-9L178.34%2059.7L131.7%2044.58a12.14%2012.14%200%200%200-7.4%200L77.66%2059.7L54.48%2048.11a20%2020%200%200%200-26.83%209l-25.53%2051a20%2020%200%200%200%209%2026.83l26.67%2013.34l51.18%2037.41a12.2%2012.2%200%200%200%204.03%201.93l62%2016a12.3%2012.3%200%200%200%203%20.38a12%2012%200%200%200%208.48-3.52l52.62-52.62l25.83-12.92a20%2020%200%200%200%208.95-26.83m-58.12%2029.15l-27.52-26a12%2012%200%200%200-16.76.26c-9.66%209.74-25.06%2016.81-40.81%209.55l38.19-37h22.72l25.81%2051.63ZM47.32%2071.37L60.59%2078l-22%2043.9l-13.27-6.63Zm107%20107.3L101.23%20165l-42-30.66L85.17%2082.5L128%2068.61l1.69.55L90%20107.68l-.13.12a20%2020%200%200%200%203.4%2031c20.95%2013.39%2046%2012.07%2066.33-2.73l19.2%2018.15Zm63-56.77l-22-43.9l13.27-6.63l21.95%2043.9ZM118.55%20219a12%2012%200%200%201-14.62%208.62l-26.6-6.87a12%2012%200%200%201-4.08-1.93L48.92%20201a12%2012%200%200%201%2014.16-19.37l22.47%2016.42l24.38%206.29a12%2012%200%200%201%208.62%2014.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m253.88%20108.11l-25.53-51a20%2020%200%200%200-26.83-9L178.34%2059.7L131.7%2044.58a12.14%2012.14%200%200%200-7.4%200L77.66%2059.7L54.48%2048.11a20%2020%200%200%200-26.83%209l-25.53%2051a20%2020%200%200%200%209%2026.83l26.67%2013.34l51.18%2037.41a12.2%2012.2%200%200%200%204.03%201.93l62%2016a12.3%2012.3%200%200%200%203%20.38a12%2012%200%200%200%208.48-3.52l52.62-52.62l25.83-12.92a20%2020%200%200%200%208.95-26.83m-58.12%2029.15l-27.52-26a12%2012%200%200%200-16.76.26c-9.66%209.74-25.06%2016.81-40.81%209.55l38.19-37h22.72l25.81%2051.63ZM47.32%2071.37L60.59%2078l-22%2043.9l-13.27-6.63Zm107%20107.3L101.23%20165l-42-30.66L85.17%2082.5L128%2068.61l1.69.55L90%20107.68l-.13.12a20%2020%200%200%200%203.4%2031c20.95%2013.39%2046%2012.07%2066.33-2.73l19.2%2018.15Zm63-56.77l-22-43.9l13.27-6.63l21.95%2043.9ZM118.55%20219a12%2012%200%200%201-14.62%208.62l-26.6-6.87a12%2012%200%200%201-4.08-1.93L48.92%20201a12%2012%200%200%201%2014.16-19.37l22.47%2016.42l24.38%206.29a12%2012%200%200%201%208.62%2014.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/handshake-bold.svg?color=%231a73e8&size=48