ICONYZ
Português (Brasil)
Ícone Timer de Material Symbols Light

Ícone Timer

material-symbols-light:timer

O ícone Timer (material-symbols-light:timer) é 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
Imagens
Tags
alarm, alert, bell, clock, disabled, duration, enabled, notification, time, watch, image, timer sharp
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.385 2.5v-1h5.23v1zM11.5 13.616h1V8.385h-1zm-2.612 6.758q-1.455-.626-2.546-1.716t-1.716-2.545T4 13t.626-3.113t1.716-2.545t2.546-1.716T12 5q1.454 0 2.812.52t2.492 1.469l1.092-1.093l.708.708l-1.092 1.092q.95 1.135 1.469 2.493T20 13q0 1.658-.626 3.113t-1.716 2.545t-2.546 1.716T12 21t-3.113-.626"/></svg>

Como usar o ícone Timer

React

import { Icon } from "@iconify/react";

<Icon icon="material-symbols-light:timer" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="material-symbols-light:timer" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="material-symbols-light:timer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--timer]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:timer"></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:timer"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/timer.svg" alt="Ícone Timer" width="24" height="24">

Ícones relacionados em Material Symbols Light

Ícone timer-1
timer-1
 Ícone timer-1-rounded
timer-1-rounded
 Ícone timer-10
timer-10
 Ícone timer-10-alt-1
timer-10-alt-1
 Ícone timer-10-alt-1-outline
timer-10-alt-1-outline
 Ícone timer-10-alt-1-outline-rounded
timer-10-alt-1-outline-rounded
 Ícone timer-10-alt-1-outline-sharp
timer-10-alt-1-outline-sharp
 Ícone timer-10-alt-1-rounded
timer-10-alt-1-rounded
 Ícone timer-10-alt-1-sharp
timer-10-alt-1-sharp
 Ícone timer-10-rounded
timer-10-rounded
 Ícone timer-10-select
timer-10-select
 Ícone timer-10-select-rounded
timer-10-select-rounded
 Ícone timer-10-select-sharp
timer-10-select-sharp
 Ícone timer-10-sharp
timer-10-sharp
 Ícone timer-2
timer-2
 Ícone timer-2-rounded
timer-2-rounded
 Ícone timer-2-sharp
timer-2-sharp
 Ícone timer-3
timer-3
 Ícone timer-3-alt-1
timer-3-alt-1
 Ícone timer-3-alt-1-outline
timer-3-alt-1-outline
 Ícone timer-3-alt-1-outline-rounded
timer-3-alt-1-outline-rounded
 Ícone timer-3-alt-1-outline-sharp
timer-3-alt-1-outline-sharp
 Ícone timer-3-alt-1-rounded
timer-3-alt-1-rounded
 Ícone timer-3-alt-1-sharp
timer-3-alt-1-sharp

O ícone Timer em outras coleções

Ícone Timer de Material Design Icons
Material Design Icons
 Ícone Timer de Lucide
Lucide
 Ícone Timer de Material Symbols
Material Symbols
 Ícone Timer de Phosphor
Phosphor
 Ícone Timer de Carbon
Carbon
 Ícone Timer de BoxIcons v2
BoxIcons v2
 Ícone Timer de BoxIcons v2 Solid
BoxIcons v2 Solid
 Ícone Timer de Boxicons
Boxicons
 Ícone Timer de Circum Icons
Circum Icons
 Ícone Timer de Element Plus
Element Plus
 Ícone Timer de Famicons
Famicons
 Ícone Timer de Fluent UI MDL2
Fluent UI MDL2

Perguntas frequentes sobre Ícone Timer

O ícone Timer é 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 Timer no React?

Instale @iconify/react e renderize <Icon icon="material-symbols-light:timer" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Timer 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/timer.svg" alt="Ícone Timer">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Material Symbols Light →