Data Usage Rounded アイコン
material-symbols-light:data-usage-rounded
Data Usage Rounded アイコン(material-symbols-light:data-usage-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
- カテゴリ
- Android
- タグ
- analytics、chart、data、diagram、graph、infographic、measure、metrics、statistics、tracking、usage、device、datausage、usagerounded、datausagerounded、data usage outline rounded
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12q0-3.212 1.98-5.658q1.982-2.446 5.14-3.125q.301-.096.539.089q.237.184.237.486q0 .212-.114.374t-.295.217q-2.746.54-4.501 2.676Q4.23 9.194 4.23 12q0 3.233 2.268 5.501T12 19.769q1.685 0 3.224-.68t2.605-1.916q.163-.177.374-.196q.21-.02.393.12q.229.178.235.465t-.243.538q-1.33 1.425-3.003 2.162Q13.914 21 12 21m7.77-9q0-2.8-1.778-4.945q-1.777-2.146-4.504-2.672q-.2-.054-.314-.217t-.115-.374q0-.302.248-.477q.247-.175.549-.098q3.105.608 5.125 3.092T21 12q0 .72-.105 1.403q-.104.684-.34 1.31q-.066.283-.323.403t-.54.018q-.206-.078-.295-.272q-.09-.193-.028-.424q.19-.655.295-1.269T19.77 12"/></svg>Data Usage Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:data-usage-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:data-usage-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:data-usage-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--data-usage-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:data-usage-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:data-usage-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/data-usage-rounded.svg" alt="Data Usage Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
data-alert
data-alert-rounded
data-array
data-array-rounded
data-check
data-check-rounded
data-exploration
data-exploration-outline
data-exploration-outline-rounded
data-exploration-outline-sharp
data-exploration-rounded
data-exploration-sharp
data-info-alert
data-info-alert-rounded
data-loss-prevention
data-loss-prevention-outline
data-loss-prevention-outline-rounded
data-loss-prevention-rounded
data-object
data-object-outline-sharp
data-object-rounded
data-object-sharp
data-saver-on
data-saver-on-rounded
他のアイコンセットの Data Usage Rounded アイコン
Data Usage Rounded アイコン のよくある質問
Data Usage Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Data Usage Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:data-usage-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Data Usage Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/data-usage-rounded.svg" alt="Data Usage Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。