gentleface

Gentleface › Connectivity › rss

rss icon

Rss: rss, feed, web feed, rss feed. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M10.485 5.515C11.589 6.618 12.445 7.889 13.052 9.326C13.617 10.662 13.93 12.055 13.99 13.504C13.995 13.642 13.952 13.761 13.858 13.863C13.765 13.965 13.649 14.018 13.511 14.024C13.37 14.03 13.25 13.987 13.149 13.895C13.049 13.802 12.996 13.686 12.991 13.545C12.936 12.217 12.649 10.94 12.131 9.716C11.574 8.398 10.79 7.233 9.778 6.222C8.767 5.21 7.602 4.426 6.284 3.869C5.06 3.351 3.783 3.064 2.455 3.009C2.317 3.004 2.201 2.95 2.108 2.848C2.014 2.747 1.97 2.627 1.976 2.489C1.982 2.351 2.035 2.235 2.137 2.142C2.239 2.048 2.358 2.005 2.496 2.01C3.945 2.07 5.338 2.383 6.674 2.948C8.111 3.555 9.382 4.411 10.485 5.515ZM5.207 6.671C6.129 7.074 6.945 7.632 7.657 8.343C8.368 9.055 8.926 9.871 9.329 10.793C9.706 11.654 9.924 12.553 9.984 13.491C9.993 13.631 9.952 13.753 9.862 13.855C9.773 13.957 9.657 14.013 9.517 14.021C9.376 14.03 9.255 13.99 9.152 13.9C9.05 13.81 8.995 13.695 8.986 13.554C8.933 12.734 8.743 11.947 8.413 11.194C8.06 10.388 7.572 9.673 6.95 9.05C6.327 8.428 5.612 7.94 4.806 7.587C4.053 7.257 3.266 7.067 2.446 7.014C2.308 7.005 2.193 6.949 2.102 6.846C2.011 6.742 1.97 6.621 1.978 6.483C1.987 6.346 2.044 6.231 2.147 6.14C2.251 6.049 2.372 6.007 2.509 6.016C3.447 6.076 4.346 6.294 5.207 6.671ZM2.439 11.439C2.732 11.146 3.086 11 3.5 11C3.914 11 4.268 11.146 4.561 11.439C4.854 11.732 5 12.086 5 12.5C5 12.914 4.854 13.268 4.561 13.561C4.268 13.854 3.914 14 3.5 14C3.086 14 2.732 13.854 2.439 13.561C2.146 13.268 2 12.914 2 12.5C2 12.086 2.146 11.732 2.439 11.439Z"/></svg>
React
// Gentleface "rss" (line-round), MIT. https://gentleface.com/icons/rss
import type { SVGProps } from 'react';

export function RssIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M10.485 5.515C11.589 6.618 12.445 7.889 13.052 9.326C13.617 10.662 13.93 12.055 13.99 13.504C13.995 13.642 13.952 13.761 13.858 13.863C13.765 13.965 13.649 14.018 13.511 14.024C13.37 14.03 13.25 13.987 13.149 13.895C13.049 13.802 12.996 13.686 12.991 13.545C12.936 12.217 12.649 10.94 12.131 9.716C11.574 8.398 10.79 7.233 9.778 6.222C8.767 5.21 7.602 4.426 6.284 3.869C5.06 3.351 3.783 3.064 2.455 3.009C2.317 3.004 2.201 2.95 2.108 2.848C2.014 2.747 1.97 2.627 1.976 2.489C1.982 2.351 2.035 2.235 2.137 2.142C2.239 2.048 2.358 2.005 2.496 2.01C3.945 2.07 5.338 2.383 6.674 2.948C8.111 3.555 9.382 4.411 10.485 5.515ZM5.207 6.671C6.129 7.074 6.945 7.632 7.657 8.343C8.368 9.055 8.926 9.871 9.329 10.793C9.706 11.654 9.924 12.553 9.984 13.491C9.993 13.631 9.952 13.753 9.862 13.855C9.773 13.957 9.657 14.013 9.517 14.021C9.376 14.03 9.255 13.99 9.152 13.9C9.05 13.81 8.995 13.695 8.986 13.554C8.933 12.734 8.743 11.947 8.413 11.194C8.06 10.388 7.572 9.673 6.95 9.05C6.327 8.428 5.612 7.94 4.806 7.587C4.053 7.257 3.266 7.067 2.446 7.014C2.308 7.005 2.193 6.949 2.102 6.846C2.011 6.742 1.97 6.621 1.978 6.483C1.987 6.346 2.044 6.231 2.147 6.14C2.251 6.049 2.372 6.007 2.509 6.016C3.447 6.076 4.346 6.294 5.207 6.671ZM2.439 11.439C2.732 11.146 3.086 11 3.5 11C3.914 11 4.268 11.146 4.561 11.439C4.854 11.732 5 12.086 5 12.5C5 12.914 4.854 13.268 4.561 13.561C4.268 13.854 3.914 14 3.5 14C3.086 14 2.732 13.854 2.439 13.561C2.146 13.268 2 12.914 2 12.5C2 12.086 2.146 11.732 2.439 11.439Z" />
    </svg>
  );
}
Vue
Vue: see /icons/rss.md
Svelte
Svelte: see /icons/rss.md
HTML img
HTML img: see /icons/rss.md
CSS
CSS: see /icons/rss.md
Data URL
Data URL: see /icons/rss.md
Sprite
Sprite: see /icons/rss.md
SwiftUI
SwiftUI: see /icons/rss.md
Compose
Compose: see /icons/rss.md
Android XML
Android XML: see /icons/rss.md
Flutter
Flutter: see /icons/rss.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for
rss, feed, web feed, rss feed, atom feed
Alternatives
Don’t confuse with
  • wifi: the Wi-Fi arcs mean a wireless network (wifi)
Also fits
  • news: a news feed (rss owns feed)
Not for
  • wifi (use wifi): the feed sign means a web feed (rss)
Tags
rss, feed, subscribe, blog, atom, news, syndication
Category
Connectivity
Component name
RssIcon
History
  • added

More connectivity icons

For agents

Metadata: /icons/rss.json · Markdown: /icons/rss.md · SVG: https://gentleface.com/svg/{style}/16/rss.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/rss.png

Feedback