hand wave icon
hand-wave-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- hand-wave-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×21
- License
- MIT
5 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
Use the hand wave icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 21"><path fill="currentColor" d="M15.846 1.147a.49.49 0 0 0-.703.001a.51.51 0 0 0 .008.712a6.57 6.57 0 0 1 1.856 5.567a.51.51 0 0 0 .42.574a.49.49 0 0 0 .563-.42a7.6 7.6 0 0 0-2.144-6.434m-10.393.356a.75.75 0 0 0-1.412.504l2.114 5.92a.533.533 0 1 1-1.004.358l-1.697-4.78a.75.75 0 0 0-1.414.5l2.547 7.176c-2.117-.575-2.852.574-3.07 1.091c-.053.127.026.26.158.3c.82.247 3.662 1.27 6.842 4.317c.604.579 1.492.78 2.265.457l2.158-.902a2 2 0 0 0 1.21-1.575l.274-2.013a8 8 0 0 0-.343-3.626l-1.085-3.227l-.007.003l-1.153-3.493a.75.75 0 0 0-1.42.484l.963 2.935a.633.633 0 0 1-1.195.417L8.673 2.002a.75.75 0 1 0-1.413.504l1.507 4.335a.663.663 0 1 1-1.248.445zm8.787 1.571a.5.5 0 0 1 .686.173l.296.495a5.47 5.47 0 0 1 .775 2.757a.5.5 0 1 1-1 .01a4.47 4.47 0 0 0-.634-2.254l-.295-.495a.5.5 0 0 1 .172-.686"/></svg>
React
import type { SVGProps } from "react";
export function FluentHandWave20Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 21"><path fill="currentColor" d="M15.846 1.147a.49.49 0 0 0-.703.001a.51.51 0 0 0 .008.712a6.57 6.57 0 0 1 1.856 5.567a.51.51 0 0 0 .42.574a.49.49 0 0 0 .563-.42a7.6 7.6 0 0 0-2.144-6.434m-10.393.356a.75.75 0 0 0-1.412.504l2.114 5.92a.533.533 0 1 1-1.004.358l-1.697-4.78a.75.75 0 0 0-1.414.5l2.547 7.176c-2.117-.575-2.852.574-3.07 1.091c-.053.127.026.26.158.3c.82.247 3.662 1.27 6.842 4.317c.604.579 1.492.78 2.265.457l2.158-.902a2 2 0 0 0 1.21-1.575l.274-2.013a8 8 0 0 0-.343-3.626l-1.085-3.227l-.007.003l-1.153-3.493a.75.75 0 0 0-1.42.484l.963 2.935a.633.633 0 0 1-1.195.417L8.673 2.002a.75.75 0 1 0-1.413.504l1.507 4.335a.663.663 0 1 1-1.248.445zm8.787 1.571a.5.5 0 0 1 .686.173l.296.495a5.47 5.47 0 0 1 .775 2.757a.5.5 0 1 1-1 .01a4.47 4.47 0 0 0-.634-2.254l-.295-.495a.5.5 0 0 1 .172-.686"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 21"><path fill="currentColor" d="M15.846 1.147a.49.49 0 0 0-.703.001a.51.51 0 0 0 .008.712a6.57 6.57 0 0 1 1.856 5.567a.51.51 0 0 0 .42.574a.49.49 0 0 0 .563-.42a7.6 7.6 0 0 0-2.144-6.434m-10.393.356a.75.75 0 0 0-1.412.504l2.114 5.92a.533.533 0 1 1-1.004.358l-1.697-4.78a.75.75 0 0 0-1.414.5l2.547 7.176c-2.117-.575-2.852.574-3.07 1.091c-.053.127.026.26.158.3c.82.247 3.662 1.27 6.842 4.317c.604.579 1.492.78 2.265.457l2.158-.902a2 2 0 0 0 1.21-1.575l.274-2.013a8 8 0 0 0-.343-3.626l-1.085-3.227l-.007.003l-1.153-3.493a.75.75 0 0 0-1.42.484l.963 2.935a.633.633 0 0 1-1.195.417L8.673 2.002a.75.75 0 1 0-1.413.504l1.507 4.335a.663.663 0 1 1-1.248.445zm8.787 1.571a.5.5 0 0 1 .686.173l.296.495a5.47 5.47 0 0 1 .775 2.757a.5.5 0 1 1-1 .01a4.47 4.47 0 0 0-.634-2.254l-.295-.495a.5.5 0 0 1 .172-.686"/></svg> </template>
CSS
.icon-hand-wave-20-filled {
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%2020%2021%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.846%201.147a.49.49%200%200%200-.703.001a.51.51%200%200%200%20.008.712a6.57%206.57%200%200%201%201.856%205.567a.51.51%200%200%200%20.42.574a.49.49%200%200%200%20.563-.42a7.6%207.6%200%200%200-2.144-6.434m-10.393.356a.75.75%200%200%200-1.412.504l2.114%205.92a.533.533%200%201%201-1.004.358l-1.697-4.78a.75.75%200%200%200-1.414.5l2.547%207.176c-2.117-.575-2.852.574-3.07%201.091c-.053.127.026.26.158.3c.82.247%203.662%201.27%206.842%204.317c.604.579%201.492.78%202.265.457l2.158-.902a2%202%200%200%200%201.21-1.575l.274-2.013a8%208%200%200%200-.343-3.626l-1.085-3.227l-.007.003l-1.153-3.493a.75.75%200%200%200-1.42.484l.963%202.935a.633.633%200%200%201-1.195.417L8.673%202.002a.75.75%200%201%200-1.413.504l1.507%204.335a.663.663%200%201%201-1.248.445zm8.787%201.571a.5.5%200%200%201%20.686.173l.296.495a5.47%205.47%200%200%201%20.775%202.757a.5.5%200%201%201-1%20.01a4.47%204.47%200%200%200-.634-2.254l-.295-.495a.5.5%200%200%201%20.172-.686%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%2020%2021%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.846%201.147a.49.49%200%200%200-.703.001a.51.51%200%200%200%20.008.712a6.57%206.57%200%200%201%201.856%205.567a.51.51%200%200%200%20.42.574a.49.49%200%200%200%20.563-.42a7.6%207.6%200%200%200-2.144-6.434m-10.393.356a.75.75%200%200%200-1.412.504l2.114%205.92a.533.533%200%201%201-1.004.358l-1.697-4.78a.75.75%200%200%200-1.414.5l2.547%207.176c-2.117-.575-2.852.574-3.07%201.091c-.053.127.026.26.158.3c.82.247%203.662%201.27%206.842%204.317c.604.579%201.492.78%202.265.457l2.158-.902a2%202%200%200%200%201.21-1.575l.274-2.013a8%208%200%200%200-.343-3.626l-1.085-3.227l-.007.003l-1.153-3.493a.75.75%200%200%200-1.42.484l.963%202.935a.633.633%200%200%201-1.195.417L8.673%202.002a.75.75%200%201%200-1.413.504l1.507%204.335a.663.663%200%201%201-1.248.445zm8.787%201.571a.5.5%200%200%201%20.686.173l.296.495a5.47%205.47%200%200%201%20.775%202.757a.5.5%200%201%201-1%20.01a4.47%204.47%200%200%200-.634-2.254l-.295-.495a.5.5%200%200%201%20.172-.686%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/hand-wave-20-filled.svg?color=%231a73e8&size=48
