handshake angle icon

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

Name: handshake-angle
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 640×512
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome 6 Solid

handshake-simple handshake-simple-slash handshake-slash

Use the handshake angle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M544 248v3.3l69.7-69.7c21.9-21.9 21.9-57.3 0-79.2l-78.1-78c-21.9-21.9-57.3-21.9-79.2 0l-40.1 40.1c-2.7-.3-5.5-.5-8.3-.5H296c-37.1 0-67.6 28-71.6 64h-.4v120c0 22.1 17.9 40 40 40s40-17.9 40-40v-88h160c44.2 0 80 35.8 80 80zm-208-56v56c0 39.8-32.2 72-72 72s-72-32.2-72-72V129.4c-35.9 6.2-65.8 32.3-76 68.2l-16.5 57.6l-73.2 73.2c-21.9 21.9-21.9 57.3 0 79.2l78.1 78.1c21.9 21.9 57.3 21.9 79.2 0l37.7-37.7c.9 0 1.8.1 2.7.1h160c26.5 0 48-21.5 48-48c0-5.6-1-11-2.7-16h2.7c26.5 0 48-21.5 48-48c0-12.8-5-24.4-13.2-33c25.7-5 45.1-27.6 45.2-54.8v-.4c-.1-30.8-25.1-55.8-56-55.8H336z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHandshakeAngle(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="M544 248v3.3l69.7-69.7c21.9-21.9 21.9-57.3 0-79.2l-78.1-78c-21.9-21.9-57.3-21.9-79.2 0l-40.1 40.1c-2.7-.3-5.5-.5-8.3-.5H296c-37.1 0-67.6 28-71.6 64h-.4v120c0 22.1 17.9 40 40 40s40-17.9 40-40v-88h160c44.2 0 80 35.8 80 80zm-208-56v56c0 39.8-32.2 72-72 72s-72-32.2-72-72V129.4c-35.9 6.2-65.8 32.3-76 68.2l-16.5 57.6l-73.2 73.2c-21.9 21.9-21.9 57.3 0 79.2l78.1 78.1c21.9 21.9 57.3 21.9 79.2 0l37.7-37.7c.9 0 1.8.1 2.7.1h160c26.5 0 48-21.5 48-48c0-5.6-1-11-2.7-16h2.7c26.5 0 48-21.5 48-48c0-12.8-5-24.4-13.2-33c25.7-5 45.1-27.6 45.2-54.8v-.4c-.1-30.8-25.1-55.8-56-55.8H336z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M544 248v3.3l69.7-69.7c21.9-21.9 21.9-57.3 0-79.2l-78.1-78c-21.9-21.9-57.3-21.9-79.2 0l-40.1 40.1c-2.7-.3-5.5-.5-8.3-.5H296c-37.1 0-67.6 28-71.6 64h-.4v120c0 22.1 17.9 40 40 40s40-17.9 40-40v-88h160c44.2 0 80 35.8 80 80zm-208-56v56c0 39.8-32.2 72-72 72s-72-32.2-72-72V129.4c-35.9 6.2-65.8 32.3-76 68.2l-16.5 57.6l-73.2 73.2c-21.9 21.9-21.9 57.3 0 79.2l78.1 78.1c21.9 21.9 57.3 21.9 79.2 0l37.7-37.7c.9 0 1.8.1 2.7.1h160c26.5 0 48-21.5 48-48c0-5.6-1-11-2.7-16h2.7c26.5 0 48-21.5 48-48c0-12.8-5-24.4-13.2-33c25.7-5 45.1-27.6 45.2-54.8v-.4c-.1-30.8-25.1-55.8-56-55.8H336z"/></svg>
</template>

CSS

.icon-handshake-angle {
  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%22M544%20248v3.3l69.7-69.7c21.9-21.9%2021.9-57.3%200-79.2l-78.1-78c-21.9-21.9-57.3-21.9-79.2%200l-40.1%2040.1c-2.7-.3-5.5-.5-8.3-.5H296c-37.1%200-67.6%2028-71.6%2064h-.4v120c0%2022.1%2017.9%2040%2040%2040s40-17.9%2040-40v-88h160c44.2%200%2080%2035.8%2080%2080zm-208-56v56c0%2039.8-32.2%2072-72%2072s-72-32.2-72-72V129.4c-35.9%206.2-65.8%2032.3-76%2068.2l-16.5%2057.6l-73.2%2073.2c-21.9%2021.9-21.9%2057.3%200%2079.2l78.1%2078.1c21.9%2021.9%2057.3%2021.9%2079.2%200l37.7-37.7c.9%200%201.8.1%202.7.1h160c26.5%200%2048-21.5%2048-48c0-5.6-1-11-2.7-16h2.7c26.5%200%2048-21.5%2048-48c0-12.8-5-24.4-13.2-33c25.7-5%2045.1-27.6%2045.2-54.8v-.4c-.1-30.8-25.1-55.8-56-55.8H336z%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%22M544%20248v3.3l69.7-69.7c21.9-21.9%2021.9-57.3%200-79.2l-78.1-78c-21.9-21.9-57.3-21.9-79.2%200l-40.1%2040.1c-2.7-.3-5.5-.5-8.3-.5H296c-37.1%200-67.6%2028-71.6%2064h-.4v120c0%2022.1%2017.9%2040%2040%2040s40-17.9%2040-40v-88h160c44.2%200%2080%2035.8%2080%2080zm-208-56v56c0%2039.8-32.2%2072-72%2072s-72-32.2-72-72V129.4c-35.9%206.2-65.8%2032.3-76%2068.2l-16.5%2057.6l-73.2%2073.2c-21.9%2021.9-21.9%2057.3%200%2079.2l78.1%2078.1c21.9%2021.9%2057.3%2021.9%2079.2%200l37.7-37.7c.9%200%201.8.1%202.7.1h160c26.5%200%2048-21.5%2048-48c0-5.6-1-11-2.7-16h2.7c26.5%200%2048-21.5%2048-48c0-12.8-5-24.4-13.2-33c25.7-5%2045.1-27.6%2045.2-54.8v-.4c-.1-30.8-25.1-55.8-56-55.8H336z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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