Rss アイコン

Q: Rss アイコンは商用利用でも無料ですか?

はい。Flat UI Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

flat-ui:rss

Rss アイコン(flat-ui:rss)は、Flat UI Icons セットの無料 SVG アイコンです（作者: Designmodo, Inc.）。 100 × 100 のグリッドで描かれています。 Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Flat UI Icons
作者: Designmodo, Inc.
ライセンス: MIT
サイズ: 100 × 100

SVG をダウンロード

SVG コード

<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>

Rss アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/flat-ui/rss.svg" alt="Rss アイコン" width="24" height="24">

他のアイコンセットの Rss アイコン

Rss アイコンのよくある質問

Rss アイコンは商用利用でも無料ですか?

はい。Flat UI Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Rss アイコンを使うには?

@iconify/react をインストールして <Icon icon="flat-ui:rss" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Rss アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/flat-ui/rss.svg" alt="Rss アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Flat UI Icons をすべて見る →