sharp waving hand icon

sharp-waving-hand from Google Material Icons by Material Design Authors · Baseline · Social · Apache-2.0 Free for personal and commercial use.

Name: sharp-waving-hand
Set: Google Material Icons
Style: Baseline
Category: Social
Viewbox: 24×24
License: Apache 2.0

Use the sharp waving hand icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 17c0 3.31-2.69 6-6 6v-1.5c2.48 0 4.5-2.02 4.5-4.5zM1 7c0-3.31 2.69-6 6-6v1.5C4.52 2.5 2.5 4.52 2.5 7zm7.9-3.57L3.42 8.91C.2 12.13.2 17.35 3.42 20.58s8.44 3.22 11.67 0l7.95-7.95l-1.77-1.77l-5.3 5.3l-.71-.71l7.42-7.42l-1.77-1.77l-6.72 6.72l-.71-.71l7.78-7.78l-1.76-1.76l-7.78 7.78l-.7-.71l6.36-6.36l-1.77-1.77l-8.51 8.51a4 4 0 0 1-.33 5.28l-.71-.71a3 3 0 0 0 0-4.24l-.35-.35l4.95-4.95z"/></svg>

React

import type { SVGProps } from "react";

export function IcSharpWavingHand(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 17c0 3.31-2.69 6-6 6v-1.5c2.48 0 4.5-2.02 4.5-4.5zM1 7c0-3.31 2.69-6 6-6v1.5C4.52 2.5 2.5 4.52 2.5 7zm7.9-3.57L3.42 8.91C.2 12.13.2 17.35 3.42 20.58s8.44 3.22 11.67 0l7.95-7.95l-1.77-1.77l-5.3 5.3l-.71-.71l7.42-7.42l-1.77-1.77l-6.72 6.72l-.71-.71l7.78-7.78l-1.76-1.76l-7.78 7.78l-.7-.71l6.36-6.36l-1.77-1.77l-8.51 8.51a4 4 0 0 1-.33 5.28l-.71-.71a3 3 0 0 0 0-4.24l-.35-.35l4.95-4.95z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23 17c0 3.31-2.69 6-6 6v-1.5c2.48 0 4.5-2.02 4.5-4.5zM1 7c0-3.31 2.69-6 6-6v1.5C4.52 2.5 2.5 4.52 2.5 7zm7.9-3.57L3.42 8.91C.2 12.13.2 17.35 3.42 20.58s8.44 3.22 11.67 0l7.95-7.95l-1.77-1.77l-5.3 5.3l-.71-.71l7.42-7.42l-1.77-1.77l-6.72 6.72l-.71-.71l7.78-7.78l-1.76-1.76l-7.78 7.78l-.7-.71l6.36-6.36l-1.77-1.77l-8.51 8.51a4 4 0 0 1-.33 5.28l-.71-.71a3 3 0 0 0 0-4.24l-.35-.35l4.95-4.95z"/></svg>
</template>

CSS

.icon-sharp-waving-hand {
  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%22currentColor%22%20d%3D%22M23%2017c0%203.31-2.69%206-6%206v-1.5c2.48%200%204.5-2.02%204.5-4.5zM1%207c0-3.31%202.69-6%206-6v1.5C4.52%202.5%202.5%204.52%202.5%207zm7.9-3.57L3.42%208.91C.2%2012.13.2%2017.35%203.42%2020.58s8.44%203.22%2011.67%200l7.95-7.95l-1.77-1.77l-5.3%205.3l-.71-.71l7.42-7.42l-1.77-1.77l-6.72%206.72l-.71-.71l7.78-7.78l-1.76-1.76l-7.78%207.78l-.7-.71l6.36-6.36l-1.77-1.77l-8.51%208.51a4%204%200%200%201-.33%205.28l-.71-.71a3%203%200%200%200%200-4.24l-.35-.35l4.95-4.95z%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%22currentColor%22%20d%3D%22M23%2017c0%203.31-2.69%206-6%206v-1.5c2.48%200%204.5-2.02%204.5-4.5zM1%207c0-3.31%202.69-6%206-6v1.5C4.52%202.5%202.5%204.52%202.5%207zm7.9-3.57L3.42%208.91C.2%2012.13.2%2017.35%203.42%2020.58s8.44%203.22%2011.67%200l7.95-7.95l-1.77-1.77l-5.3%205.3l-.71-.71l7.42-7.42l-1.77-1.77l-6.72%206.72l-.71-.71l7.78-7.78l-1.76-1.76l-7.78%207.78l-.7-.71l6.36-6.36l-1.77-1.77l-8.51%208.51a4%204%200%200%201-.33%205.28l-.71-.71a3%203%200%200%200%200-4.24l-.35-.35l4.95-4.95z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/sharp-waving-hand.svg?color=%231a73e8&size=48

sharp waving hand icon

More social icons from Google Material Icons

Use the sharp waving hand icon

SVG

React

Vue

CSS