Ícone History Toggle Off
material-symbols-light:history-toggle-off
O ícone History Toggle Off (material-symbols-light:history-toggle-off) é um ícone SVG gratuito da coleção Material Symbols Light de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Symbols Light
- Autor
- Google
- Licença
- Apache-2.0
- Tamanho
- 24 × 24
- Categoria
- Ações
- Tags
- 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
Código 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>
Como usar o ícone 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 component
<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>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/history-toggle-off.svg" alt="Ícone History Toggle Off" width="24" height="24">
Ícones relacionados em Material Symbols Light
O ícone History Toggle Off em outras coleções
Perguntas frequentes sobre Ícone History Toggle Off
O ícone History Toggle Off é grátis para uso comercial?
Sim. Material Symbols Light icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone History Toggle Off no React?
Instale @iconify/react e renderize <Icon icon="material-symbols-light:history-toggle-off" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone History Toggle Off a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-symbols-light/history-toggle-off.svg" alt="Ícone History Toggle Off">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Material Symbols Light →
ICONYZ
