History Toggle Off アイコン
material-symbols-light:history-toggle-off
History Toggle Off アイコン(material-symbols-light:history-toggle-off)は、Material Symbols Light セットの無料 SVG アイコンです（作者: Google）。 24 × 24 のグリッドで描かれています。 Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Material Symbols Light
- 作者
- Google
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
- カテゴリ
- アクション
- タグ
- clock、dash、dashed、date、history、off、schedule、time、toggle、action、historytoggle、toggleoff、historytoggleoff、history toggle off outline、history toggle off outline sharp、history toggle off sharp
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m15.3 15.989l-3.8-3.8V7.5h1v4.312l3.489 3.488zm-11.354.028q-.421-.82-.65-1.711q-.229-.89-.284-1.806h1.005q.056.794.261 1.55t.559 1.467zM3.011 11.5q.056-.915.295-1.809t.665-1.733l.865.5q-.373.711-.568 1.477q-.195.765-.25 1.565zm4.087 8.034q-.79-.518-1.461-1.183q-.671-.664-1.19-1.455l.865-.519q.446.68 1.026 1.26t1.26 1.027zM5.337 7.599l-.89-.5q.519-.79 1.19-1.452t1.461-1.18l.5.87q-.675.447-1.245 1.017T5.337 7.598m6.163 13.39q-.915-.055-1.809-.294t-1.733-.665l.5-.866q.711.373 1.477.569q.765.195 1.565.25zM8.458 4.838l-.5-.866q.84-.427 1.733-.665T11.5 3.01v1.006q-.8.056-1.565.251q-.766.196-1.477.569M12.5 20.989v-1.006q.8-.056 1.566-.251q.765-.195 1.476-.568l.5.865q-.84.427-1.733.665t-1.809.295m3.042-16.152q-.711-.373-1.477-.569q-.765-.195-1.565-.25V3.011q.916.055 1.809.294t1.733.665zm1.36 14.698l-.5-.871q.675-.447 1.245-1.017t1.017-1.245l.87.5q-.518.79-1.18 1.455q-.662.664-1.452 1.178m1.761-11.956q-.446-.675-1.016-1.236t-1.245-1.007l.5-.87q.79.513 1.452 1.165t1.175 1.442zm1.32 3.921q-.056-.8-.261-1.565q-.205-.766-.578-1.497l.885-.505q.421.846.662 1.739t.298 1.828zm.046 4.542l-.866-.5q.373-.711.569-1.477q.195-.765.25-1.565h1.007q-.056.916-.295 1.809t-.665 1.733"/></svg>
History Toggle Off アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:history-toggle-off" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:history-toggle-off" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:history-toggle-off" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--history-toggle-off]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:history-toggle-off"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:history-toggle-off"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/material-symbols-light/history-toggle-off.svg" alt="History Toggle Off アイコン" width="24" height="24">
Material Symbols Light の関連アイコン
他のアイコンセットの History Toggle Off アイコン
History Toggle Off アイコン のよくある質問
History Toggle Off アイコンは商用利用でも無料ですか?
はい。Material Symbols Light icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で History Toggle Off アイコンを使うには?
@iconify/react をインストールして <Icon icon="material-symbols-light:history-toggle-off" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
History Toggle Off アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/material-symbols-light/history-toggle-off.svg" alt="History Toggle Off アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Material Symbols Light アイコン をすべて見る →
ICONYZ
