Hand Wave icon
Used for general welcome gestures and activation for sign language features. The Hand Wave icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Hand Wave icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { HandWave24Regular, HandWave24Filled } from "@fluentui/react-icons";
export function Example() {
return <HandWave24Regular aria-label="Hand Wave" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_hand_wave_24_regular.svg" width="24" height="24" alt="Hand Wave"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.6339 2.3224C18.8701 1.98213 19.3375 1.89776 19.6777 2.13395C20.486 2.69497 21.1561 3.6776 21.5758 4.76069C21.9997 5.85482 22.2051 7.14484 21.9888 8.37947C21.9174 8.78747 21.5287 9.06029 21.1207 8.98882C20.7127 8.91735 20.4398 8.52867 20.5113 8.12066C20.6712 7.20792 20.5236 6.19709 20.1771 5.30263C19.8262 4.39714 19.3083 3.70346 18.8224 3.36618C18.4821 3.12999 18.3978 2.66267 18.6339 2.3224ZM9.58827 2.87296C9.10915 2.19234 8.2447 1.85194 7.40145 2.07008C6.48983 2.30591 5.88778 3.11593 5.86678 4.00341C5.73125 4.00246 5.59384 4.01524 5.45628 4.04275C4.26933 4.28014 3.55794 5.50292 3.93823 6.6521L5.89771 12.5734C5.21884 12.529 4.62523 12.6079 4.10964 12.773C3.29216 13.0347 2.72294 13.4963 2.3461 13.9268C1.97164 14.3545 1.91357 14.8914 2.07488 15.347C2.22821 15.7799 2.56904 16.1273 2.98597 16.3165C4.40097 16.9588 7.26049 18.4347 9.7378 20.8037C10.7629 21.784 12.2595 22.2767 13.7005 21.8455L16.2885 21.0709C17.2782 20.7747 18.0365 19.9406 18.1805 18.8881C18.3243 17.837 18.5008 16.2466 18.5008 14.7501C18.5008 12.9863 18.0439 11.0416 17.4997 9.33958C16.9523 7.62769 16.2998 6.1109 15.8746 5.18868C15.4683 4.30724 14.5164 3.86309 13.5976 4.04685C13.3088 4.10461 13.0468 4.2181 12.8198 4.37344L12.6646 3.88738C12.3548 2.9172 11.3654 2.33471 10.3668 2.53444C10.0752 2.59277 9.81261 2.71092 9.58827 2.87296ZM8.43158 3.87378L8.83647 5.04859C8.84611 5.08198 8.85666 5.11532 8.86815 5.14859L10.5407 9.99475C10.6759 10.3863 11.1028 10.5942 11.4944 10.459C11.5733 10.4318 11.6447 10.3927 11.7074 10.3445L11.7233 10.3318C11.9606 10.1389 12.0645 9.81139 11.9591 9.50544L10.2716 4.60914C10.2081 4.33778 10.381 4.06131 10.6609 4.00532C10.9107 3.95535 11.1582 4.10106 11.2357 4.34374L11.9598 6.61086C11.972 6.66133 11.9862 6.71175 12.0024 6.76206L12.8715 9.46543L13.0352 9.97824C13.1363 10.2946 13.4277 10.4973 13.7426 10.5002C13.8212 10.5011 13.9013 10.4895 13.9803 10.4641C14.3747 10.3373 14.5916 9.91487 14.4648 9.52054L14.2999 9.00778L13.4103 6.22218C13.3531 5.90097 13.562 5.58367 13.8917 5.51773C14.1631 5.46345 14.4106 5.59585 14.5124 5.81668C14.9224 6.70587 15.5485 8.16258 16.0709 9.79644C16.5965 11.4402 17.0008 13.2134 17.0008 14.7501C17.0008 16.1465 16.8347 17.6593 16.6944 18.6847C16.634 19.1258 16.313 19.4979 15.8584 19.6339L13.2705 20.4084C12.4258 20.6612 11.4737 20.3883 10.7745 19.7196C8.12423 17.1852 5.09387 15.626 3.60597 14.9506C3.56911 14.9339 3.53989 14.9119 3.5192 14.8901C3.51497 14.8857 3.51128 14.8814 3.50808 14.8775C3.7402 14.6229 4.07971 14.3576 4.56703 14.2016C5.0765 14.0385 5.79992 13.9779 6.81076 14.2398C7.07658 14.3087 7.35879 14.2268 7.54645 14.0263C7.7341 13.8259 7.7972 13.5389 7.71093 13.2782L5.36228 6.18085C5.26504 5.887 5.44694 5.57433 5.75045 5.51363C6.00569 5.46258 6.25893 5.60988 6.34074 5.85698L7.77949 10.2026L8.03745 10.988C8.16671 11.3815 8.59051 11.5958 8.98404 11.4665C9.25125 11.3787 9.4358 11.1552 9.48627 10.8975C9.51115 10.774 9.5052 10.6425 9.46277 10.5144L9.20403 9.73285L7.39424 4.22288C7.29561 3.9226 7.47112 3.60143 7.77712 3.52227C8.05357 3.45076 8.33854 3.60382 8.43158 3.87378ZM18.2987 4.23873C18.0163 3.93571 17.5417 3.91899 17.2387 4.20139C16.9356 4.4838 16.9189 4.95838 17.2013 5.2614C17.6189 5.70951 18 6.25106 18 7.25006C18 7.66428 18.3358 8.00006 18.75 8.00006C19.1642 8.00006 19.5 7.66428 19.5 7.25006C19.5 5.74906 18.8773 4.85965 18.2987 4.23873Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/hand_wave_24_regular.svg";Details
| Name | Hand Wave |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_hand_wave_24_regular.svg |
| Filled file | ic_fluent_hand_wave_24_filled.svg |
| React components | HandWave24Regular, HandWave24Filled |
| License | MIT (© Microsoft Corporation) |