Update Disabled Rounded アイコン
material-symbols-light:update-disabled-rounded
Update Disabled Rounded アイコン(material-symbols-light:update-disabled-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
- カテゴリ
- アクション
- タグ
- arrow、back、backwards、clock、date、disabled、enabled、forward、history、load、off、on、refresh、reverse、rotate、schedule
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m19.479 20.9l-2.57-2.563q-1.03.784-2.268 1.224q-1.239.439-2.622.439q-1.663 0-3.118-.626T6.359 17.66t-1.714-2.542T4.02 12q0-1.402.45-2.63t1.233-2.241L3.094 4.52q-.146-.146-.156-.347t.156-.366t.357-.166t.357.166l16.384 16.384q.146.146.156.344t-.156.364t-.357.165q-.19 0-.356-.165m-7.46-1.9q1.17 0 2.228-.376t1.924-1.026l-9.769-9.77q-.65.885-1.016 1.934q-.367 1.05-.367 2.238q0 2.925 2.038 4.963T12.019 19m3.347-10.538q-.214 0-.357-.144t-.143-.357t.143-.356t.357-.144h1.98q-1.044-1.15-2.41-1.805Q13.572 5 12.02 5q-.771 0-1.544.157t-1.456.508q-.183.08-.375.032q-.192-.047-.29-.23q-.098-.182-.041-.387t.239-.278q.8-.388 1.696-.595T12.019 4q1.723 0 3.282.711q1.559.712 2.718 1.985V4.808q0-.214.144-.357t.356-.143t.357.143t.143.357v2.846q0 .348-.23.578t-.578.23zm-3.703.468q-.144-.143-.144-.357V7.5q0-.213.143-.357T12.02 7t.357.143t.143.357v1.073q0 .214-.143.357t-.357.143t-.357-.143m6.832 6.728q-.177-.131-.203-.32q-.027-.19.076-.396q.172-.315.3-.719q.13-.404.199-.739q.067-.226.231-.352q.165-.126.372-.096q.233.031.339.219t.044.408q-.1.466-.228.995t-.426.873q-.142.205-.334.231t-.37-.104"/></svg>Update Disabled Rounded アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:update-disabled-rounded" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:update-disabled-rounded" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:update-disabled-rounded" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--update-disabled-rounded]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:update-disabled-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:update-disabled-rounded"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/update-disabled-rounded.svg" alt="Update Disabled Rounded アイコン" width="24" height="24">Material Symbols Light の関連アイコン
他のアイコンセットの Update Disabled Rounded アイコン
Update Disabled Rounded アイコン のよくある質問
Update Disabled Rounded アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Update Disabled Rounded アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:update-disabled-rounded" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Update Disabled Rounded アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/update-disabled-rounded.svg" alt="Update Disabled Rounded アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。