hands clapping icon

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

Name: hands-clapping-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

hands-clapping hands-clapping-bold hands-clapping-duotone hands-clapping-light 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="M188.87 65a18 18 0 0 0-31.25 18l-24.26-42a18 18 0 0 0-31.22 18L96.4 49a18 18 0 0 0-31.22 18l3.34 5.77A26 26 0 0 0 39.74 111l3 5.2A26 26 0 0 0 23.5 155l35.27 61a80.14 80.14 0 0 0 149.52-39.57a71.92 71.92 0 0 0 1.71-74.85Zm1.2 127.56A64.12 64.12 0 0 1 72.65 208l-35.27-61a10 10 0 0 1 17.34-10L75 172a8 8 0 0 0 13.87-8l-35.25-61A10 10 0 0 1 71 93l31.81 55a8 8 0 0 0 13.87-8l-26-45a10 10 0 0 1 17.35-10l36.5 63a8 8 0 0 0 13.87-8l-12.6-21.75a10 10 0 0 1 17.64-9.25l20.22 35a63.52 63.52 0 0 1 6.41 48.57ZM160.22 24V8a8 8 0 0 1 16 0v16a8 8 0 0 1-16 0m33.22 6l8-13.1a8 8 0 0 1 13.68 8.33l-8 13.11a8 8 0 0 1-6.84 3.83A8 8 0 0 1 193.44 30m45 33.66l-15.05 4.85a8.2 8.2 0 0 1-2.46.39a8 8 0 0 1-2.46-15.62l15.06-4.85a8 8 0 1 1 4.91 15.23"/></svg>

React

import type { SVGProps } from "react";

export function PhHandsClappingFill(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="M188.87 65a18 18 0 0 0-31.25 18l-24.26-42a18 18 0 0 0-31.22 18L96.4 49a18 18 0 0 0-31.22 18l3.34 5.77A26 26 0 0 0 39.74 111l3 5.2A26 26 0 0 0 23.5 155l35.27 61a80.14 80.14 0 0 0 149.52-39.57a71.92 71.92 0 0 0 1.71-74.85Zm1.2 127.56A64.12 64.12 0 0 1 72.65 208l-35.27-61a10 10 0 0 1 17.34-10L75 172a8 8 0 0 0 13.87-8l-35.25-61A10 10 0 0 1 71 93l31.81 55a8 8 0 0 0 13.87-8l-26-45a10 10 0 0 1 17.35-10l36.5 63a8 8 0 0 0 13.87-8l-12.6-21.75a10 10 0 0 1 17.64-9.25l20.22 35a63.52 63.52 0 0 1 6.41 48.57ZM160.22 24V8a8 8 0 0 1 16 0v16a8 8 0 0 1-16 0m33.22 6l8-13.1a8 8 0 0 1 13.68 8.33l-8 13.11a8 8 0 0 1-6.84 3.83A8 8 0 0 1 193.44 30m45 33.66l-15.05 4.85a8.2 8.2 0 0 1-2.46.39a8 8 0 0 1-2.46-15.62l15.06-4.85a8 8 0 1 1 4.91 15.23"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M188.87 65a18 18 0 0 0-31.25 18l-24.26-42a18 18 0 0 0-31.22 18L96.4 49a18 18 0 0 0-31.22 18l3.34 5.77A26 26 0 0 0 39.74 111l3 5.2A26 26 0 0 0 23.5 155l35.27 61a80.14 80.14 0 0 0 149.52-39.57a71.92 71.92 0 0 0 1.71-74.85Zm1.2 127.56A64.12 64.12 0 0 1 72.65 208l-35.27-61a10 10 0 0 1 17.34-10L75 172a8 8 0 0 0 13.87-8l-35.25-61A10 10 0 0 1 71 93l31.81 55a8 8 0 0 0 13.87-8l-26-45a10 10 0 0 1 17.35-10l36.5 63a8 8 0 0 0 13.87-8l-12.6-21.75a10 10 0 0 1 17.64-9.25l20.22 35a63.52 63.52 0 0 1 6.41 48.57ZM160.22 24V8a8 8 0 0 1 16 0v16a8 8 0 0 1-16 0m33.22 6l8-13.1a8 8 0 0 1 13.68 8.33l-8 13.11a8 8 0 0 1-6.84 3.83A8 8 0 0 1 193.44 30m45 33.66l-15.05 4.85a8.2 8.2 0 0 1-2.46.39a8 8 0 0 1-2.46-15.62l15.06-4.85a8 8 0 1 1 4.91 15.23"/></svg>
</template>

CSS

.icon-hands-clapping-fill {
  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%22M188.87%2065a18%2018%200%200%200-31.25%2018l-24.26-42a18%2018%200%200%200-31.22%2018L96.4%2049a18%2018%200%200%200-31.22%2018l3.34%205.77A26%2026%200%200%200%2039.74%20111l3%205.2A26%2026%200%200%200%2023.5%20155l35.27%2061a80.14%2080.14%200%200%200%20149.52-39.57a71.92%2071.92%200%200%200%201.71-74.85Zm1.2%20127.56A64.12%2064.12%200%200%201%2072.65%20208l-35.27-61a10%2010%200%200%201%2017.34-10L75%20172a8%208%200%200%200%2013.87-8l-35.25-61A10%2010%200%200%201%2071%2093l31.81%2055a8%208%200%200%200%2013.87-8l-26-45a10%2010%200%200%201%2017.35-10l36.5%2063a8%208%200%200%200%2013.87-8l-12.6-21.75a10%2010%200%200%201%2017.64-9.25l20.22%2035a63.52%2063.52%200%200%201%206.41%2048.57ZM160.22%2024V8a8%208%200%200%201%2016%200v16a8%208%200%200%201-16%200m33.22%206l8-13.1a8%208%200%200%201%2013.68%208.33l-8%2013.11a8%208%200%200%201-6.84%203.83A8%208%200%200%201%20193.44%2030m45%2033.66l-15.05%204.85a8.2%208.2%200%200%201-2.46.39a8%208%200%200%201-2.46-15.62l15.06-4.85a8%208%200%201%201%204.91%2015.23%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%22M188.87%2065a18%2018%200%200%200-31.25%2018l-24.26-42a18%2018%200%200%200-31.22%2018L96.4%2049a18%2018%200%200%200-31.22%2018l3.34%205.77A26%2026%200%200%200%2039.74%20111l3%205.2A26%2026%200%200%200%2023.5%20155l35.27%2061a80.14%2080.14%200%200%200%20149.52-39.57a71.92%2071.92%200%200%200%201.71-74.85Zm1.2%20127.56A64.12%2064.12%200%200%201%2072.65%20208l-35.27-61a10%2010%200%200%201%2017.34-10L75%20172a8%208%200%200%200%2013.87-8l-35.25-61A10%2010%200%200%201%2071%2093l31.81%2055a8%208%200%200%200%2013.87-8l-26-45a10%2010%200%200%201%2017.35-10l36.5%2063a8%208%200%200%200%2013.87-8l-12.6-21.75a10%2010%200%200%201%2017.64-9.25l20.22%2035a63.52%2063.52%200%200%201%206.41%2048.57ZM160.22%2024V8a8%208%200%200%201%2016%200v16a8%208%200%200%201-16%200m33.22%206l8-13.1a8%208%200%200%201%2013.68%208.33l-8%2013.11a8%208%200%200%201-6.84%203.83A8%208%200%200%201%20193.44%2030m45%2033.66l-15.05%204.85a8.2%208.2%200%200%201-2.46.39a8%208%200%200%201-2.46-15.62l15.06-4.85a8%208%200%201%201%204.91%2015.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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