hands clapping icon
hands-clapping-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- hands-clapping-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
The same icon in other sets
Use the hands clapping icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10.442 13.313l-2.25-3.897a1.5 1.5 0 1 1 2.598-1.5l2.336 4.046m0 0l.153.265a4 4 0 0 1-.153-.265m0 0c-.995-1.875 0-3.496 1.874-3.81c.24-.04.457.125.529.358c.233.76.642 1.638 1.126 2.531c1.737 3.204.975 7.36-2.182 9.183a6.036 6.036 0 0 1-8.245-2.21l-.982-1.7m1.598-3.112l-2.25-3.897a1.5 1.5 0 1 1 2.599-1.5l2.25 3.897M5.25 16.309l-1.226-2.043a1.487 1.487 0 1 1 2.564-1.51l1.256 2.177M9.79 6.19a1.5 1.5 0 0 1 2.599-1.499l1.747 3.033M9.789 6.19L8.79 4.46a1.5 1.5 0 0 0-2.598 1.5l2.25 3.896M9.79 6.19l1.251 2.166m3.31-.756c-.164-1.36.767-2.425 2.248-2.673c.24-.04.457.125.529.358c.233.76.642 1.638 1.126 2.531c1.451 2.677 1.158 6.019-.819 8.109m.94-13.87l-.129.483m-3-.483l.13.483m4.284 2.45l.84-.488"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteHandsClappingLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="m10.442 13.313l-2.25-3.897a1.5 1.5 0 1 1 2.598-1.5l2.336 4.046m0 0l.153.265a4 4 0 0 1-.153-.265m0 0c-.995-1.875 0-3.496 1.874-3.81c.24-.04.457.125.529.358c.233.76.642 1.638 1.126 2.531c1.737 3.204.975 7.36-2.182 9.183a6.036 6.036 0 0 1-8.245-2.21l-.982-1.7m1.598-3.112l-2.25-3.897a1.5 1.5 0 1 1 2.599-1.5l2.25 3.897M5.25 16.309l-1.226-2.043a1.487 1.487 0 1 1 2.564-1.51l1.256 2.177M9.79 6.19a1.5 1.5 0 0 1 2.599-1.499l1.747 3.033M9.789 6.19L8.79 4.46a1.5 1.5 0 0 0-2.598 1.5l2.25 3.896M9.79 6.19l1.251 2.166m3.31-.756c-.164-1.36.767-2.425 2.248-2.673c.24-.04.457.125.529.358c.233.76.642 1.638 1.126 2.531c1.451 2.677 1.158 6.019-.819 8.109m.94-13.87l-.129.483m-3-.483l.13.483m4.284 2.45l.84-.488"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m10.442 13.313l-2.25-3.897a1.5 1.5 0 1 1 2.598-1.5l2.336 4.046m0 0l.153.265a4 4 0 0 1-.153-.265m0 0c-.995-1.875 0-3.496 1.874-3.81c.24-.04.457.125.529.358c.233.76.642 1.638 1.126 2.531c1.737 3.204.975 7.36-2.182 9.183a6.036 6.036 0 0 1-8.245-2.21l-.982-1.7m1.598-3.112l-2.25-3.897a1.5 1.5 0 1 1 2.599-1.5l2.25 3.897M5.25 16.309l-1.226-2.043a1.487 1.487 0 1 1 2.564-1.51l1.256 2.177M9.79 6.19a1.5 1.5 0 0 1 2.599-1.499l1.747 3.033M9.789 6.19L8.79 4.46a1.5 1.5 0 0 0-2.598 1.5l2.25 3.896M9.79 6.19l1.251 2.166m3.31-.756c-.164-1.36.767-2.425 2.248-2.673c.24-.04.457.125.529.358c.233.76.642 1.638 1.126 2.531c1.451 2.677 1.158 6.019-.819 8.109m.94-13.87l-.129.483m-3-.483l.13.483m4.284 2.45l.84-.488"/></svg> </template>
CSS
.icon-hands-clapping-line {
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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m10.442%2013.313l-2.25-3.897a1.5%201.5%200%201%201%202.598-1.5l2.336%204.046m0%200l.153.265a4%204%200%200%201-.153-.265m0%200c-.995-1.875%200-3.496%201.874-3.81c.24-.04.457.125.529.358c.233.76.642%201.638%201.126%202.531c1.737%203.204.975%207.36-2.182%209.183a6.036%206.036%200%200%201-8.245-2.21l-.982-1.7m1.598-3.112l-2.25-3.897a1.5%201.5%200%201%201%202.599-1.5l2.25%203.897M5.25%2016.309l-1.226-2.043a1.487%201.487%200%201%201%202.564-1.51l1.256%202.177M9.79%206.19a1.5%201.5%200%200%201%202.599-1.499l1.747%203.033M9.789%206.19L8.79%204.46a1.5%201.5%200%200%200-2.598%201.5l2.25%203.896M9.79%206.19l1.251%202.166m3.31-.756c-.164-1.36.767-2.425%202.248-2.673c.24-.04.457.125.529.358c.233.76.642%201.638%201.126%202.531c1.451%202.677%201.158%206.019-.819%208.109m.94-13.87l-.129.483m-3-.483l.13.483m4.284%202.45l.84-.488%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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m10.442%2013.313l-2.25-3.897a1.5%201.5%200%201%201%202.598-1.5l2.336%204.046m0%200l.153.265a4%204%200%200%201-.153-.265m0%200c-.995-1.875%200-3.496%201.874-3.81c.24-.04.457.125.529.358c.233.76.642%201.638%201.126%202.531c1.737%203.204.975%207.36-2.182%209.183a6.036%206.036%200%200%201-8.245-2.21l-.982-1.7m1.598-3.112l-2.25-3.897a1.5%201.5%200%201%201%202.599-1.5l2.25%203.897M5.25%2016.309l-1.226-2.043a1.487%201.487%200%201%201%202.564-1.51l1.256%202.177M9.79%206.19a1.5%201.5%200%200%201%202.599-1.499l1.747%203.033M9.789%206.19L8.79%204.46a1.5%201.5%200%200%200-2.598%201.5l2.25%203.896M9.79%206.19l1.251%202.166m3.31-.756c-.164-1.36.767-2.425%202.248-2.673c.24-.04.457.125.529.358c.233.76.642%201.638%201.126%202.531c1.451%202.677%201.158%206.019-.819%208.109m.94-13.87l-.129.483m-3-.483l.13.483m4.284%202.45l.84-.488%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/hands-clapping-line.svg?color=%231a73e8&size=48