how to vote icon

how-to-vote from Material Symbols Light by Google · Regular · Activities · Apache-2.0 Free for personal and commercial use.

Name: how-to-vote
Set: Material Symbols Light
Style: Regular
Category: Activities
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

how-to-vote-outline how-to-vote-outline-rounded how-to-vote-outline-sharp how-to-vote-rounded how-to-vote-sharp

The same icon in other sets

how-to-voteMaterial Symbols

More activities icons from Material Symbols Light

Use the how to vote icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.385 21.23q-.69 0-1.153-.462t-.463-1.152v-3.204l2.52-2.798l.713.713l-2.193 2.442H19.19l-2.18-2.43l.713-.714l2.508 2.787v3.204q0 .69-.463 1.152t-1.152.463zm5.504-7.31l-2.975-3.026q-.48-.478-.47-1.146t.489-1.146l4.38-4.38q.48-.48 1.137-.48t1.137.48l3.005 2.994q.48.478.482 1.133t-.476 1.134l-4.442 4.442q-.479.479-1.134.476t-1.133-.482m5.977-5.13q.153-.155.153-.443t-.153-.442l-2.974-2.962q-.153-.153-.442-.153t-.442.153L8.616 9.335q-.154.153-.154.442t.154.442l2.973 2.962q.153.154.442.154t.442-.154z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightHowToVote(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="M5.385 21.23q-.69 0-1.153-.462t-.463-1.152v-3.204l2.52-2.798l.713.713l-2.193 2.442H19.19l-2.18-2.43l.713-.714l2.508 2.787v3.204q0 .69-.463 1.152t-1.152.463zm5.504-7.31l-2.975-3.026q-.48-.478-.47-1.146t.489-1.146l4.38-4.38q.48-.48 1.137-.48t1.137.48l3.005 2.994q.48.478.482 1.133t-.476 1.134l-4.442 4.442q-.479.479-1.134.476t-1.133-.482m5.977-5.13q.153-.155.153-.443t-.153-.442l-2.974-2.962q-.153-.153-.442-.153t-.442.153L8.616 9.335q-.154.153-.154.442t.154.442l2.973 2.962q.153.154.442.154t.442-.154z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.385 21.23q-.69 0-1.153-.462t-.463-1.152v-3.204l2.52-2.798l.713.713l-2.193 2.442H19.19l-2.18-2.43l.713-.714l2.508 2.787v3.204q0 .69-.463 1.152t-1.152.463zm5.504-7.31l-2.975-3.026q-.48-.478-.47-1.146t.489-1.146l4.38-4.38q.48-.48 1.137-.48t1.137.48l3.005 2.994q.48.478.482 1.133t-.476 1.134l-4.442 4.442q-.479.479-1.134.476t-1.133-.482m5.977-5.13q.153-.155.153-.443t-.153-.442l-2.974-2.962q-.153-.153-.442-.153t-.442.153L8.616 9.335q-.154.153-.154.442t.154.442l2.973 2.962q.153.154.442.154t.442-.154z"/></svg>
</template>

CSS

.icon-how-to-vote {
  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%22M5.385%2021.23q-.69%200-1.153-.462t-.463-1.152v-3.204l2.52-2.798l.713.713l-2.193%202.442H19.19l-2.18-2.43l.713-.714l2.508%202.787v3.204q0%20.69-.463%201.152t-1.152.463zm5.504-7.31l-2.975-3.026q-.48-.478-.47-1.146t.489-1.146l4.38-4.38q.48-.48%201.137-.48t1.137.48l3.005%202.994q.48.478.482%201.133t-.476%201.134l-4.442%204.442q-.479.479-1.134.476t-1.133-.482m5.977-5.13q.153-.155.153-.443t-.153-.442l-2.974-2.962q-.153-.153-.442-.153t-.442.153L8.616%209.335q-.154.153-.154.442t.154.442l2.973%202.962q.153.154.442.154t.442-.154z%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%22M5.385%2021.23q-.69%200-1.153-.462t-.463-1.152v-3.204l2.52-2.798l.713.713l-2.193%202.442H19.19l-2.18-2.43l.713-.714l2.508%202.787v3.204q0%20.69-.463%201.152t-1.152.463zm5.504-7.31l-2.975-3.026q-.48-.478-.47-1.146t.489-1.146l4.38-4.38q.48-.48%201.137-.48t1.137.48l3.005%202.994q.48.478.482%201.133t-.476%201.134l-4.442%204.442q-.479.479-1.134.476t-1.133-.482m5.977-5.13q.153-.155.153-.443t-.153-.442l-2.974-2.962q-.153-.153-.442-.153t-.442.153L8.616%209.335q-.154.153-.154.442t.154.442l2.973%202.962q.153.154.442.154t.442-.154z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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