handshake icon
handshake-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- handshake-light
- Set
- Phosphor
- Style
- Light
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
handshakeEmoji One (Colored)handshakeFont Awesome 6 RegularhandshakeFont Awesome 6 SolidhandshakeFont Awesome RegularhandshakeFont Awesome Solidhandshake-16-filledFluent UI System IconshandshakeFluent EmojihandshakeFluent Emoji FlathandshakeFluent Emoji High ContrasthandshakeHuge IconshandshakeLine AwesomehandshakeLucidehandshakeMaterial SymbolshandshakeMaterial Symbols LighthandshakeMaterial Design IconshandshakeNoto EmojihandshakeOpenMojihandshakeSimple IconshandshakeTwitter Emoji
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="M252.51 108.8L227 57.75a14 14 0 0 0-18.78-6.27l-25.56 12.78l-53.13-14.06a6.1 6.1 0 0 0-3.06 0L73.34 64.26L47.79 51.48A14 14 0 0 0 29 57.75L3.49 108.8a14 14 0 0 0 6.26 18.78l27.15 13.58l55.61 39.72a6 6 0 0 0 2 .94l64 16a6 6 0 0 0 1.49.18a6 6 0 0 0 4.24-1.76l55.31-55.31l26.7-13.35a14 14 0 0 0 6.26-18.78m-53 35.16l-35.8-28.68a6 6 0 0 0-8 .45c-18.65 18.79-39.5 16.42-52.79 7.92a2 2 0 0 1-.94-1.5a1.9 1.9 0 0 1 .51-1.55L146.43 78h33.86l28.41 56.82Zm-185.4-28.27a2 2 0 0 1 .11-1.52l25.52-51.06a2 2 0 0 1 1.8-1.1a2 2 0 0 1 .89.21l22.21 11.1L37.32 128l-22.21-11.1a2 2 0 0 1-1-1.21m144.05 69.67l-59.6-14.9l-50.9-36.36l29.18-58.35L128 62.21l14.8 3.92a5.9 5.9 0 0 0-3 1.57l-45.7 44.35a14 14 0 0 0 2.39 21.72c20.22 12.92 44.75 10.49 63.8-5.89L191 152.5Zm83.73-69.67a2 2 0 0 1-1 1.16L218.68 128l-27.32-54.68l22.21-11.1a2 2 0 0 1 1.53-.11a2 2 0 0 1 1.16 1l25.52 51.06a2 2 0 0 1 .11 1.52m-112 101.76a6 6 0 0 1-7.27 4.37l-41.73-10.43a5.9 5.9 0 0 1-2-.94l-26.37-18.81a6 6 0 1 1 7-9.77L84.91 200l40.61 10.15a6 6 0 0 1 4.36 7.3Z"/></svg>
React
import type { SVGProps } from "react";
export function PhHandshakeLight(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="M252.51 108.8L227 57.75a14 14 0 0 0-18.78-6.27l-25.56 12.78l-53.13-14.06a6.1 6.1 0 0 0-3.06 0L73.34 64.26L47.79 51.48A14 14 0 0 0 29 57.75L3.49 108.8a14 14 0 0 0 6.26 18.78l27.15 13.58l55.61 39.72a6 6 0 0 0 2 .94l64 16a6 6 0 0 0 1.49.18a6 6 0 0 0 4.24-1.76l55.31-55.31l26.7-13.35a14 14 0 0 0 6.26-18.78m-53 35.16l-35.8-28.68a6 6 0 0 0-8 .45c-18.65 18.79-39.5 16.42-52.79 7.92a2 2 0 0 1-.94-1.5a1.9 1.9 0 0 1 .51-1.55L146.43 78h33.86l28.41 56.82Zm-185.4-28.27a2 2 0 0 1 .11-1.52l25.52-51.06a2 2 0 0 1 1.8-1.1a2 2 0 0 1 .89.21l22.21 11.1L37.32 128l-22.21-11.1a2 2 0 0 1-1-1.21m144.05 69.67l-59.6-14.9l-50.9-36.36l29.18-58.35L128 62.21l14.8 3.92a5.9 5.9 0 0 0-3 1.57l-45.7 44.35a14 14 0 0 0 2.39 21.72c20.22 12.92 44.75 10.49 63.8-5.89L191 152.5Zm83.73-69.67a2 2 0 0 1-1 1.16L218.68 128l-27.32-54.68l22.21-11.1a2 2 0 0 1 1.53-.11a2 2 0 0 1 1.16 1l25.52 51.06a2 2 0 0 1 .11 1.52m-112 101.76a6 6 0 0 1-7.27 4.37l-41.73-10.43a5.9 5.9 0 0 1-2-.94l-26.37-18.81a6 6 0 1 1 7-9.77L84.91 200l40.61 10.15a6 6 0 0 1 4.36 7.3Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M252.51 108.8L227 57.75a14 14 0 0 0-18.78-6.27l-25.56 12.78l-53.13-14.06a6.1 6.1 0 0 0-3.06 0L73.34 64.26L47.79 51.48A14 14 0 0 0 29 57.75L3.49 108.8a14 14 0 0 0 6.26 18.78l27.15 13.58l55.61 39.72a6 6 0 0 0 2 .94l64 16a6 6 0 0 0 1.49.18a6 6 0 0 0 4.24-1.76l55.31-55.31l26.7-13.35a14 14 0 0 0 6.26-18.78m-53 35.16l-35.8-28.68a6 6 0 0 0-8 .45c-18.65 18.79-39.5 16.42-52.79 7.92a2 2 0 0 1-.94-1.5a1.9 1.9 0 0 1 .51-1.55L146.43 78h33.86l28.41 56.82Zm-185.4-28.27a2 2 0 0 1 .11-1.52l25.52-51.06a2 2 0 0 1 1.8-1.1a2 2 0 0 1 .89.21l22.21 11.1L37.32 128l-22.21-11.1a2 2 0 0 1-1-1.21m144.05 69.67l-59.6-14.9l-50.9-36.36l29.18-58.35L128 62.21l14.8 3.92a5.9 5.9 0 0 0-3 1.57l-45.7 44.35a14 14 0 0 0 2.39 21.72c20.22 12.92 44.75 10.49 63.8-5.89L191 152.5Zm83.73-69.67a2 2 0 0 1-1 1.16L218.68 128l-27.32-54.68l22.21-11.1a2 2 0 0 1 1.53-.11a2 2 0 0 1 1.16 1l25.52 51.06a2 2 0 0 1 .11 1.52m-112 101.76a6 6 0 0 1-7.27 4.37l-41.73-10.43a5.9 5.9 0 0 1-2-.94l-26.37-18.81a6 6 0 1 1 7-9.77L84.91 200l40.61 10.15a6 6 0 0 1 4.36 7.3Z"/></svg> </template>
CSS
.icon-handshake-light {
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%22M252.51%20108.8L227%2057.75a14%2014%200%200%200-18.78-6.27l-25.56%2012.78l-53.13-14.06a6.1%206.1%200%200%200-3.06%200L73.34%2064.26L47.79%2051.48A14%2014%200%200%200%2029%2057.75L3.49%20108.8a14%2014%200%200%200%206.26%2018.78l27.15%2013.58l55.61%2039.72a6%206%200%200%200%202%20.94l64%2016a6%206%200%200%200%201.49.18a6%206%200%200%200%204.24-1.76l55.31-55.31l26.7-13.35a14%2014%200%200%200%206.26-18.78m-53%2035.16l-35.8-28.68a6%206%200%200%200-8%20.45c-18.65%2018.79-39.5%2016.42-52.79%207.92a2%202%200%200%201-.94-1.5a1.9%201.9%200%200%201%20.51-1.55L146.43%2078h33.86l28.41%2056.82Zm-185.4-28.27a2%202%200%200%201%20.11-1.52l25.52-51.06a2%202%200%200%201%201.8-1.1a2%202%200%200%201%20.89.21l22.21%2011.1L37.32%20128l-22.21-11.1a2%202%200%200%201-1-1.21m144.05%2069.67l-59.6-14.9l-50.9-36.36l29.18-58.35L128%2062.21l14.8%203.92a5.9%205.9%200%200%200-3%201.57l-45.7%2044.35a14%2014%200%200%200%202.39%2021.72c20.22%2012.92%2044.75%2010.49%2063.8-5.89L191%20152.5Zm83.73-69.67a2%202%200%200%201-1%201.16L218.68%20128l-27.32-54.68l22.21-11.1a2%202%200%200%201%201.53-.11a2%202%200%200%201%201.16%201l25.52%2051.06a2%202%200%200%201%20.11%201.52m-112%20101.76a6%206%200%200%201-7.27%204.37l-41.73-10.43a5.9%205.9%200%200%201-2-.94l-26.37-18.81a6%206%200%201%201%207-9.77L84.91%20200l40.61%2010.15a6%206%200%200%201%204.36%207.3Z%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%22M252.51%20108.8L227%2057.75a14%2014%200%200%200-18.78-6.27l-25.56%2012.78l-53.13-14.06a6.1%206.1%200%200%200-3.06%200L73.34%2064.26L47.79%2051.48A14%2014%200%200%200%2029%2057.75L3.49%20108.8a14%2014%200%200%200%206.26%2018.78l27.15%2013.58l55.61%2039.72a6%206%200%200%200%202%20.94l64%2016a6%206%200%200%200%201.49.18a6%206%200%200%200%204.24-1.76l55.31-55.31l26.7-13.35a14%2014%200%200%200%206.26-18.78m-53%2035.16l-35.8-28.68a6%206%200%200%200-8%20.45c-18.65%2018.79-39.5%2016.42-52.79%207.92a2%202%200%200%201-.94-1.5a1.9%201.9%200%200%201%20.51-1.55L146.43%2078h33.86l28.41%2056.82Zm-185.4-28.27a2%202%200%200%201%20.11-1.52l25.52-51.06a2%202%200%200%201%201.8-1.1a2%202%200%200%201%20.89.21l22.21%2011.1L37.32%20128l-22.21-11.1a2%202%200%200%201-1-1.21m144.05%2069.67l-59.6-14.9l-50.9-36.36l29.18-58.35L128%2062.21l14.8%203.92a5.9%205.9%200%200%200-3%201.57l-45.7%2044.35a14%2014%200%200%200%202.39%2021.72c20.22%2012.92%2044.75%2010.49%2063.8-5.89L191%20152.5Zm83.73-69.67a2%202%200%200%201-1%201.16L218.68%20128l-27.32-54.68l22.21-11.1a2%202%200%200%201%201.53-.11a2%202%200%200%201%201.16%201l25.52%2051.06a2%202%200%200%201%20.11%201.52m-112%20101.76a6%206%200%200%201-7.27%204.37l-41.73-10.43a5.9%205.9%200%200%201-2-.94l-26.37-18.81a6%206%200%201%201%207-9.77L84.91%20200l40.61%2010.15a6%206%200%200%201%204.36%207.3Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/handshake-light.svg?color=%231a73e8&size=48
