how to vote icon

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

Name: how-to-vote-outline-sharp
Set: Material Symbols Light
Style: Outline Sharp
Category: Activities
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

how-to-vote how-to-vote-outline how-to-vote-outline-rounded 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="M3.77 21.23v-4.818l3.21-3.625l.714.713l-2.884 3.27h14.38l-2.834-3.22l.713-.713l3.162 3.575v4.819zm1-1h14.46v-2.46H4.77zm7.26-5.18L6.778 9.758l6.679-6.68l5.273 5.274zm0-1.421l5.278-5.277L13.456 4.5L8.179 9.777zM4.77 20.23v-2.462z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightHowToVoteOutlineSharp(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.77 21.23v-4.818l3.21-3.625l.714.713l-2.884 3.27h14.38l-2.834-3.22l.713-.713l3.162 3.575v4.819zm1-1h14.46v-2.46H4.77zm7.26-5.18L6.778 9.758l6.679-6.68l5.273 5.274zm0-1.421l5.278-5.277L13.456 4.5L8.179 9.777zM4.77 20.23v-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="M3.77 21.23v-4.818l3.21-3.625l.714.713l-2.884 3.27h14.38l-2.834-3.22l.713-.713l3.162 3.575v4.819zm1-1h14.46v-2.46H4.77zm7.26-5.18L6.778 9.758l6.679-6.68l5.273 5.274zm0-1.421l5.278-5.277L13.456 4.5L8.179 9.777zM4.77 20.23v-2.462z"/></svg>
</template>

CSS

.icon-how-to-vote-outline-sharp {
  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.77%2021.23v-4.818l3.21-3.625l.714.713l-2.884%203.27h14.38l-2.834-3.22l.713-.713l3.162%203.575v4.819zm1-1h14.46v-2.46H4.77zm7.26-5.18L6.778%209.758l6.679-6.68l5.273%205.274zm0-1.421l5.278-5.277L13.456%204.5L8.179%209.777zM4.77%2020.23v-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%22M3.77%2021.23v-4.818l3.21-3.625l.714.713l-2.884%203.27h14.38l-2.834-3.22l.713-.713l3.162%203.575v4.819zm1-1h14.46v-2.46H4.77zm7.26-5.18L6.778%209.758l6.679-6.68l5.273%205.274zm0-1.421l5.278-5.277L13.456%204.5L8.179%209.777zM4.77%2020.23v-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-sharp.svg?color=%231a73e8&size=48