hands helping icon
hands-helping from Font Awesome Solid by Dave Gandy · Solid · Charity · CC-BY-4.0 Attribution required.
- Name
- hands-helping
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Charity
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
More charity icons from Font Awesome Solid
dollar-signdonategifthand-holding-hearthand-holding-usdhand-holding-waterhandshakeheartleafparachute-boxpiggy-bankribbonseedlinghands-washhands-american-sign-language-interpretinghands-asl-interpretinghands-boundhands-bubbleshands-clappinghands-holdinghands-holding-childhands-holding-circlehands-praying
Use the hands helping 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 117.2L184.3 246.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 408l70.4-56V64l-112 64l-23.8-15.9A96.2 96.2 0 0 0 418.9 96h-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 96h-39.6c-25.5 0-49.9 10.1-67.9 28.1L32 256v352l144-136l12.4 10.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 473c-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 283.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 Fa7SolidHandsHelping(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 117.2L184.3 246.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 408l70.4-56V64l-112 64l-23.8-15.9A96.2 96.2 0 0 0 418.9 96h-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 96h-39.6c-25.5 0-49.9 10.1-67.9 28.1L32 256v352l144-136l12.4 10.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 473c-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 283.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 117.2L184.3 246.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 408l70.4-56V64l-112 64l-23.8-15.9A96.2 96.2 0 0 0 418.9 96h-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 96h-39.6c-25.5 0-49.9 10.1-67.9 28.1L32 256v352l144-136l12.4 10.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 473c-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 283.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-hands-helping {
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%20117.2L184.3%20246.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%20408l70.4-56V64l-112%2064l-23.8-15.9A96.2%2096.2%200%200%200%20418.9%2096h-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%2096h-39.6c-25.5%200-49.9%2010.1-67.9%2028.1L32%20256v352l144-136l12.4%2010.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%20473c-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%20283.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%20117.2L184.3%20246.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%20408l70.4-56V64l-112%2064l-23.8-15.9A96.2%2096.2%200%200%200%20418.9%2096h-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%2096h-39.6c-25.5%200-49.9%2010.1-67.9%2028.1L32%20256v352l144-136l12.4%2010.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%20473c-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%20283.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/hands-helping.svg?color=%231a73e8&size=48
