Skip to content
SVG Nexus Vector and 3D Icons
3d MIT 35 vector nodes
Clapping Hands - Fluent UI Emoji iconFree Clapping Hands vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.
144x144 px | Stroke 2px Static
1. Color

Original icon colors are kept until you pick a new color.

2. Canvas Backdrop and Transforms
3. Live Vector Animation Presets Included in SVG export
Edit in SVG Editor Open 3D Icon Editor
Fluent UI Emoji | 3D Vector Icons | viewBox="0 0 32 32" | Free for commercial use

Clapping Hands - Vector and 3D Icons

Source, author, and license are available in the preview and icon details. Clapping Hands - Free for commercial use. License shown on every icon.. No Sign-Up Required | 100% Browser-Based Processing

Instant Vector and High-DPI Raster Downloads
Original icon colors are kept until you pick a new color. fluentui-emoji-clapping-hands-medium-light.svg (28,589 B)
Quick Copy for Developers and UI Frameworks
Live Code Output 
<svg viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" width="36" height="36" role="img" aria-label="Clapping Hands icon"><title>Clapping Hands - Fluent UI Emoji icon</title><desc>Free Clapping Hands vector icon from the Fluent UI Emoji open-source icon library; scalable W3C SVG 2.0 graphic for web and design use.</desc>
<g filter="url(#nx7356_filter0_i_20020_3536)">
<path d="M13.6398 8.8854C13.6586 8.20501 14.0201 7.5507 14.6516 7.18607C15.6 6.63854 16.8118 6.94433 17.3868 7.87626L21.1951 14.0482C21.8445 15.1008 21.4912 16.4821 20.4161 17.0935C19.3615 17.6933 18.0202 17.3186 17.4291 16.2591L17.169 15.7928C17.0382 16.4018 16.6587 16.9557 16.0725 17.2892C15.6066 17.5543 15.0868 17.6364 14.596 17.5585L14.6268 17.612C14.9574 18.1845 14.9923 18.8476 14.7775 19.4233L21.5248 29.0781C20.7435 29.5468 18.6576 30.4374 15.7201 29.6718C13.0091 28.7968 11.6654 27.2499 10.7279 25.6562L5.82611 17.2899C5.23386 16.2759 5.57932 14.9736 6.59628 14.3865C6.97428 14.1682 7.39157 14.0797 7.7966 14.1071L7.41611 13.4241C6.86426 12.4336 7.2095 11.1835 8.19147 10.6166C8.63382 10.3612 9.13111 10.2871 9.59723 10.3714L9.51999 10.2327C8.95972 9.22703 9.31024 7.95781 10.3073 7.38218C11.2936 6.81274 12.5538 7.12997 13.153 8.0985L13.6398 8.8854Z" fill="url(#nx7356_paint0_radial_20020_3536)"/>
<path d="M13.6398 8.8854C13.6586 8.20501 14.0201 7.5507 14.6516 7.18607C15.6 6.63854 16.8118 6.94433 17.3868 7.87626L21.1951 14.0482C21.8445 15.1008 21.4912 16.4821 20.4161 17.0935C19.3615 17.6933 18.0202 17.3186 17.4291 16.2591L17.169 15.7928C17.0382 16.4018 16.6587 16.9557 16.0725 17.2892C15.6066 17.5543 15.0868 17.6364 14.596 17.5585L14.6268 17.612C14.9574 18.1845 14.9923 18.8476 14.7775 19.4233L21.5248 29.0781C20.7435 29.5468 18.6576 30.4374 15.7201 29.6718C13.0091 28.7968 11.6654 27.2499 10.7279 25.6562L5.82611 17.2899C5.23386 16.2759 5.57932 14.9736 6.59628 14.3865C6.97428 14.1682 7.39157 14.0797 7.7966 14.1071L7.41611 13.4241C6.86426 12.4336 7.2095 11.1835 8.19147 10.6166C8.63382 10.3612 9.13111 10.2871 9.59723 10.3714L9.51999 10.2327C8.95972 9.22703 9.31024 7.95781 10.3073 7.38218C11.2936 6.81274 12.5538 7.12997 13.153 8.0985L13.6398 8.8854Z" fill="url(#nx7356_paint1_radial_20020_3536)"/>
</g>
<path d="M8.19148 10.6167C7.20951 11.1836 6.86427 12.4337 7.41612 13.4242L7.79661 14.1072C8.47746 14.1532 9.12367 14.5267 9.49049 15.162L12.7503 20.8082C13.1353 20.8142 13.5269 20.716 13.8819 20.502C14.876 19.9025 15.2073 18.6175 14.6268 17.6121L11.0267 11.3764C10.4535 10.3837 9.18419 10.0435 8.19148 10.6167Z" fill="url(#nx7356_paint2_radial_20020_3536)"/>
<path d="M8.19148 10.6167C7.20951 11.1836 6.86427 12.4337 7.41612 13.4242L7.79661 14.1072C8.47746 14.1532 9.12367 14.5267 9.49049 15.162L12.7503 20.8082C13.1353 20.8142 13.5269 20.716 13.8819 20.502C14.876 19.9025 15.2073 18.6175 14.6268 17.6121L11.0267 11.3764C10.4535 10.3837 9.18419 10.0435 8.19148 10.6167Z" fill="url(#nx7356_paint3_radial_20020_3536)"/>
<path d="M10.3072 7.38223C9.31023 7.95786 8.95971 9.22708 9.51998 10.2328L9.59722 10.3714C10.1772 10.4762 10.7089 10.826 11.0267 11.3763L14.596 17.5586C15.0868 17.6364 15.6066 17.5544 16.0725 17.2893C17.1901 16.6533 17.5565 15.2166 16.88 14.123L13.153 8.09855C12.5538 7.13002 11.2935 6.81279 10.3072 7.38223Z" fill="url(#nx7356_paint4_radial_20020_3536)"/>
<path d="M10.3072 7.38223C9.31023 7.95786 8.95971 9.22708 9.51998 10.2328L9.59722 10.3714C10.1772 10.4762 10.7089 10.826 11.0267 11.3763L14.596 17.5586C15.0868 17.6364 15.6066 17.5544 16.0725 17.2893C17.1901 16.6533 17.5565 15.2166 16.88 14.123L13.153 8.09855C12.5538 7.13002 11.2935 6.81279 10.3072 7.38223Z" fill="url(#nx7356_paint5_radial_20020_3536)"/>
<path d="M13.6398 8.8854L16.88 14.123C17.2017 14.643 17.2876 15.2406 17.169 15.7928L17.4291 16.2591C18.0202 17.3186 19.3615 17.6933 20.4161 17.0935C21.4912 16.4821 21.8445 15.1008 21.1951 14.0482L17.3868 7.87626C16.8118 6.94433 15.6 6.63854 14.6516 7.18607C14.0201 7.5507 13.6586 8.20501 13.6398 8.8854Z" fill="url(#nx7356_paint6_radial_20020_3536)"/>
<path d="M13.6398 8.8854L16.88 14.123C17.2017 14.643 17.2876 15.2406 17.169 15.7928L17.4291 16.2591C18.0202 17.3186 19.3615 17.6933 20.4161 17.0935C21.4912 16.4821 21.8445 15.1008 21.1951 14.0482L17.3868 7.87626C16.8118 6.94433 15.6 6.63854 14.6516 7.18607C14.0201 7.5507 13.6586 8.20501 13.6398 8.8854Z" fill="url(#nx7356_paint7_radial_20020_3536)"/>
<rect x="4.75702" y="15.5186" width="4.22359" height="14.5754" rx="2.1118" transform="rotate(-31.6469 4.75702 15.5186)" fill="url(#nx7356_paint8_radial_20020_3536)"/>
<g filter="url(#nx7356_filter1_f_20020_3536)">
<path d="M8.5634 15.1941L11.033 19.4388" stroke="url(#nx7356_paint9_linear_20020_3536)" stroke-linecap="round"/>
</g>
<g filter="url(#nx7356_filter2_f_20020_3536)">
<path d="M10.0918 11.6698L12.2859 15.3646" stroke="url(#nx7356_paint10_linear_20020_3536)" stroke-linecap="round"/>
</g>
<g filter="url(#nx7356_filter3_f_20020_3536)">
<path d="M12.0221 8.39746L15.0392 13.378" stroke="url(#nx7356_paint11_linear_20020_3536)" stroke-linecap="round"/>
</g>
<g filter="url(#nx7356_filter4_ii_20020_3536)">
<path d="M8.33615 4.88738L7.11615 3.23583C6.92615 2.97777 7.04615 2.60616 7.34615 2.51326L8.70615 2.09006C9.00615 1.99716 9.30615 2.24488 9.28615 2.56487L9.14615 4.63966C9.10615 5.06287 8.58615 5.22802 8.33615 4.88738Z" fill="#187EC9"/>
</g>
<g filter="url(#nx7356_filter5_ii_20020_3536)">
<path d="M5.97615 6.50941L4.11615 5.72941C3.82615 5.60941 3.74615 5.23941 3.96615 5.00941L4.93615 3.97941C5.14615 3.74941 5.52615 3.80941 5.66615 4.08941L6.55615 5.89941C6.72615 6.26941 6.35615 6.66941 5.97615 6.50941Z" fill="#1A78C3"/>
</g>
<g filter="url(#nx7356_filter6_ii_20020_3536)">
<path d="M4.93158 9.30513L2.86009 9.57492C2.53901 9.61643 2.28007 9.32588 2.35257 9.0042L2.69437 7.57223C2.76687 7.26093 3.13974 7.11567 3.40903 7.29208L5.13873 8.45425C5.49088 8.70329 5.35623 9.25325 4.93158 9.30513Z" fill="#1C75C1"/>
</g>
<g filter="url(#nx7356_filter7_ii_20020_3536)">
<path d="M20.308 29.2687C21.2052 29.699 22.2105 29.9401 23.2721 29.9401C26.0371 29.9401 28.4201 28.3048 29.5068 25.9485L29.5247 25.9531C30.4796 23.9932 30.303 22.3465 30.1565 20.9805C30.1208 20.6475 30.0869 20.3313 30.0716 20.0312C30.0254 19.1244 30.0333 17.5853 30.0511 16.4264C30.0526 16.4065 30.0539 16.3866 30.0548 16.3666L30.2112 13.1215C30.2693 11.9173 29.3401 10.894 28.1359 10.836C26.9317 10.778 25.9084 11.7071 25.8504 12.9113L25.8411 13.1034L22.9948 7.71065C22.4504 6.67919 21.1707 6.28554 20.1392 6.82995C19.5909 7.11938 19.2218 7.61635 19.0782 8.17337L18.8133 7.74364C18.2014 6.75076 16.8983 6.44327 15.9054 7.05522C14.9125 7.66716 14.6016 8.96945 15.2135 9.96233L15.2977 10.0988C14.8156 10.0168 14.3028 10.103 13.8538 10.3797C12.8728 10.9844 12.5677 12.2698 13.1723 13.2508L13.699 14.1053C13.1602 13.964 12.5667 14.0349 12.0551 14.3502C11.0622 14.9621 10.7534 16.2631 11.3654 17.256L16.743 25.9811C17.8529 27.7344 19.2713 28.7714 20.308 29.2687Z" fill="url(#nx7356_paint12_radial_20020_3536)"/>
</g>
<path d="M20.308 29.2687C21.2052 29.699 22.2105 29.9401 23.2721 29.9401C26.0371 29.9401 28.4201 28.3048 29.5068 25.9485L29.5247 25.9531C30.4796 23.9932 30.303 22.3465 30.1565 20.9805C30.1208 20.6475 30.0869 20.3313 30.0716 20.0312C30.0254 19.1244 30.0333 17.5853 30.0511 16.4264C30.0526 16.4065 30.0539 16.3866 30.0548 16.3666L30.2112 13.1215C30.2693 11.9173 29.3401 10.894 28.1359 10.836C26.9317 10.778 25.9084 11.7071 25.8504 12.9113L25.8411 13.1034L22.9948 7.71065C22.4504 6.67919 21.1707 6.28554 20.1392 6.82995C19.5909 7.11938 19.2218 7.61635 19.0782 8.17337L18.8133 7.74364C18.2014 6.75076 16.8983 6.44327 15.9054 7.05522C14.9125 7.66716 14.6016 8.96945 15.2135 9.96233L15.2977 10.0988C14.8156 10.0168 14.3028 10.103 13.8538 10.3797C12.8728 10.9844 12.5677 12.2698 13.1723 13.2508L13.699 14.1053C13.1602 13.964 12.5667 14.0349 12.0551 14.3502C11.0622 14.9621 10.7534 16.2631 11.3654 17.256L16.743 25.9811C17.8529 27.7344 19.2713 28.7714 20.308 29.2687Z" fill="url(#nx7356_paint13_radial_20020_3536)"/>
<g filter="url(#nx7356_filter8_f_20020_3536)">
<path d="M18.6802 24.3465L14.3332 16.9779C14.0954 16.5748 14.2089 16.0565 14.5934 15.7897C15.0022 15.5061 15.564 15.611 15.8429 16.0231L18.2998 19.6545C18.5088 19.9634 18.9304 20.0409 19.2355 19.8265C19.5269 19.6217 19.606 19.2242 19.4152 18.9236L15.5853 12.8878C15.3454 12.5098 15.4333 12.0112 15.788 11.738C16.1979 11.4223 16.7915 11.5342 17.0582 11.9777L20.7907 18.1826C20.9725 18.4849 21.3681 18.5776 21.6653 18.3875C21.9474 18.207 22.0378 17.8366 21.8705 17.5465L17.5913 10.1258C17.315 9.64677 17.5016 9.03394 17.9979 8.79C18.4479 8.56879 18.9924 8.73283 19.2453 9.16584L23.6504 16.7067C23.8098 16.9796 24.1649 17.0637 24.4297 16.8913C24.672 16.7337 24.752 16.416 24.6133 16.1623L21.7345 10.8983C21.4933 10.4571 21.6566 9.90391 22.0988 9.66455C22.5337 9.42916 23.077 9.58517 23.3207 10.0154L26.6561 15.9037C26.6597 15.7796 26.7317 15.153 26.8291 14.7509C27.1586 13.392 27.6035 12.8609 28.0867 12.8609C28.5883 12.8609 29.1783 13.0746 29.0172 14.6491C28.6974 17.775 28.9591 19.9413 29.0172 20.3483C29.0754 20.7554 29.9701 25.1105 25.841 26.9424C22.5378 28.4079 19.6009 25.8488 18.6802 24.3465Z" fill="url(#nx7356_paint14_radial_20020_3536)"/>
</g>
<rect x="10.2574" y="15.4583" width="4.22359" height="14.5754" rx="2.1118" transform="rotate(-31.6469 10.2574 15.4583)" fill="url(#nx7356_paint15_radial_20020_3536)"/>
<path d="M13.8538 10.3798C12.8728 10.9844 12.5677 12.2699 13.1723 13.2509L13.6989 14.1053C14.2058 14.2382 14.6643 14.5587 14.9609 15.04L19.8479 22.9691C20.3777 23.1053 20.9599 23.0342 21.4623 22.7246C22.4434 22.1199 22.7485 20.8345 22.1439 19.8535L16.7249 11.0613C16.1203 10.0803 14.8349 9.77515 13.8538 10.3798Z" fill="url(#nx7356_paint16_radial_20020_3536)"/>
<path d="M13.8538 10.3798C12.8728 10.9844 12.5677 12.2699 13.1723 13.2509L13.6989 14.1053C14.2058 14.2382 14.6643 14.5587 14.9609 15.04L19.8479 22.9691C20.3777 23.1053 20.9599 23.0342 21.4623 22.7246C22.4434 22.1199 22.7485 20.8345 22.1439 19.8535L16.7249 11.0613C16.1203 10.0803 14.8349 9.77515 13.8538 10.3798Z" fill="url(#nx7356_paint17_radial_20020_3536)"/>
<path d="M15.9054 7.05529C14.9125 7.66724 14.6016 8.96953 15.2135 9.96241L15.2977 10.0989C15.8689 10.196 16.397 10.5293 16.725 11.0613L22.0386 19.6827C22.5308 19.7692 23.0554 19.6827 23.5139 19.4001C24.5068 18.7881 24.8178 17.4858 24.2058 16.493L18.8133 7.74372C18.2014 6.75084 16.8983 6.44335 15.9054 7.05529Z" fill="url(#nx7356_paint18_radial_20020_3536)"/>
<path d="M15.9054 7.05529C14.9125 7.66724 14.6016 8.96953 15.2135 9.96241L15.2977 10.0989C15.8689 10.196 16.397 10.5293 16.725 11.0613L22.0386 19.6827C22.5308 19.7692 23.0554 19.6827 23.5139 19.4001C24.5068 18.7881 24.8178 17.4858 24.2058 16.493L18.8133 7.74372C18.2014 6.75084 16.8983 6.44335 15.9054 7.05529Z" fill="url(#nx7356_paint19_radial_20020_3536)"/>
<path d="M19.0782 8.17339L24.2058 16.4929C24.6727 17.2505 24.6024 18.1882 24.1017 18.8619C24.671 19.8272 25.9065 20.183 26.9081 19.6544C27.9395 19.11 28.3365 17.8313 27.7921 16.7998L22.9948 7.71065C22.4504 6.67919 21.1707 6.28554 20.1392 6.82995C19.5909 7.11938 19.2218 7.61636 19.0782 8.17339Z" fill="url(#nx7356_paint20_radial_20020_3536)"/>
<path d="M19.0782 8.17339L24.2058 16.4929C24.6727 17.2505 24.6024 18.1882 24.1017 18.8619C24.671 19.8272 25.9065 20.183 26.9081 19.6544C27.9395 19.11 28.3365 17.8313 27.7921 16.7998L22.9948 7.71065C22.4504 6.67919 21.1707 6.28554 20.1392 6.82995C19.5909 7.11938 19.2218 7.61636 19.0782 8.17339Z" fill="url(#nx7356_paint21_radial_20020_3536)"/>
<path d="M28.5935 18.3233L25.841 13.1058L25.8504 12.9114C25.9084 11.7072 26.9317 10.778 28.1359 10.8361C29.3401 10.8941 30.2693 11.9174 30.2112 13.1216L30.0548 16.3666C30.0107 17.2821 29.4087 18.0386 28.5935 18.3233Z" fill="url(#nx7356_paint22_radial_20020_3536)"/>
<g filter="url(#nx7356_filter9_f_20020_3536)">
<path d="M13.7435 16L17.1808 21.1379" stroke="#FCC8A8" stroke-width="1.25" stroke-linecap="round"/>
</g>
<g filter="url(#nx7356_filter10_f_20020_3536)">
<path d="M15.431 11.5938L20.4348 18.9686" stroke="#FFCDAB" stroke-width="1.25" stroke-linecap="round"/>
</g>
<g filter="url(#nx7356_filter11_f_20020_3536)">
<path d="M17.5247 8.39746L23.0861 17.0103" stroke="#FFCEA8" stroke-width="1.25" stroke-linecap="round"/>
</g>
<g filter="url(#nx7356_filter12_f_20020_3536)">
<path d="M21.3372 8.125L25.4663 15.323" stroke="#FFD0A9" stroke-width="1.25" stroke-linecap="round"/>
</g>
<g filter="url(#nx7356_filter13_f_20020_3536)">
<path d="M28.5093 12.5868C28.1988 15.3199 28.3406 18.9264 28.5093 21.2885" stroke="url(#nx7356_paint23_linear_20020_3536)" stroke-width="1.25" stroke-linecap="round"/>
</g>
<defs>
<filter id="nx7356_filter0_i_20020_3536" x="5.53656" y="6.66455" width="16.1382" height="23.3065" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.15" dy="-0.25"/>
<feGaussianBlur stdDeviation="0.25"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.701961 0 0 0 0 0.501961 0 0 0 0 0.454902 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_20020_3536"/>
</filter>
<filter id="nx7356_filter1_f_20020_3536" x="7.31332" y="13.944" width="4.96973" height="6.74487" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.375" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<filter id="nx7356_filter2_f_20020_3536" x="8.84172" y="10.4197" width="4.69421" height="6.19495" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.375" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<filter id="nx7356_filter3_f_20020_3536" x="10.772" y="7.14734" width="5.51726" height="7.48071" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.375" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<filter id="nx7356_filter4_ii_20020_3536" x="6.87466" y="1.97031" width="2.66244" height="3.25" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.15" dy="0.15"/>
<feGaussianBlur stdDeviation="0.15"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.109804 0 0 0 0 0.580392 0 0 0 0 0.905882 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_20020_3536"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.25" dy="-0.1"/>
<feGaussianBlur stdDeviation="0.2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0862745 0 0 0 0 0.317647 0 0 0 0 0.654902 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_20020_3536" result="effect2_innerShadow_20020_3536"/>
</filter>
<filter id="nx7356_filter5_ii_20020_3536" x="3.6903" y="3.83789" width="3.15835" height="2.85776" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.15" dy="0.15"/>
<feGaussianBlur stdDeviation="0.15"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.113725 0 0 0 0 0.568627 0 0 0 0 0.898039 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_20020_3536"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.25"/>
<feGaussianBlur stdDeviation="0.2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0784314 0 0 0 0 0.341176 0 0 0 0 0.588235 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_20020_3536" result="effect2_innerShadow_20020_3536"/>
</filter>
<filter id="nx7356_filter6_ii_20020_3536" x="2.1903" y="7.21594" width="3.4" height="2.51292" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-0.15" dy="0.15"/>
<feGaussianBlur stdDeviation="0.15"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.113725 0 0 0 0 0.556863 0 0 0 0 0.87451 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_20020_3536"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.25"/>
<feGaussianBlur stdDeviation="0.2"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0941176 0 0 0 0 0.301961 0 0 0 0 0.603922 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_20020_3536" result="effect2_innerShadow_20020_3536"/>
</filter>
<filter id="nx7356_filter7_ii_20020_3536" x="11.0511" y="5.58508" width="20.2218" height="24.355" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="-1"/>
<feGaussianBlur stdDeviation="1"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.764706 0 0 0 0 0.501961 0 0 0 0 0.517647 0 0 0 1 0"/>
<feBlend mode="normal" in2="shape" result="effect1_innerShadow_20020_3536"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="0.25" dy="-0.35"/>
<feGaussianBlur stdDeviation="0.3"/>
<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.780392 0 0 0 0 0.529412 0 0 0 0 0.509804 0 0 0 1 0"/>
<feBlend mode="normal" in2="effect1_innerShadow_20020_3536" result="effect2_innerShadow_20020_3536"/>
</filter>
<filter id="nx7356_filter8_f_20020_3536" x="12.2092" y="6.69177" width="18.9289" height="22.6885" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<filter id="nx7356_filter9_f_20020_3536" x="11.8684" y="14.1249" width="7.18745" height="8.88806" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.625" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<filter id="nx7356_filter10_f_20020_3536" x="13.5559" y="9.71863" width="8.75389" height="11.125" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.625" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<filter id="nx7356_filter11_f_20020_3536" x="15.6497" y="6.52234" width="9.31152" height="12.363" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.625" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<filter id="nx7356_filter12_f_20020_3536" x="19.4621" y="6.24988" width="7.87929" height="10.9482" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.625" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<filter id="nx7356_filter13_f_20020_3536" x="26.4509" y="10.7118" width="3.93355" height="12.4518" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="0.625" result="effect1_foregroundBlur_20020_3536"/>
</filter>
<radialGradient id="nx7356_paint0_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.8046 27.6961) rotate(-93.8883) scale(21.6066 14.9828)">
<stop stop-color="#97606B"/>
<stop offset="1" stop-color="#A87B67"/>
</radialGradient>
<radialGradient id="nx7356_paint1_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(19.2033 24.5407) rotate(-141.582) scale(9.81318 5.06726)">
<stop stop-color="#8A564F"/>
<stop offset="1" stop-color="#8A564F" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint2_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.74042 16.6673) rotate(58.0919) scale(4.61566 1.79334)">
<stop stop-color="#865645"/>
<stop offset="1" stop-color="#865645" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint3_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(9.92953 9.90554) rotate(84.6428) scale(3.01925 2.92551)">
<stop stop-color="#B89174"/>
<stop offset="1" stop-color="#B48E70" stop-opacity="0"/>
<stop offset="1" stop-color="#B89174" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint4_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.5091 13.1449) rotate(58.6713) scale(5.76677 2.26463)">
<stop stop-color="#865645"/>
<stop offset="1" stop-color="#865645" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint5_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.7718 7.09961) rotate(92.1622) scale(2.99948 2.97789)">
<stop stop-color="#C6A180"/>
<stop offset="1" stop-color="#C6A180" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint6_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.3468 10.5748) rotate(56.2463) scale(7.9164 3.09735)">
<stop stop-color="#865645"/>
<stop offset="1" stop-color="#865645" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint7_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(16.9169 5.32753) rotate(106.04) scale(4.45696 4.3873)">
<stop stop-color="#B48E70"/>
<stop offset="1" stop-color="#B48E70" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint8_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(8.99142 16.0522) rotate(122.177) scale(3.94256 4.29422)">
<stop stop-color="#A98367"/>
<stop offset="1" stop-color="#A98367" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx7356_paint9_linear_20020_3536" x1="11.1589" y1="19.5826" x2="7.06502" y2="15.1414" gradientUnits="userSpaceOnUse">
<stop stop-color="#A98167"/>
<stop offset="1" stop-color="#A98167" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx7356_paint10_linear_20020_3536" x1="10.0918" y1="12.0098" x2="15.9853" y2="18.1702" gradientUnits="userSpaceOnUse">
<stop stop-color="#BA9378"/>
<stop offset="1" stop-color="#BA9378" stop-opacity="0"/>
</linearGradient>
<linearGradient id="nx7356_paint11_linear_20020_3536" x1="12.8085" y1="7.72196" x2="19.1332" y2="14.5004" gradientUnits="userSpaceOnUse">
<stop stop-color="#CDA587"/>
<stop offset="1" stop-color="#CDA587" stop-opacity="0"/>
</linearGradient>
<radialGradient id="nx7356_paint12_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(20.6619 15.0354) rotate(90) scale(14.9047 12.2669)">
<stop stop-color="#DEA287"/>
<stop offset="1" stop-color="#EAAF9C"/>
</radialGradient>
<radialGradient id="nx7356_paint13_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(32.9166 21.7089) rotate(176.209) scale(6.07288 23.3151)">
<stop stop-color="#DFA57D"/>
<stop offset="1" stop-color="#DFA57D" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint14_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.1001 15.8735) rotate(97.806) scale(14.8428 16.097)">
<stop stop-color="#FFD0A8"/>
<stop offset="1" stop-color="#FFD0A8" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint15_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.0986 15.0782) rotate(102.538) scale(2.222 2.56895)">
<stop stop-color="#CE9C7B"/>
<stop offset="1" stop-color="#CE9C7B" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint16_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(13.9811 15.1154) rotate(53.5658) scale(6.79917 2.41987)">
<stop stop-color="#DF9F7C"/>
<stop offset="1" stop-color="#DF9F7C" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint17_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(14.1464 8.86628) rotate(71.222) scale(3.49228 5.58798)">
<stop stop-color="#D1A281"/>
<stop offset="1" stop-color="#D1A281" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint18_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(15.301 11.2554) rotate(48.5275) scale(7.97563 2.8404)">
<stop stop-color="#E6A480"/>
<stop offset="1" stop-color="#E6A480" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint19_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.3444 6.24336) rotate(90.6031) scale(3.66287 5.87108)">
<stop stop-color="#D3A986"/>
<stop offset="1" stop-color="#D3A986" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint20_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.848 9.90595) rotate(49.8328) scale(9.38425 3.28726)">
<stop stop-color="#D89A6E"/>
<stop offset="1" stop-color="#D89A6E" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint21_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(21.5468 5.8963) rotate(94.3996) scale(2.85716 4.2335)">
<stop stop-color="#D7AC88"/>
<stop offset="1" stop-color="#D7AC88" stop-opacity="0"/>
</radialGradient>
<radialGradient id="nx7356_paint22_radial_20020_3536" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(25.4212 14.5784) rotate(-89.0846) scale(6.20883 3.51252)">
<stop offset="0.12411" stop-color="#B67D54"/>
<stop offset="1" stop-color="#D99D70" stop-opacity="0"/>
</radialGradient>
<linearGradient id="nx7356_paint23_linear_20020_3536" x1="28.4176" y1="12.5868" x2="28.4176" y2="21.2885" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFD0AB"/>
<stop offset="1" stop-color="#FFD0AB" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
AI Prompt and Vector Enhancer

Want to Improve or Restyle This Icon? Clapping Hands

Generate a precise engineering prompt, or improve the icon on the canvas right now. Clapping Hands

Open in AI Icon Generator Tool
100% client-side prompt builder
Clapping Hands Free SVG Vector Icon - Fluent UI Emoji (MIT)
Icon Source and License Verification LICENSE.txt

Library: Fluent UI Emoji | Author: Microsoft Corporation | License: MIT | No Sign-Up Required | 100% Browser-Based Processing

Keywords
#fluentui #emoji #clapping #hands #medium #light #3d #icons #clapping hands svg #clapping hands icon #clapping hands fluent ui emoji #clapping hands react tsx #clapping hands vue #clapping hands png
Popular in your language
free svg icons download vector icons svg to png converter svg to react tsx component ai icon prompt generator 3d svg icons lucide icons heroicons bootstrap icons tabler icons

Clapping Hands - Technical Vector Specifications

Source, author, and license are available in the preview and icon details. Clapping Hands

Canonical asset identifier fluentui-emoji/fluentui-emoji-clapping-hands-medium-light
Source library pack Fluent UI Emoji
Coordinate grid and viewBox viewBox="0 0 32 32"
Uncompressed payload 28,589 bytes (~15,724 bytes gzipped)
SPDX license and commercial use MIT - Free for commercial use
Supported export targets SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64
Security and privacy guarantee No Sign-Up Required | 100% Browser-Based Processing

How to Use and Customize This Icon: Clapping Hands

  1. Customize visually: Color, Auto (Stroke and Fill), Stroke Width (0.5px-4px), Live Vector Animation Presets
  2. Download vector or raster: Download SVG, PNG (Transparent), WebP (Optimized) (2048x2048 px)
  3. Copy framework code: Copy ready code for React, Next.js, Vue 3, Svelte, Angular, HTML, and CSS masks.
  4. Deep vector editing: Edit in SVG Editor (76,166)
Accessibility tip (WCAG 2.1): Hide decorative icons with aria-hidden and focusable false. Give icon-only buttons a clear aria-label. Flip arrows and chevrons horizontally for right-to-left languages. fluentui-emoji-clapping-hands-medium-light.svg aria-hidden="true" focusable="false"

More in 3D Vector Icons

Browse

Explore more

Frequently Asked Questions

Clapping Hands - Frequently Asked Questions

Is the Clapping Hands SVG icon free for commercial use? +

Yes. The Clapping Hands icon from the Fluent UI Emoji collection is licensed under MIT. You can use it free of charge in commercial websites, mobile apps, SaaS products, and print designs.

Does the Clapping Hands icon keep its original default colors on download? +

Yes. By default, downloading Clapping Hands keeps its original SVG colors and stroke settings untouched. If you pick a custom color or stroke width in the live editor, your downloaded file will include your custom changes.

How do I use the Clapping Hands icon in React, Next.js, or Vue? +

Switch to the React TSX or Vue 3 tab on this page and click Copy SVG. Paste the component into your project and style it with standard CSS or Tailwind classes.

Can I download Clapping Hands as a transparent PNG image? +

Yes. Choose your preferred size such as 64px, 128px, 256px, 512px, or 2048px and click Download PNG to render a high-resolution transparent PNG in your browser.

How do I animate the Clapping Hands SVG icon with CSS? +

Click any animation button in the Live Editor such as Spin, Pulse, Bounce, Float, or Draw. The SVG code and download automatically include the matching CSS keyframes.

Can I generate an AI prompt for Clapping Hands? +

Yes. Use the AI Icon Prompt Generator section on this page to create a tailored prompt for Clapping Hands in 3D Clay, Glassmorphism, Neon, or Minimalist Vector style.

Can I resize the Clapping Hands icon without losing quality? +

Yes. The Clapping Hands file is a vector with a scalable viewBox, so it stays sharp at 16px, 64px, 512px, or any print size.

Where do I report a problem with the Clapping Hands icon file? +

Write to support@svgnexus.com with the icon URL. License and takedown questions about Clapping Hands go to legal@svgnexus.com.

100% Browser-Based Processing | 76,166 icons

SVG Editor

Edit paths, layers, colors, and animations in your browser, then export clean SVG, PNG, or framework code.

Open in Editor Explore All Icons (76,166)

Type to search 76,166 vector icons...

Navigate | Enter Open Explore All Icons

Compare

Icon Source and License

License Commercial use Attribution Modify or recolor
MITAllowedNotice in bundleAllowed
ISCAllowedNotice in bundleAllowed
Apache-2.0AllowedRequired with notice fileAllowed
CC BY 4.0AllowedCredit requiredAllowed
CC-BY-SA-4.0AllowedShareAlikeShareAlike
Trademark / BrandReferential use onlyOwner guidelinesRestricted

Icon Preview