handshake from Font Awesome 6 Solid by Dave Gandy · Regular · Charity · CC-BY-4.0 Attribution required.

Name
handshake
Set
Font Awesome 6 Solid
Style
Regular
Category
Charity
Viewbox
640×512
License
CC BY 4.0

The same icon in other sets

More charity icons from Font Awesome 6 Solid

Use the handshake icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m323.4 85.2l-96.8 78.4c-16.1 13-19.2 36.4-7 53.1c12.9 17.8 38 21.3 55.3 7.8l99.3-77.2c7-5.4 17-4.2 22.5 2.8s4.2 17-2.8 22.5L373 188.8l139 128V128h-.7l-3.9-2.5L434.8 79c-15.3-9.8-33.2-15-51.4-15c-21.8 0-43 7.5-60 21.2m22.8 124.4l-51.7 40.2c-31.5 24.6-77.2 18.2-100.8-14.2c-22.2-30.5-16.6-73.1 12.7-96.8l83.2-67.3c-11.6-4.9-24.1-7.4-36.8-7.4C234 64 215.7 69.6 200 80l-72 48v224h28.2l91.4 83.4c19.6 17.9 49.9 16.5 67.8-3.1c5.5-6.1 9.2-13.2 11.1-20.6l17 15.6c19.5 17.9 49.9 16.6 67.8-2.9c4.5-4.9 7.8-10.6 9.9-16.5c19.4 13 45.8 10.3 62.1-7.5c17.9-19.5 16.6-49.9-2.9-67.8zM16 128c-8.8 0-16 7.2-16 16v208c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V128zm32 192a16 16 0 1 1 0 32a16 16 0 1 1 0-32m496-192v224c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V144c0-8.8-7.2-16-16-16zm32 208a16 16 0 1 1 32 0a16 16 0 1 1-32 0"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHandshake(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m323.4 85.2l-96.8 78.4c-16.1 13-19.2 36.4-7 53.1c12.9 17.8 38 21.3 55.3 7.8l99.3-77.2c7-5.4 17-4.2 22.5 2.8s4.2 17-2.8 22.5L373 188.8l139 128V128h-.7l-3.9-2.5L434.8 79c-15.3-9.8-33.2-15-51.4-15c-21.8 0-43 7.5-60 21.2m22.8 124.4l-51.7 40.2c-31.5 24.6-77.2 18.2-100.8-14.2c-22.2-30.5-16.6-73.1 12.7-96.8l83.2-67.3c-11.6-4.9-24.1-7.4-36.8-7.4C234 64 215.7 69.6 200 80l-72 48v224h28.2l91.4 83.4c19.6 17.9 49.9 16.5 67.8-3.1c5.5-6.1 9.2-13.2 11.1-20.6l17 15.6c19.5 17.9 49.9 16.6 67.8-2.9c4.5-4.9 7.8-10.6 9.9-16.5c19.4 13 45.8 10.3 62.1-7.5c17.9-19.5 16.6-49.9-2.9-67.8zM16 128c-8.8 0-16 7.2-16 16v208c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V128zm32 192a16 16 0 1 1 0 32a16 16 0 1 1 0-32m496-192v224c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V144c0-8.8-7.2-16-16-16zm32 208a16 16 0 1 1 32 0a16 16 0 1 1-32 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="m323.4 85.2l-96.8 78.4c-16.1 13-19.2 36.4-7 53.1c12.9 17.8 38 21.3 55.3 7.8l99.3-77.2c7-5.4 17-4.2 22.5 2.8s4.2 17-2.8 22.5L373 188.8l139 128V128h-.7l-3.9-2.5L434.8 79c-15.3-9.8-33.2-15-51.4-15c-21.8 0-43 7.5-60 21.2m22.8 124.4l-51.7 40.2c-31.5 24.6-77.2 18.2-100.8-14.2c-22.2-30.5-16.6-73.1 12.7-96.8l83.2-67.3c-11.6-4.9-24.1-7.4-36.8-7.4C234 64 215.7 69.6 200 80l-72 48v224h28.2l91.4 83.4c19.6 17.9 49.9 16.5 67.8-3.1c5.5-6.1 9.2-13.2 11.1-20.6l17 15.6c19.5 17.9 49.9 16.6 67.8-2.9c4.5-4.9 7.8-10.6 9.9-16.5c19.4 13 45.8 10.3 62.1-7.5c17.9-19.5 16.6-49.9-2.9-67.8zM16 128c-8.8 0-16 7.2-16 16v208c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V128zm32 192a16 16 0 1 1 0 32a16 16 0 1 1 0-32m496-192v224c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V144c0-8.8-7.2-16-16-16zm32 208a16 16 0 1 1 32 0a16 16 0 1 1-32 0"/></svg>
</template>

CSS

.icon-handshake {
  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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m323.4%2085.2l-96.8%2078.4c-16.1%2013-19.2%2036.4-7%2053.1c12.9%2017.8%2038%2021.3%2055.3%207.8l99.3-77.2c7-5.4%2017-4.2%2022.5%202.8s4.2%2017-2.8%2022.5L373%20188.8l139%20128V128h-.7l-3.9-2.5L434.8%2079c-15.3-9.8-33.2-15-51.4-15c-21.8%200-43%207.5-60%2021.2m22.8%20124.4l-51.7%2040.2c-31.5%2024.6-77.2%2018.2-100.8-14.2c-22.2-30.5-16.6-73.1%2012.7-96.8l83.2-67.3c-11.6-4.9-24.1-7.4-36.8-7.4C234%2064%20215.7%2069.6%20200%2080l-72%2048v224h28.2l91.4%2083.4c19.6%2017.9%2049.9%2016.5%2067.8-3.1c5.5-6.1%209.2-13.2%2011.1-20.6l17%2015.6c19.5%2017.9%2049.9%2016.6%2067.8-2.9c4.5-4.9%207.8-10.6%209.9-16.5c19.4%2013%2045.8%2010.3%2062.1-7.5c17.9-19.5%2016.6-49.9-2.9-67.8zM16%20128c-8.8%200-16%207.2-16%2016v208c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V128zm32%20192a16%2016%200%201%201%200%2032a16%2016%200%201%201%200-32m496-192v224c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V144c0-8.8-7.2-16-16-16zm32%20208a16%2016%200%201%201%2032%200a16%2016%200%201%201-32%200%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%20640%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m323.4%2085.2l-96.8%2078.4c-16.1%2013-19.2%2036.4-7%2053.1c12.9%2017.8%2038%2021.3%2055.3%207.8l99.3-77.2c7-5.4%2017-4.2%2022.5%202.8s4.2%2017-2.8%2022.5L373%20188.8l139%20128V128h-.7l-3.9-2.5L434.8%2079c-15.3-9.8-33.2-15-51.4-15c-21.8%200-43%207.5-60%2021.2m22.8%20124.4l-51.7%2040.2c-31.5%2024.6-77.2%2018.2-100.8-14.2c-22.2-30.5-16.6-73.1%2012.7-96.8l83.2-67.3c-11.6-4.9-24.1-7.4-36.8-7.4C234%2064%20215.7%2069.6%20200%2080l-72%2048v224h28.2l91.4%2083.4c19.6%2017.9%2049.9%2016.5%2067.8-3.1c5.5-6.1%209.2-13.2%2011.1-20.6l17%2015.6c19.5%2017.9%2049.9%2016.6%2067.8-2.9c4.5-4.9%207.8-10.6%209.9-16.5c19.4%2013%2045.8%2010.3%2062.1-7.5c17.9-19.5%2016.6-49.9-2.9-67.8zM16%20128c-8.8%200-16%207.2-16%2016v208c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V128zm32%20192a16%2016%200%201%201%200%2032a16%2016%200%201%201%200-32m496-192v224c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V144c0-8.8-7.2-16-16-16zm32%20208a16%2016%200%201%201%2032%200a16%2016%200%201%201-32%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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