how to vote icon

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

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

5 other variants in Material Symbols Light

how-to-votehow-to-vote-outlinehow-to-vote-outline-roundedhow-to-vote-outline-sharphow-to-vote-sharp

The same icon in other sets

how-to-voteMaterial Symbols

More activities icons from Material Symbols Light

airarchitecturearrow-cool-downarrow-warm-upavg-paceavg-timeazmbackpackbadmintonbath-outdoorbath-privatebath-public-largebiabiotechbooks-movies-and-musiccadencecakecake-addcampaigncampingcheck-in-outcleaningconfirmation-numberconstruction

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-2.589q0-.292.106-.575t.317-.5l1.742-1.942q.141-.171.357-.174q.217-.003.382.162q.14.14.146.329t-.134.354L4.81 16.769h14.38l-1.863-2.077q-.14-.165-.125-.363t.156-.338q.165-.166.372-.153t.347.183l1.73 1.931q.212.217.318.5t.106.575v2.589q0 .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 MaterialSymbolsLightHowToVoteRounded(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-2.589q0-.292.106-.575t.317-.5l1.742-1.942q.141-.171.357-.174q.217-.003.382.162q.14.14.146.329t-.134.354L4.81 16.769h14.38l-1.863-2.077q-.14-.165-.125-.363t.156-.338q.165-.166.372-.153t.347.183l1.73 1.931q.212.217.318.5t.106.575v2.589q0 .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-2.589q0-.292.106-.575t.317-.5l1.742-1.942q.141-.171.357-.174q.217-.003.382.162q.14.14.146.329t-.134.354L4.81 16.769h14.38l-1.863-2.077q-.14-.165-.125-.363t.156-.338q.165-.166.372-.153t.347.183l1.73 1.931q.212.217.318.5t.106.575v2.589q0 .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-rounded {
  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-2.589q0-.292.106-.575t.317-.5l1.742-1.942q.141-.171.357-.174q.217-.003.382.162q.14.14.146.329t-.134.354L4.81%2016.769h14.38l-1.863-2.077q-.14-.165-.125-.363t.156-.338q.165-.166.372-.153t.347.183l1.73%201.931q.212.217.318.5t.106.575v2.589q0%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-2.589q0-.292.106-.575t.317-.5l1.742-1.942q.141-.171.357-.174q.217-.003.382.162q.14.14.146.329t-.134.354L4.81%2016.769h14.38l-1.863-2.077q-.14-.165-.125-.363t.156-.338q.165-.166.372-.153t.347.183l1.73%201.931q.212.217.318.5t.106.575v2.589q0%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-rounded.svg?color=%231a73e8&size=48