person raised hand icon

person-raised-hand from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: person-raised-hand
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: person-raised-hand-sharp

3 other variants in Material Symbols Light

person-raised-hand-outline person-raised-hand-outline-rounded person-raised-hand-rounded

The same icon in other sets

person-raised-handBootstrap Icons person-raised-handMaterial Symbols

More social icons from Material Symbols Light

Use the person raised hand icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21.23v-1h18v1zM5 19v-4.692q-.863-1.716-1.304-3.305q-.44-1.59-.44-3.01q0-1.18.3-2.453q.302-1.273.923-2.948q.084-.256.284-.424T5.244 2q.333 0 .556.266q.223.265.18.605l-.255 2.064q-.15 1.315.318 2.582T7.4 9.78t2.087 1.608T12 12q1.558 0 2.83.216q1.272.217 2.166.638q.952.46 1.478 1.184T19 15.85V19H9.539v-.406q0-.985.69-1.674q.69-.69 1.694-.69h3.385v-1h-3.385q-1.406 0-2.395.98q-.99.978-.99 2.384V19zm4.877-9.339Q9 8.785 9 7.54q0-1.247.877-2.124q.877-.876 2.123-.876t2.123.876T15 7.54t-.877 2.123t-2.123.876t-2.123-.876"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightPersonRaisedHand(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="M3 21.23v-1h18v1zM5 19v-4.692q-.863-1.716-1.304-3.305q-.44-1.59-.44-3.01q0-1.18.3-2.453q.302-1.273.923-2.948q.084-.256.284-.424T5.244 2q.333 0 .556.266q.223.265.18.605l-.255 2.064q-.15 1.315.318 2.582T7.4 9.78t2.087 1.608T12 12q1.558 0 2.83.216q1.272.217 2.166.638q.952.46 1.478 1.184T19 15.85V19H9.539v-.406q0-.985.69-1.674q.69-.69 1.694-.69h3.385v-1h-3.385q-1.406 0-2.395.98q-.99.978-.99 2.384V19zm4.877-9.339Q9 8.785 9 7.54q0-1.247.877-2.124q.877-.876 2.123-.876t2.123.876T15 7.54t-.877 2.123t-2.123.876t-2.123-.876"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3 21.23v-1h18v1zM5 19v-4.692q-.863-1.716-1.304-3.305q-.44-1.59-.44-3.01q0-1.18.3-2.453q.302-1.273.923-2.948q.084-.256.284-.424T5.244 2q.333 0 .556.266q.223.265.18.605l-.255 2.064q-.15 1.315.318 2.582T7.4 9.78t2.087 1.608T12 12q1.558 0 2.83.216q1.272.217 2.166.638q.952.46 1.478 1.184T19 15.85V19H9.539v-.406q0-.985.69-1.674q.69-.69 1.694-.69h3.385v-1h-3.385q-1.406 0-2.395.98q-.99.978-.99 2.384V19zm4.877-9.339Q9 8.785 9 7.54q0-1.247.877-2.124q.877-.876 2.123-.876t2.123.876T15 7.54t-.877 2.123t-2.123.876t-2.123-.876"/></svg>
</template>

CSS

.icon-person-raised-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%22M3%2021.23v-1h18v1zM5%2019v-4.692q-.863-1.716-1.304-3.305q-.44-1.59-.44-3.01q0-1.18.3-2.453q.302-1.273.923-2.948q.084-.256.284-.424T5.244%202q.333%200%20.556.266q.223.265.18.605l-.255%202.064q-.15%201.315.318%202.582T7.4%209.78t2.087%201.608T12%2012q1.558%200%202.83.216q1.272.217%202.166.638q.952.46%201.478%201.184T19%2015.85V19H9.539v-.406q0-.985.69-1.674q.69-.69%201.694-.69h3.385v-1h-3.385q-1.406%200-2.395.98q-.99.978-.99%202.384V19zm4.877-9.339Q9%208.785%209%207.54q0-1.247.877-2.124q.877-.876%202.123-.876t2.123.876T15%207.54t-.877%202.123t-2.123.876t-2.123-.876%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%22M3%2021.23v-1h18v1zM5%2019v-4.692q-.863-1.716-1.304-3.305q-.44-1.59-.44-3.01q0-1.18.3-2.453q.302-1.273.923-2.948q.084-.256.284-.424T5.244%202q.333%200%20.556.266q.223.265.18.605l-.255%202.064q-.15%201.315.318%202.582T7.4%209.78t2.087%201.608T12%2012q1.558%200%202.83.216q1.272.217%202.166.638q.952.46%201.478%201.184T19%2015.85V19H9.539v-.406q0-.985.69-1.674q.69-.69%201.694-.69h3.385v-1h-3.385q-1.406%200-2.395.98q-.99.978-.99%202.384V19zm4.877-9.339Q9%208.785%209%207.54q0-1.247.877-2.124q.877-.876%202.123-.876t2.123.876T15%207.54t-.877%202.123t-2.123.876t-2.123-.876%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/person-raised-hand.svg?color=%231a73e8&size=48