hands clapping icon

hands-clapping-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: hands-clapping-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

hands-clapping hands-clapping-bold hands-clapping-duotone hands-clapping-fill hands-clapping-thin

The same icon in other sets

hands-clappingFont Awesome 6 Solid hands-clappingFont Awesome Solid hands-clappingHuge Icons hands-clapping-fillMingCute Icon

Related icons in Phosphor

hands-praying

Use the hands clapping icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M162.21 24V8a6 6 0 0 1 12 0v16a6 6 0 0 1-12 0m34.93 15.25a6 6 0 0 0 8.26-2l8-13.11a6 6 0 0 0-10.26-6.25l-8 13.11a6 6 0 0 0 2 8.25m44.57 14.91a6 6 0 0 0-7.57-3.87l-15 4.85a6 6 0 0 0 1.84 11.72a5.9 5.9 0 0 0 1.84-.3l15.06-4.84a6 6 0 0 0 3.83-7.56m-26.49 44.42a78.2 78.2 0 0 1-10.35 92c-.36 1.87-.76 3.74-1.26 5.6A78.18 78.18 0 0 1 60.49 215l-35.27-61a24 24 0 0 1 20.85-36l-4.61-8a24 24 0 0 1 20.82-36L60 70a24 24 0 0 1 36.11-30.46A24.05 24.05 0 0 1 138.56 38l13.89 24a24 24 0 0 1 41.62 0ZM107.33 56L134 102a24 24 0 0 1 20.8-12l-26.65-46a12 12 0 1 0-20.82 12m-37 8l8.08 14a24 24 0 0 1 20.82-12l-8.06-14a12 12 0 0 0-22 2.91a11.9 11.9 0 0 0 1.2 9.09Zm115 79l-20.23-35a12 12 0 0 0-21.1 11.27L156.56 141a6 6 0 0 1-10.4 6l-36.51-63a12 12 0 0 0-20.82 12l26 45a6 6 0 0 1-10.4 6L72.68 92a12 12 0 0 0-20.81 12l35.23 61a6 6 0 0 1-10.41 6l-20.25-35a12 12 0 1 0-20.81 12l35.27 61A66.13 66.13 0 0 0 192 193.09a65.53 65.53 0 0 0-6.6-50.09Zm19.41-38.42L183.66 68a12 12 0 0 0-16.42-4.39A12 12 0 0 0 162.82 80l33 57a77.7 77.7 0 0 1 10.14 31.54a66.25 66.25 0 0 0-1.15-63.96Z"/></svg>

React

import type { SVGProps } from "react";

export function PhHandsClappingLight(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="M162.21 24V8a6 6 0 0 1 12 0v16a6 6 0 0 1-12 0m34.93 15.25a6 6 0 0 0 8.26-2l8-13.11a6 6 0 0 0-10.26-6.25l-8 13.11a6 6 0 0 0 2 8.25m44.57 14.91a6 6 0 0 0-7.57-3.87l-15 4.85a6 6 0 0 0 1.84 11.72a5.9 5.9 0 0 0 1.84-.3l15.06-4.84a6 6 0 0 0 3.83-7.56m-26.49 44.42a78.2 78.2 0 0 1-10.35 92c-.36 1.87-.76 3.74-1.26 5.6A78.18 78.18 0 0 1 60.49 215l-35.27-61a24 24 0 0 1 20.85-36l-4.61-8a24 24 0 0 1 20.82-36L60 70a24 24 0 0 1 36.11-30.46A24.05 24.05 0 0 1 138.56 38l13.89 24a24 24 0 0 1 41.62 0ZM107.33 56L134 102a24 24 0 0 1 20.8-12l-26.65-46a12 12 0 1 0-20.82 12m-37 8l8.08 14a24 24 0 0 1 20.82-12l-8.06-14a12 12 0 0 0-22 2.91a11.9 11.9 0 0 0 1.2 9.09Zm115 79l-20.23-35a12 12 0 0 0-21.1 11.27L156.56 141a6 6 0 0 1-10.4 6l-36.51-63a12 12 0 0 0-20.82 12l26 45a6 6 0 0 1-10.4 6L72.68 92a12 12 0 0 0-20.81 12l35.23 61a6 6 0 0 1-10.41 6l-20.25-35a12 12 0 1 0-20.81 12l35.27 61A66.13 66.13 0 0 0 192 193.09a65.53 65.53 0 0 0-6.6-50.09Zm19.41-38.42L183.66 68a12 12 0 0 0-16.42-4.39A12 12 0 0 0 162.82 80l33 57a77.7 77.7 0 0 1 10.14 31.54a66.25 66.25 0 0 0-1.15-63.96Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M162.21 24V8a6 6 0 0 1 12 0v16a6 6 0 0 1-12 0m34.93 15.25a6 6 0 0 0 8.26-2l8-13.11a6 6 0 0 0-10.26-6.25l-8 13.11a6 6 0 0 0 2 8.25m44.57 14.91a6 6 0 0 0-7.57-3.87l-15 4.85a6 6 0 0 0 1.84 11.72a5.9 5.9 0 0 0 1.84-.3l15.06-4.84a6 6 0 0 0 3.83-7.56m-26.49 44.42a78.2 78.2 0 0 1-10.35 92c-.36 1.87-.76 3.74-1.26 5.6A78.18 78.18 0 0 1 60.49 215l-35.27-61a24 24 0 0 1 20.85-36l-4.61-8a24 24 0 0 1 20.82-36L60 70a24 24 0 0 1 36.11-30.46A24.05 24.05 0 0 1 138.56 38l13.89 24a24 24 0 0 1 41.62 0ZM107.33 56L134 102a24 24 0 0 1 20.8-12l-26.65-46a12 12 0 1 0-20.82 12m-37 8l8.08 14a24 24 0 0 1 20.82-12l-8.06-14a12 12 0 0 0-22 2.91a11.9 11.9 0 0 0 1.2 9.09Zm115 79l-20.23-35a12 12 0 0 0-21.1 11.27L156.56 141a6 6 0 0 1-10.4 6l-36.51-63a12 12 0 0 0-20.82 12l26 45a6 6 0 0 1-10.4 6L72.68 92a12 12 0 0 0-20.81 12l35.23 61a6 6 0 0 1-10.41 6l-20.25-35a12 12 0 1 0-20.81 12l35.27 61A66.13 66.13 0 0 0 192 193.09a65.53 65.53 0 0 0-6.6-50.09Zm19.41-38.42L183.66 68a12 12 0 0 0-16.42-4.39A12 12 0 0 0 162.82 80l33 57a77.7 77.7 0 0 1 10.14 31.54a66.25 66.25 0 0 0-1.15-63.96Z"/></svg>
</template>

CSS

.icon-hands-clapping-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%22M162.21%2024V8a6%206%200%200%201%2012%200v16a6%206%200%200%201-12%200m34.93%2015.25a6%206%200%200%200%208.26-2l8-13.11a6%206%200%200%200-10.26-6.25l-8%2013.11a6%206%200%200%200%202%208.25m44.57%2014.91a6%206%200%200%200-7.57-3.87l-15%204.85a6%206%200%200%200%201.84%2011.72a5.9%205.9%200%200%200%201.84-.3l15.06-4.84a6%206%200%200%200%203.83-7.56m-26.49%2044.42a78.2%2078.2%200%200%201-10.35%2092c-.36%201.87-.76%203.74-1.26%205.6A78.18%2078.18%200%200%201%2060.49%20215l-35.27-61a24%2024%200%200%201%2020.85-36l-4.61-8a24%2024%200%200%201%2020.82-36L60%2070a24%2024%200%200%201%2036.11-30.46A24.05%2024.05%200%200%201%20138.56%2038l13.89%2024a24%2024%200%200%201%2041.62%200ZM107.33%2056L134%20102a24%2024%200%200%201%2020.8-12l-26.65-46a12%2012%200%201%200-20.82%2012m-37%208l8.08%2014a24%2024%200%200%201%2020.82-12l-8.06-14a12%2012%200%200%200-22%202.91a11.9%2011.9%200%200%200%201.2%209.09Zm115%2079l-20.23-35a12%2012%200%200%200-21.1%2011.27L156.56%20141a6%206%200%200%201-10.4%206l-36.51-63a12%2012%200%200%200-20.82%2012l26%2045a6%206%200%200%201-10.4%206L72.68%2092a12%2012%200%200%200-20.81%2012l35.23%2061a6%206%200%200%201-10.41%206l-20.25-35a12%2012%200%201%200-20.81%2012l35.27%2061A66.13%2066.13%200%200%200%20192%20193.09a65.53%2065.53%200%200%200-6.6-50.09Zm19.41-38.42L183.66%2068a12%2012%200%200%200-16.42-4.39A12%2012%200%200%200%20162.82%2080l33%2057a77.7%2077.7%200%200%201%2010.14%2031.54a66.25%2066.25%200%200%200-1.15-63.96Z%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%22M162.21%2024V8a6%206%200%200%201%2012%200v16a6%206%200%200%201-12%200m34.93%2015.25a6%206%200%200%200%208.26-2l8-13.11a6%206%200%200%200-10.26-6.25l-8%2013.11a6%206%200%200%200%202%208.25m44.57%2014.91a6%206%200%200%200-7.57-3.87l-15%204.85a6%206%200%200%200%201.84%2011.72a5.9%205.9%200%200%200%201.84-.3l15.06-4.84a6%206%200%200%200%203.83-7.56m-26.49%2044.42a78.2%2078.2%200%200%201-10.35%2092c-.36%201.87-.76%203.74-1.26%205.6A78.18%2078.18%200%200%201%2060.49%20215l-35.27-61a24%2024%200%200%201%2020.85-36l-4.61-8a24%2024%200%200%201%2020.82-36L60%2070a24%2024%200%200%201%2036.11-30.46A24.05%2024.05%200%200%201%20138.56%2038l13.89%2024a24%2024%200%200%201%2041.62%200ZM107.33%2056L134%20102a24%2024%200%200%201%2020.8-12l-26.65-46a12%2012%200%201%200-20.82%2012m-37%208l8.08%2014a24%2024%200%200%201%2020.82-12l-8.06-14a12%2012%200%200%200-22%202.91a11.9%2011.9%200%200%200%201.2%209.09Zm115%2079l-20.23-35a12%2012%200%200%200-21.1%2011.27L156.56%20141a6%206%200%200%201-10.4%206l-36.51-63a12%2012%200%200%200-20.82%2012l26%2045a6%206%200%200%201-10.4%206L72.68%2092a12%2012%200%200%200-20.81%2012l35.23%2061a6%206%200%200%201-10.41%206l-20.25-35a12%2012%200%201%200-20.81%2012l35.27%2061A66.13%2066.13%200%200%200%20192%20193.09a65.53%2065.53%200%200%200-6.6-50.09Zm19.41-38.42L183.66%2068a12%2012%200%200%200-16.42-4.39A12%2012%200%200%200%20162.82%2080l33%2057a77.7%2077.7%200%200%201%2010.14%2031.54a66.25%2066.25%200%200%200-1.15-63.96Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/hands-clapping-light.svg?color=%231a73e8&size=48