Rstack アイコン
material-icon-theme:rstack
Rstack アイコン(material-icon-theme:rstack)は、Material Icon Theme セットの無料 SVG アイコンです(作者: Material Extensions)。 24 × 24 のグリッドで描かれています。 Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Icon Theme
- 作者
- Material Extensions
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="#ff6d00" d="M3.1 1C1.7 1 1 2.27 1 3.84c0 .51.08.98.23 1.39c-.13.22-.21.47-.21.75c0 .71.51 1.29 1.17 1.4l1.91.97c-.08.12-.14.2-.21.32l-2.38-.54l-.3 1.39l1.87.42c-.15.23-.26.43-.33.58l-1.58.46l.39 1.37l1.95-.57c.23.18.47.36.75.56l-1.64 1.67l.99 1l1.82-1.84c.7.49 1.41.99 1.89 1.34c.31.23.52.33.71.33c.21 0 .4-.12.69-.33c.47-.35 1.18-.85 1.88-1.35l1.83 1.85l.99-1l-1.66-1.68c.26-.19.53-.38.76-.54l1.96.57l.39-1.37l-1.56-.45a3 3 0 0 0-.15-.29c-.05-.08-.14-.21-.2-.31l1.87-.42l-.3-1.39l-2.4.54c-.08-.12-.13-.2-.21-.32l1.92-.97c.67-.1 1.19-.69 1.19-1.4c0-.3-.1-.58-.25-.81c.16-.39.25-.84.25-1.32c0-1.57-.94-2.84-2.1-2.84v3.11L10.64 1.8c-.82.83-.6 2.41.49 3.52c.34.34.71.59 1.1.75c.01.17.05.33.11.48l-1.23.62c-.44-.55-1.26-1.19-3.1-1.19s-2.64.67-3.08 1.2L3.7 6.55c.06-.15.11-.31.12-.48c.39-.17.77-.41 1.1-.75c1.09-1.11 1.32-2.68.5-3.52L3.11 4.14V1Z"/></svg>Rstack アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-icon-theme:rstack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-icon-theme:rstack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-icon-theme:rstack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--rstack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:rstack"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-icon-theme:rstack"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-icon-theme/rstack.svg" alt="Rstack アイコン" width="24" height="24">Rstack アイコン のよくある質問
Rstack アイコンは商用利用でも無料ですか?
はい。Material Icon Theme icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Rstack アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-icon-theme:rstack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Rstack アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-icon-theme/rstack.svg" alt="Rstack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。