handshake icon

handshake-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
handshake-fill
Set
Phosphor
Style
Fill
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="m254.3 107.91l-25.52-51.06a16 16 0 0 0-21.47-7.15l-24.87 12.43l-52.39-13.86a8.14 8.14 0 0 0-4.1 0L73.56 62.13L48.69 49.7a16 16 0 0 0-21.47 7.15L1.7 107.9a16 16 0 0 0 7.15 21.47l27 13.51l55.49 39.63a8.1 8.1 0 0 0 2.71 1.25l64 16a8 8 0 0 0 7.6-2.1l40-40l15.08-15.08l26.42-13.21a16 16 0 0 0 7.15-21.46m-54.89 33.37L165 113.72a8 8 0 0 0-10.68.61C136.51 132.27 116.66 130 104 122l43.24-42h31.81l27.21 54.41Zm-41.87 41.86l-58.12-14.53l-49.2-35.14l28-56L128 64.28l9.8 2.59l-45 43.68l-.08.09a16 16 0 0 0 2.72 24.81c20.56 13.13 45.37 11 64.91-5L188 152.66Zm-25.72 34.8a8 8 0 0 1-7.75 6.06a8 8 0 0 1-1.95-.24l-41.71-10.43a7.9 7.9 0 0 1-2.71-1.25l-26.35-18.82a8 8 0 0 1 9.3-13l25.11 17.94L126 208.24a8 8 0 0 1 5.82 9.7"/></svg>

React

import type { SVGProps } from "react";

export function PhHandshakeFill(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="m254.3 107.91l-25.52-51.06a16 16 0 0 0-21.47-7.15l-24.87 12.43l-52.39-13.86a8.14 8.14 0 0 0-4.1 0L73.56 62.13L48.69 49.7a16 16 0 0 0-21.47 7.15L1.7 107.9a16 16 0 0 0 7.15 21.47l27 13.51l55.49 39.63a8.1 8.1 0 0 0 2.71 1.25l64 16a8 8 0 0 0 7.6-2.1l40-40l15.08-15.08l26.42-13.21a16 16 0 0 0 7.15-21.46m-54.89 33.37L165 113.72a8 8 0 0 0-10.68.61C136.51 132.27 116.66 130 104 122l43.24-42h31.81l27.21 54.41Zm-41.87 41.86l-58.12-14.53l-49.2-35.14l28-56L128 64.28l9.8 2.59l-45 43.68l-.08.09a16 16 0 0 0 2.72 24.81c20.56 13.13 45.37 11 64.91-5L188 152.66Zm-25.72 34.8a8 8 0 0 1-7.75 6.06a8 8 0 0 1-1.95-.24l-41.71-10.43a7.9 7.9 0 0 1-2.71-1.25l-26.35-18.82a8 8 0 0 1 9.3-13l25.11 17.94L126 208.24a8 8 0 0 1 5.82 9.7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m254.3 107.91l-25.52-51.06a16 16 0 0 0-21.47-7.15l-24.87 12.43l-52.39-13.86a8.14 8.14 0 0 0-4.1 0L73.56 62.13L48.69 49.7a16 16 0 0 0-21.47 7.15L1.7 107.9a16 16 0 0 0 7.15 21.47l27 13.51l55.49 39.63a8.1 8.1 0 0 0 2.71 1.25l64 16a8 8 0 0 0 7.6-2.1l40-40l15.08-15.08l26.42-13.21a16 16 0 0 0 7.15-21.46m-54.89 33.37L165 113.72a8 8 0 0 0-10.68.61C136.51 132.27 116.66 130 104 122l43.24-42h31.81l27.21 54.41Zm-41.87 41.86l-58.12-14.53l-49.2-35.14l28-56L128 64.28l9.8 2.59l-45 43.68l-.08.09a16 16 0 0 0 2.72 24.81c20.56 13.13 45.37 11 64.91-5L188 152.66Zm-25.72 34.8a8 8 0 0 1-7.75 6.06a8 8 0 0 1-1.95-.24l-41.71-10.43a7.9 7.9 0 0 1-2.71-1.25l-26.35-18.82a8 8 0 0 1 9.3-13l25.11 17.94L126 208.24a8 8 0 0 1 5.82 9.7"/></svg>
</template>

CSS

.icon-handshake-fill {
  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%22m254.3%20107.91l-25.52-51.06a16%2016%200%200%200-21.47-7.15l-24.87%2012.43l-52.39-13.86a8.14%208.14%200%200%200-4.1%200L73.56%2062.13L48.69%2049.7a16%2016%200%200%200-21.47%207.15L1.7%20107.9a16%2016%200%200%200%207.15%2021.47l27%2013.51l55.49%2039.63a8.1%208.1%200%200%200%202.71%201.25l64%2016a8%208%200%200%200%207.6-2.1l40-40l15.08-15.08l26.42-13.21a16%2016%200%200%200%207.15-21.46m-54.89%2033.37L165%20113.72a8%208%200%200%200-10.68.61C136.51%20132.27%20116.66%20130%20104%20122l43.24-42h31.81l27.21%2054.41Zm-41.87%2041.86l-58.12-14.53l-49.2-35.14l28-56L128%2064.28l9.8%202.59l-45%2043.68l-.08.09a16%2016%200%200%200%202.72%2024.81c20.56%2013.13%2045.37%2011%2064.91-5L188%20152.66Zm-25.72%2034.8a8%208%200%200%201-7.75%206.06a8%208%200%200%201-1.95-.24l-41.71-10.43a7.9%207.9%200%200%201-2.71-1.25l-26.35-18.82a8%208%200%200%201%209.3-13l25.11%2017.94L126%20208.24a8%208%200%200%201%205.82%209.7%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%22m254.3%20107.91l-25.52-51.06a16%2016%200%200%200-21.47-7.15l-24.87%2012.43l-52.39-13.86a8.14%208.14%200%200%200-4.1%200L73.56%2062.13L48.69%2049.7a16%2016%200%200%200-21.47%207.15L1.7%20107.9a16%2016%200%200%200%207.15%2021.47l27%2013.51l55.49%2039.63a8.1%208.1%200%200%200%202.71%201.25l64%2016a8%208%200%200%200%207.6-2.1l40-40l15.08-15.08l26.42-13.21a16%2016%200%200%200%207.15-21.46m-54.89%2033.37L165%20113.72a8%208%200%200%200-10.68.61C136.51%20132.27%20116.66%20130%20104%20122l43.24-42h31.81l27.21%2054.41Zm-41.87%2041.86l-58.12-14.53l-49.2-35.14l28-56L128%2064.28l9.8%202.59l-45%2043.68l-.08.09a16%2016%200%200%200%202.72%2024.81c20.56%2013.13%2045.37%2011%2064.91-5L188%20152.66Zm-25.72%2034.8a8%208%200%200%201-7.75%206.06a8%208%200%200%201-1.95-.24l-41.71-10.43a7.9%207.9%200%200%201-2.71-1.25l-26.35-18.82a8%208%200%200%201%209.3-13l25.11%2017.94L126%20208.24a8%208%200%200%201%205.82%209.7%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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