handshake alt icon

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

Name: handshake-alt
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

handshake-alt-slash handshake-angle handshake-simple handshake-simple-slash handshake-slash

Use the handshake alt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M300.9 149.2L184.3 278.8c-4.6 5.1-4.4 13 .5 17.9c30.5 30.5 80 30.5 110.5 0l31.8-31.8c4.2-4.2 9.5-6.5 14.9-6.9c6.8-.6 13.8 1.7 19 6.9L537.6 440l70.4-56V96l-112 64l-23.8-15.9a96.2 96.2 0 0 0-53.3-16.1h-70.4c-1.1 0-2.3 0-3.4.1c-16.9.9-32.8 8.5-44.2 21.1m-152.3 97.5L255.4 128h-39.6c-25.5 0-49.9 10.1-67.9 28.1L144 160L32 96v288l156.4 130.3c23 19.2 52 29.7 81.9 29.7H286l-7-7c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l41 41h9c19.1 0 37.8-4.3 54.8-12.3L391 505c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l32 32l17.5-17.5c8.9-8.9 11.5-21.8 7.6-33.1L344.1 315.7l-14.9 14.9c-49.3 49.3-129.1 49.3-178.4 0c-23-23-23.9-59.9-2.2-84z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidHandshakeAlt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M300.9 149.2L184.3 278.8c-4.6 5.1-4.4 13 .5 17.9c30.5 30.5 80 30.5 110.5 0l31.8-31.8c4.2-4.2 9.5-6.5 14.9-6.9c6.8-.6 13.8 1.7 19 6.9L537.6 440l70.4-56V96l-112 64l-23.8-15.9a96.2 96.2 0 0 0-53.3-16.1h-70.4c-1.1 0-2.3 0-3.4.1c-16.9.9-32.8 8.5-44.2 21.1m-152.3 97.5L255.4 128h-39.6c-25.5 0-49.9 10.1-67.9 28.1L144 160L32 96v288l156.4 130.3c23 19.2 52 29.7 81.9 29.7H286l-7-7c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l41 41h9c19.1 0 37.8-4.3 54.8-12.3L391 505c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l32 32l17.5-17.5c8.9-8.9 11.5-21.8 7.6-33.1L344.1 315.7l-14.9 14.9c-49.3 49.3-129.1 49.3-178.4 0c-23-23-23.9-59.9-2.2-84z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M300.9 149.2L184.3 278.8c-4.6 5.1-4.4 13 .5 17.9c30.5 30.5 80 30.5 110.5 0l31.8-31.8c4.2-4.2 9.5-6.5 14.9-6.9c6.8-.6 13.8 1.7 19 6.9L537.6 440l70.4-56V96l-112 64l-23.8-15.9a96.2 96.2 0 0 0-53.3-16.1h-70.4c-1.1 0-2.3 0-3.4.1c-16.9.9-32.8 8.5-44.2 21.1m-152.3 97.5L255.4 128h-39.6c-25.5 0-49.9 10.1-67.9 28.1L144 160L32 96v288l156.4 130.3c23 19.2 52 29.7 81.9 29.7H286l-7-7c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l41 41h9c19.1 0 37.8-4.3 54.8-12.3L391 505c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l32 32l17.5-17.5c8.9-8.9 11.5-21.8 7.6-33.1L344.1 315.7l-14.9 14.9c-49.3 49.3-129.1 49.3-178.4 0c-23-23-23.9-59.9-2.2-84z"/></svg>
</template>

CSS

.icon-handshake-alt {
  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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M300.9%20149.2L184.3%20278.8c-4.6%205.1-4.4%2013%20.5%2017.9c30.5%2030.5%2080%2030.5%20110.5%200l31.8-31.8c4.2-4.2%209.5-6.5%2014.9-6.9c6.8-.6%2013.8%201.7%2019%206.9L537.6%20440l70.4-56V96l-112%2064l-23.8-15.9a96.2%2096.2%200%200%200-53.3-16.1h-70.4c-1.1%200-2.3%200-3.4.1c-16.9.9-32.8%208.5-44.2%2021.1m-152.3%2097.5L255.4%20128h-39.6c-25.5%200-49.9%2010.1-67.9%2028.1L144%20160L32%2096v288l156.4%20130.3c23%2019.2%2052%2029.7%2081.9%2029.7H286l-7-7c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l41%2041h9c19.1%200%2037.8-4.3%2054.8-12.3L391%20505c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l32%2032l17.5-17.5c8.9-8.9%2011.5-21.8%207.6-33.1L344.1%20315.7l-14.9%2014.9c-49.3%2049.3-129.1%2049.3-178.4%200c-23-23-23.9-59.9-2.2-84z%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%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M300.9%20149.2L184.3%20278.8c-4.6%205.1-4.4%2013%20.5%2017.9c30.5%2030.5%2080%2030.5%20110.5%200l31.8-31.8c4.2-4.2%209.5-6.5%2014.9-6.9c6.8-.6%2013.8%201.7%2019%206.9L537.6%20440l70.4-56V96l-112%2064l-23.8-15.9a96.2%2096.2%200%200%200-53.3-16.1h-70.4c-1.1%200-2.3%200-3.4.1c-16.9.9-32.8%208.5-44.2%2021.1m-152.3%2097.5L255.4%20128h-39.6c-25.5%200-49.9%2010.1-67.9%2028.1L144%20160L32%2096v288l156.4%20130.3c23%2019.2%2052%2029.7%2081.9%2029.7H286l-7-7c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l41%2041h9c19.1%200%2037.8-4.3%2054.8-12.3L391%20505c-9.4-9.4-9.4-24.6%200-33.9s24.6-9.4%2033.9%200l32%2032l17.5-17.5c8.9-8.9%2011.5-21.8%207.6-33.1L344.1%20315.7l-14.9%2014.9c-49.3%2049.3-129.1%2049.3-178.4%200c-23-23-23.9-59.9-2.2-84z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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