Raw On Rounded アイコン
material-symbols-light:raw-on-rounded
Raw On Rounded アイコン(material-symbols-light:raw-on-rounded)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- 画像
- タグ
- alphabet、character、disabled、enabled、font、image、letters、off、on、original、photo、photography、raw、slash、symbol、text
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.308 14.25V9.904q0-.248.183-.422q.184-.174.432-.174h2.27q.6 0 1.05.45t.45 1.05v.384q0 .431-.257.832t-.797.607l.653 1.477q.093.215-.03.4q-.123.184-.37.184q-.123 0-.23-.061t-.164-.185l-.783-1.754H4.193v1.558q0 .19-.126.316t-.316.126t-.316-.126t-.126-.316m5.763-.13l1.415-4.349q.062-.213.223-.338q.162-.125.376-.125h.407q.214 0 .375.125t.223.338l1.435 4.348q.062.216-.067.395q-.13.178-.364.178q-.16 0-.26-.076q-.101-.075-.151-.23l-.417-1.232h-1.943L9.9 14.392q-.05.154-.154.227t-.263.073q-.235 0-.354-.178q-.12-.18-.058-.395m6.529.273l-1.202-4.53q-.061-.216.068-.385q.128-.17.344-.17q.154 0 .27.084q.116.082.166.236l.85 3.2l.837-3.22q.03-.134.134-.216q.104-.083.239-.083h.196q.135 0 .241.083q.107.082.138.217l.83 3.219l.856-3.2q.05-.154.164-.236q.113-.083.267-.083q.215 0 .344.169q.13.17.067.385l-1.207 4.53q-.03.135-.135.218q-.104.082-.238.082h-.216q-.134 0-.238-.082q-.104-.083-.134-.218l-.837-3.115l-.837 3.115q-.03.135-.134.218t-.239.082h-.215q-.135 0-.241-.082q-.107-.083-.138-.218m-5.042-2.084h1.461l-.596-1.808h-.27zm-6.366-.5h2q.231 0 .424-.192q.192-.193.192-.424v-.384q0-.231-.192-.423q-.193-.193-.424-.193h-2z"/></svg>Raw On Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:raw-on-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:raw-on-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:raw-on-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--raw-on-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:raw-on-rounded"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:raw-on-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/raw-on-rounded.svg" alt="Raw On Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Raw On Rounded アイコン
Raw On Rounded アイコン のよくある質問
Raw On Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Raw On Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:raw-on-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Raw On Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/raw-on-rounded.svg" alt="Raw On Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。