rss-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
rss-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

The same icon in other sets

Related icons in Phosphor

Use the rss icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M109.74 146.26A75.53 75.53 0 0 1 132 200a12 12 0 0 1-24 0a52 52 0 0 0-52-52a12 12 0 0 1 0-24a75.5 75.5 0 0 1 53.74 22.26M56 76a12 12 0 0 0 0 24a100 100 0 0 1 100 100a12 12 0 0 0 24 0A124 124 0 0 0 56 76m121.62 2.38A170.85 170.85 0 0 0 56 28a12 12 0 0 0 0 24a147 147 0 0 1 104.65 43.35A147 147 0 0 1 204 200a12 12 0 0 0 24 0a170.85 170.85 0 0 0-50.38-121.62M60 180a16 16 0 1 0 16 16a16 16 0 0 0-16-16"/></svg>

React

import type { SVGProps } from "react";

export function PhRssBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M109.74 146.26A75.53 75.53 0 0 1 132 200a12 12 0 0 1-24 0a52 52 0 0 0-52-52a12 12 0 0 1 0-24a75.5 75.5 0 0 1 53.74 22.26M56 76a12 12 0 0 0 0 24a100 100 0 0 1 100 100a12 12 0 0 0 24 0A124 124 0 0 0 56 76m121.62 2.38A170.85 170.85 0 0 0 56 28a12 12 0 0 0 0 24a147 147 0 0 1 104.65 43.35A147 147 0 0 1 204 200a12 12 0 0 0 24 0a170.85 170.85 0 0 0-50.38-121.62M60 180a16 16 0 1 0 16 16a16 16 0 0 0-16-16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M109.74 146.26A75.53 75.53 0 0 1 132 200a12 12 0 0 1-24 0a52 52 0 0 0-52-52a12 12 0 0 1 0-24a75.5 75.5 0 0 1 53.74 22.26M56 76a12 12 0 0 0 0 24a100 100 0 0 1 100 100a12 12 0 0 0 24 0A124 124 0 0 0 56 76m121.62 2.38A170.85 170.85 0 0 0 56 28a12 12 0 0 0 0 24a147 147 0 0 1 104.65 43.35A147 147 0 0 1 204 200a12 12 0 0 0 24 0a170.85 170.85 0 0 0-50.38-121.62M60 180a16 16 0 1 0 16 16a16 16 0 0 0-16-16"/></svg>
</template>

CSS

.icon-rss-bold {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M109.74%20146.26A75.53%2075.53%200%200%201%20132%20200a12%2012%200%200%201-24%200a52%2052%200%200%200-52-52a12%2012%200%200%201%200-24a75.5%2075.5%200%200%201%2053.74%2022.26M56%2076a12%2012%200%200%200%200%2024a100%20100%200%200%201%20100%20100a12%2012%200%200%200%2024%200A124%20124%200%200%200%2056%2076m121.62%202.38A170.85%20170.85%200%200%200%2056%2028a12%2012%200%200%200%200%2024a147%20147%200%200%201%20104.65%2043.35A147%20147%200%200%201%20204%20200a12%2012%200%200%200%2024%200a170.85%20170.85%200%200%200-50.38-121.62M60%20180a16%2016%200%201%200%2016%2016a16%2016%200%200%200-16-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M109.74%20146.26A75.53%2075.53%200%200%201%20132%20200a12%2012%200%200%201-24%200a52%2052%200%200%200-52-52a12%2012%200%200%201%200-24a75.5%2075.5%200%200%201%2053.74%2022.26M56%2076a12%2012%200%200%200%200%2024a100%20100%200%200%201%20100%20100a12%2012%200%200%200%2024%200A124%20124%200%200%200%2056%2076m121.62%202.38A170.85%20170.85%200%200%200%2056%2028a12%2012%200%200%200%200%2024a147%20147%200%200%201%20104.65%2043.35A147%20147%200%200%201%20204%20200a12%2012%200%200%200%2024%200a170.85%20170.85%200%200%200-50.38-121.62M60%20180a16%2016%200%201%200%2016%2016a16%2016%200%200%200-16-16%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/rss-bold.svg?color=%231a73e8&size=48