RSS icon

Use the RSS 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 { Rss24Regular, Rss24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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.75 7.5C6.34494 7.5 6 7.18276 6 6.7777V6.7233C6 6.33021 6.30507 6.00189 6.69816 6.00012L6.75 6C12.9632 6 18 11.0368 18 17.25L17.9999 17.3018C17.9981 17.6949 17.6698 18 17.2767 18H17.2223C16.8172 18 16.5 17.6551 16.5 17.25C16.5 11.8652 12.1348 7.5 6.75 7.5Z" fill="currentColor"/>
<path d="M13.294 18C13.6733 18 13.9952 17.7129 13.9995 17.3336C13.9998 17.3058 14 17.2779 14 17.25C14 13.2459 10.7541 10 6.75 10C6.72209 10 6.69422 10.0002 6.66639 10.0005C6.2871 10.0048 6 10.3267 6 10.706V10.7964C6 11.195 6.35135 11.5 6.75 11.5C9.92564 11.5 12.5 14.0744 12.5 17.25C12.5 17.6486 12.805 18 13.2036 18H13.294Z" fill="currentColor"/>
<path d="M9 16.5C9 17.3284 8.32843 18 7.5 18C6.67157 18 6 17.3284 6 16.5C6 15.6716 6.67157 15 7.5 15C8.32843 15 9 15.6716 9 16.5Z" fill="currentColor"/>
<path d="M6.25 3C4.45507 3 3 4.45507 3 6.25V17.75C3 19.5449 4.45507 21 6.25 21H17.75C19.5449 21 21 19.5449 21 17.75V6.25C21 4.45507 19.5449 3 17.75 3H6.25ZM4.5 6.25C4.5 5.2835 5.2835 4.5 6.25 4.5H17.75C18.7165 4.5 19.5 5.2835 19.5 6.25V17.75C19.5 18.7165 18.7165 19.5 17.75 19.5H6.25C5.2835 19.5 4.5 18.7165 4.5 17.75V6.25Z" 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/rss_24_regular.svg";

Details

Keywords

reallysimplesyndicationfeednewsaggregatorsquare