Rss icon
flat-ui:rss
The Rss icon (flat-ui:rss) is a free SVG icon from the Flat UI Icons set by Designmodo, Inc.. It is drawn on a 100 × 100 grid. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Flat UI Icons
- Author
- Designmodo, Inc.
- License
- MIT
- Size
- 100 × 100
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="#ECF0F1" d="M50 0c27.613 0 50 22.386 50 50s-22.387 50-50 50C22.386 100 0 77.614 0 50S22.386 0 50 0"/><defs><circle id="SVGifCBlePx" cx="50" cy="50" r="50"/></defs><clipPath id="SVGtcVZrdEc"><use href="#SVGifCBlePx"/></clipPath><g clip-path="url(#SVGtcVZrdEc)"><path fill="#2C3E50" d="M44 71h6v44h-6z"/><path fill="#34495E" d="M50 71h8v44h-8z"/><path fill="#2C3E50" d="M44 75h14v7H44z"/><path fill="#253544" d="M44 75h6v7h-6z"/></g><path fill="#C0392C" d="M59 11h-7a4 4 0 0 0-4 4v19c0 1.104.896 2 2 2s4-.896 4-2V23h5a4 4 0 0 0 4-4v-4a4 4 0 0 0-4-4"/><path fill="#3498DB" d="m73 29l-44.988.028S28 36.943 28 46v23h.101A5 5 0 0 0 33 75h52a5 5 0 0 0 5-5V46c0-9.389-7.611-17-17-17"/><path fill="#2980B9" d="M27 29c-9.389 0-17 7.611-17 17v23l.101.003A5 5 0 0 0 15 75h24a5 5 0 0 0 5-5V46c0-9.389-7.611-17-17-17"/><path fill="#236D9D" d="M27 34c6.628 0 12 5.692 12 12.714V70H15V46.714C15 39.692 20.373 34 27 34"/><path fill="#F1C40E" d="M24.908 44c.056.157.092.324.092.5a1.5 1.5 0 0 1-3 0c0-.176.036-.343.092-.5H5v26h17.092a1.5 1.5 0 0 1-.092-.5a1.5 1.5 0 0 1 3 0c0 .177-.036.343-.092.5H39V44zM23.5 66a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 23.5 66m0-5a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3m0-5a1.5 1.5 0 1 1 .001-3.001A1.5 1.5 0 0 1 23.5 56m0-5a1.5 1.5 0 1 1 0-3a1.5 1.5 0 0 1 0 3"/><path fill="#B5930C" d="M9 67h3V48H9zm6-19v19h3V48zm14 0h3v19h-3z"/><path fill="#fff" d="M59.549 60.902a3.55 3.55 0 1 0 .002 7.1a3.55 3.55 0 0 0-.002-7.1m-1.216-7.81c-1.284 0-2.326 1.043-2.326 2.33s1.042 2.33 2.326 2.33c4.36 0 7.909 3.553 7.909 7.921a2.33 2.33 0 0 0 2.326 2.33a2.33 2.33 0 0 0 2.326-2.33c.001-6.937-5.634-12.581-12.561-12.581m-.074-7.091a2.26 2.26 0 1 0 0 4.52c8.392 0 15.22 6.828 15.22 15.222a2.261 2.261 0 0 0 4.523 0C78 54.855 69.145 46.001 58.259 46.001"/><path fill="#C19D0B" d="M35 44h4v26h-4z"/><path fill="#3498DB" d="M5 70h39v5H0z"/></svg>How to use the Rss icon
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:rss" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:rss" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:rss" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--rss]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:rss"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:rss"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/flat-ui/rss.svg" alt="Rss icon" width="24" height="24">Rss icon in other icon sets
Rss icon FAQ
Is the Rss icon free for commercial use?
Yes. Flat UI Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Rss icon in React?
Install @iconify/react and render <Icon icon="flat-ui:rss" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Rss icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/flat-ui/rss.svg" alt="Rss icon">, or paste the SVG code inline to style it with CSS.