Feed icon

Use the Feed 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 { Feed24Regular, Feed24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M6.52832 7.75C6.52832 8.16421 6.19253 8.5 5.77832 8.5C5.36411 8.5 5.02832 8.16421 5.02832 7.75C5.02832 7.33579 5.36411 7 5.77832 7C6.19253 7 6.52832 7.33579 6.52832 7.75ZM5.78125 15C5.36704 15 5.03125 15.3358 5.03125 15.75C5.03125 16.1642 5.36704 16.5 5.78125 16.5H10.7812C11.1955 16.5 11.5312 16.1642 11.5312 15.75C11.5312 15.3358 11.1955 15 10.7812 15H5.78125ZM5.03125 11.75C5.03125 11.3358 5.36704 11 5.78125 11H10.7812C11.1955 11 11.5312 11.3358 11.5312 11.75C11.5312 12.1642 11.1955 12.5 10.7812 12.5H5.78125C5.36704 12.5 5.03125 12.1642 5.03125 11.75ZM15 21C15.9411 20.9936 16.7494 20.3272 16.9342 19.4032L17.4149 17H20.25C21.2165 17 22 16.2165 22 15.25V9.26115C22 8.01607 20.9937 7.00603 19.75 7.00003V6.99609H14.5V5.25C14.5 4.00736 13.4926 3 12.25 3H4.25C3.00736 3 2 4.00736 2 5.25V17.75C2 19.5449 3.45507 21 5.25 21H14.9864L15 21ZM3.5 5.25C3.5 4.83579 3.83579 4.5 4.25 4.5H12.25C12.6642 4.5 13 4.83579 13 5.25V19.0136C13 19.1814 13.0208 19.3444 13.06 19.5H5.25C4.2835 19.5 3.5 18.7165 3.5 17.75V5.25ZM14.5 8.49609H17.6109C17.5737 8.5997 17.5437 8.70708 17.5216 8.8177L15.4633 19.109C15.4179 19.3363 15.2183 19.5 14.9864 19.5C14.7178 19.5 14.5 19.2822 14.5 19.0136V8.49609ZM18.9925 9.11188C19.0636 8.7561 19.376 8.5 19.7388 8.5C20.1592 8.5 20.5 8.84078 20.5 9.26115V15.25C20.5 15.3881 20.3881 15.5 20.25 15.5H17.7149L18.9925 9.11188Z" 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/feed_24_regular.svg";

Details

Keywords

papereventsnewstrack