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

Ícone Timer

material-symbols:timer

O ícone Timer (material-symbols:timer) é um ícone SVG gratuito da coleção Material Symbols de Google. Ele é desenhado em uma grade de 24 × 24. Material Symbols 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
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 3V1h6v2zm2 11h2V8h-2zm-2.488 7.288q-1.637-.713-2.862-1.938t-1.937-2.863T3 13t.713-3.488T5.65 6.65t2.863-1.937T12 4q1.55 0 2.975.5t2.675 1.45l1.4-1.4l1.4 1.4l-1.4 1.4Q20 8.6 20.5 10.025T21 13q0 1.85-.713 3.488T18.35 19.35t-2.863 1.938T12 22t-3.488-.712"/></svg>

Como usar o ícone Timer

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Imagem HTML

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

Ícones relacionados em Material Symbols

Í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 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
 Ícone Timer de Font-GIS
Font-GIS

Perguntas frequentes sobre Ícone Timer

O ícone Timer é grátis para uso comercial?

Sim. Material Symbols 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: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/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 →