Poll Horizontal icon

Use the Poll Horizontal 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 { PollHorizontal24Regular, PollHorizontal24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M22.0003 11.7519C22.0003 13.2717 20.7683 14.5037 19.2485 14.5037H4.74992C3.2301 14.5037 1.99805 13.2717 1.99805 11.7519C1.99805 10.2321 3.2301 9 4.74992 9H19.2485C20.7683 9 22.0003 10.2321 22.0003 11.7519ZM17.0003 18.7519C17.0003 20.2717 15.7683 21.5037 14.2485 21.5037H4.74992C3.2301 21.5037 1.99805 20.2717 1.99805 18.7519C1.99805 17.2321 3.2301 16 4.74992 16H14.2485C15.7683 16 17.0003 17.2321 17.0003 18.7519ZM12.0003 4.75187C12.0003 6.27169 10.7683 7.50374 9.24845 7.50374H4.74992C3.2301 7.50374 1.99805 6.27169 1.99805 4.75187C1.99805 3.23205 3.2301 2 4.74992 2H9.24845C10.7683 2 12.0003 3.23205 12.0003 4.75187ZM20.5003 11.7519C20.5003 11.0605 19.9398 10.5 19.2485 10.5H4.74992C4.05853 10.5 3.49805 11.0605 3.49805 11.7519C3.49805 12.4433 4.05853 13.0037 4.74992 13.0037H19.2485C19.9398 13.0037 20.5003 12.4433 20.5003 11.7519ZM15.5003 18.7519C15.5003 18.0605 14.9398 17.5 14.2485 17.5H4.74992C4.05853 17.5 3.49805 18.0605 3.49805 18.7519C3.49805 19.4433 4.05853 20.0037 4.74992 20.0037H14.2485C14.9398 20.0037 15.5003 19.4433 15.5003 18.7519ZM10.5003 4.75187C10.5003 4.06048 9.93984 3.5 9.24845 3.5H4.74992C4.05853 3.5 3.49805 4.06048 3.49805 4.75187C3.49805 5.44326 4.05853 6.00374 4.74992 6.00374H9.24845C9.93984 6.00374 10.5003 5.44326 10.5003 4.75187Z" 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_horizontal_24_regular.svg";

Details

Keywords

votesurveyballotopinion