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

Ícone Timer

mdi:timer

O ícone Timer (mdi:timer) é um ícone SVG gratuito da coleção Material Design Icons de Pictogrammers. Ele é desenhado em uma grade de 24 × 24. Material Design 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 Design Icons
Autor
Pictogrammers
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Esporte, Data e hora
Tags
stopwatch, sport, date, time
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="m19.03 7.39l1.42-1.42c-.45-.51-.9-.97-1.41-1.41L17.62 6c-1.55-1.26-3.5-2-5.62-2a9 9 0 0 0 0 18c5 0 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61M13 14h-2V7h2zm2-13H9v2h6z"/></svg>

Como usar o ícone Timer

React

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

<Icon icon="mdi:timer" width="24" />

Vue

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

<template>
  <Icon icon="mdi:timer" width="24" />
</template>

Svelte

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

<Icon icon="mdi:timer" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:timer"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="mdi:timer"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Material Design Icons

Ícone timer-10
timer-10
 Ícone timer-3
timer-3
 Ícone timer-alert
timer-alert
 Ícone timer-alert-outline
timer-alert-outline
 Ícone timer-cancel
timer-cancel
 Ícone timer-cancel-outline
timer-cancel-outline
 Ícone timer-check
timer-check
 Ícone timer-check-outline
timer-check-outline
 Ícone timer-cog
timer-cog
 Ícone timer-cog-outline
timer-cog-outline
 Ícone timer-edit
timer-edit
 Ícone timer-edit-outline
timer-edit-outline
 Ícone timer-lock
timer-lock
 Ícone timer-lock-open
timer-lock-open
 Ícone timer-lock-open-outline
timer-lock-open-outline
 Ícone timer-lock-outline
timer-lock-outline
 Ícone timer-marker
timer-marker
 Ícone timer-marker-outline
timer-marker-outline
 Ícone timer-minus
timer-minus
 Ícone timer-minus-outline
timer-minus-outline
 Ícone timer-music
timer-music
 Ícone timer-music-outline
timer-music-outline
 Ícone timer-off
timer-off
 Ícone timer-off-outline
timer-off-outline

O ícone Timer em outras coleções

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

Perguntas frequentes sobre Ícone Timer

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

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

Ver todos os Material Design Icons →