Poll icon

Use the Poll icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { Poll24Regular, Poll24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Poll24Regular aria-label="Poll" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_poll_24_regular.svg" width="24" height="24" alt="Poll">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.7519 2C13.2717 2 14.5037 3.23205 14.5037 4.75187V19.2504C14.5037 20.7702 13.2717 22.0023 11.7519 22.0023C10.2321 22.0023 9 20.7702 9 19.2504V4.75187C9 3.23205 10.2321 2 11.7519 2ZM18.7519 7C20.2717 7 21.5037 8.23205 21.5037 9.75187V19.2504C21.5037 20.7702 20.2717 22.0023 18.7519 22.0023C17.2321 22.0023 16 20.7702 16 19.2504V9.75187C16 8.23205 17.2321 7 18.7519 7ZM4.75187 12C6.27169 12 7.50374 13.2321 7.50374 14.7519V19.2504C7.50374 20.7702 6.27169 22.0023 4.75187 22.0023C3.23205 22.0023 2 20.7702 2 19.2504V14.7519C2 13.2321 3.23205 12 4.75187 12ZM11.7519 3.5C11.0605 3.5 10.5 4.06048 10.5 4.75187V19.2504C10.5 19.9418 11.0605 20.5023 11.7519 20.5023C12.4433 20.5023 13.0037 19.9418 13.0037 19.2504V4.75187C13.0037 4.06048 12.4433 3.5 11.7519 3.5ZM18.7519 8.5C18.0605 8.5 17.5 9.06048 17.5 9.75187V19.2504C17.5 19.9418 18.0605 20.5023 18.7519 20.5023C19.4433 20.5023 20.0037 19.9418 20.0037 19.2504V9.75187C20.0037 9.06048 19.4433 8.5 18.7519 8.5ZM4.75187 13.5C4.06048 13.5 3.5 14.0605 3.5 14.7519V19.2504C3.5 19.9418 4.06048 20.5023 4.75187 20.5023C5.44326 20.5023 6.00374 19.9418 6.00374 19.2504V14.7519C6.00374 14.0605 5.44326 13.5 4.75187 13.5Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/poll_24_regular.svg";

Details

Keywords

votesurveyballotopinion