how to vote icon

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

Name
how-to-vote-outline-rounded
Set
Material Symbols Light
Style
Outline 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-sharphow-to-vote-roundedhow-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.096-.575t.308-.5l2.454-2.77q.14-.17.357-.173t.381.162q.14.14.146.329t-.134.354l-2.568 2.915H19.19l-2.517-2.865q-.14-.165-.134-.354t.146-.329q.165-.165.381-.162q.217.003.357.174l2.404 2.719q.212.217.308.5t.096.575v2.589q0 .69-.463 1.152t-1.152.463zm0-1h13.23q.25 0 .433-.182t.183-.432v-1.847H4.769v1.847q0 .25.183.432q.183.183.433.183m5.51-6.317l-2.987-3.025q-.48-.48-.467-1.144t.492-1.143l4.38-4.38q.48-.48 1.137-.485t1.137.473l3.005 3.006q.48.478.485 1.13t-.473 1.131l-4.442 4.442q-.48.479-1.134.476q-.655-.003-1.134-.481m5.972-5.12q.153-.154.153-.442t-.153-.442l-2.968-2.968q-.154-.153-.442-.153t-.442.153L8.62 9.335q-.154.153-.154.442t.154.442l2.968 2.968q.153.154.442.154t.442-.154zM4.769 20.231v-2.462z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightHowToVoteOutlineRounded(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.096-.575t.308-.5l2.454-2.77q.14-.17.357-.173t.381.162q.14.14.146.329t-.134.354l-2.568 2.915H19.19l-2.517-2.865q-.14-.165-.134-.354t.146-.329q.165-.165.381-.162q.217.003.357.174l2.404 2.719q.212.217.308.5t.096.575v2.589q0 .69-.463 1.152t-1.152.463zm0-1h13.23q.25 0 .433-.182t.183-.432v-1.847H4.769v1.847q0 .25.183.432q.183.183.433.183m5.51-6.317l-2.987-3.025q-.48-.48-.467-1.144t.492-1.143l4.38-4.38q.48-.48 1.137-.485t1.137.473l3.005 3.006q.48.478.485 1.13t-.473 1.131l-4.442 4.442q-.48.479-1.134.476q-.655-.003-1.134-.481m5.972-5.12q.153-.154.153-.442t-.153-.442l-2.968-2.968q-.154-.153-.442-.153t-.442.153L8.62 9.335q-.154.153-.154.442t.154.442l2.968 2.968q.153.154.442.154t.442-.154zM4.769 20.231v-2.462z"/></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.096-.575t.308-.5l2.454-2.77q.14-.17.357-.173t.381.162q.14.14.146.329t-.134.354l-2.568 2.915H19.19l-2.517-2.865q-.14-.165-.134-.354t.146-.329q.165-.165.381-.162q.217.003.357.174l2.404 2.719q.212.217.308.5t.096.575v2.589q0 .69-.463 1.152t-1.152.463zm0-1h13.23q.25 0 .433-.182t.183-.432v-1.847H4.769v1.847q0 .25.183.432q.183.183.433.183m5.51-6.317l-2.987-3.025q-.48-.48-.467-1.144t.492-1.143l4.38-4.38q.48-.48 1.137-.485t1.137.473l3.005 3.006q.48.478.485 1.13t-.473 1.131l-4.442 4.442q-.48.479-1.134.476q-.655-.003-1.134-.481m5.972-5.12q.153-.154.153-.442t-.153-.442l-2.968-2.968q-.154-.153-.442-.153t-.442.153L8.62 9.335q-.154.153-.154.442t.154.442l2.968 2.968q.153.154.442.154t.442-.154zM4.769 20.231v-2.462z"/></svg>
</template>

CSS

.icon-how-to-vote-outline-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.096-.575t.308-.5l2.454-2.77q.14-.17.357-.173t.381.162q.14.14.146.329t-.134.354l-2.568%202.915H19.19l-2.517-2.865q-.14-.165-.134-.354t.146-.329q.165-.165.381-.162q.217.003.357.174l2.404%202.719q.212.217.308.5t.096.575v2.589q0%20.69-.463%201.152t-1.152.463zm0-1h13.23q.25%200%20.433-.182t.183-.432v-1.847H4.769v1.847q0%20.25.183.432q.183.183.433.183m5.51-6.317l-2.987-3.025q-.48-.48-.467-1.144t.492-1.143l4.38-4.38q.48-.48%201.137-.485t1.137.473l3.005%203.006q.48.478.485%201.13t-.473%201.131l-4.442%204.442q-.48.479-1.134.476q-.655-.003-1.134-.481m5.972-5.12q.153-.154.153-.442t-.153-.442l-2.968-2.968q-.154-.153-.442-.153t-.442.153L8.62%209.335q-.154.153-.154.442t.154.442l2.968%202.968q.153.154.442.154t.442-.154zM4.769%2020.231v-2.462z%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.096-.575t.308-.5l2.454-2.77q.14-.17.357-.173t.381.162q.14.14.146.329t-.134.354l-2.568%202.915H19.19l-2.517-2.865q-.14-.165-.134-.354t.146-.329q.165-.165.381-.162q.217.003.357.174l2.404%202.719q.212.217.308.5t.096.575v2.589q0%20.69-.463%201.152t-1.152.463zm0-1h13.23q.25%200%20.433-.182t.183-.432v-1.847H4.769v1.847q0%20.25.183.432q.183.183.433.183m5.51-6.317l-2.987-3.025q-.48-.48-.467-1.144t.492-1.143l4.38-4.38q.48-.48%201.137-.485t1.137.473l3.005%203.006q.48.478.485%201.13t-.473%201.131l-4.442%204.442q-.48.479-1.134.476q-.655-.003-1.134-.481m5.972-5.12q.153-.154.153-.442t-.153-.442l-2.968-2.968q-.154-.153-.442-.153t-.442.153L8.62%209.335q-.154.153-.154.442t.154.442l2.968%202.968q.153.154.442.154t.442-.154zM4.769%2020.231v-2.462z%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-outline-rounded.svg?color=%231a73e8&size=48