Иконка History Toggle Off
material-symbols-light:history-toggle-off
Иконка History Toggle Off (material-symbols-light:history-toggle-off) — бесплатная SVG-иконка из набора Material Symbols Light от 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>
Веб-компонент
<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, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку History Toggle Off в React?
Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Symbols Light →
ICONYZ
