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

Ícone Clock

mdi:clock

O ícone Clock (mdi:clock) é 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
Data e hora
Tags
watch later, 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="M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10A10 10 0 0 0 12 2m4.2 14.2L11 13V7h1.5v5.2l4.5 2.7z"/></svg>

Como usar o ícone Clock

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

Ícones relacionados em Material Design Icons

Ícone clock-alert
clock-alert
 Ícone clock-alert-outline
clock-alert-outline
 Ícone clock-check
clock-check
 Ícone clock-check-outline
clock-check-outline
 Ícone clock-digital
clock-digital
 Ícone clock-edit
clock-edit
 Ícone clock-edit-outline
clock-edit-outline
 Ícone clock-end
clock-end
 Ícone clock-fast
clock-fast
 Ícone clock-in
clock-in
 Ícone clock-minus
clock-minus
 Ícone clock-minus-outline
clock-minus-outline
 Ícone clock-out
clock-out
 Ícone clock-outline
clock-outline
 Ícone clock-plus
clock-plus
 Ícone clock-plus-outline
clock-plus-outline
 Ícone clock-remove
clock-remove
 Ícone clock-remove-outline
clock-remove-outline
 Ícone clock-star-four-points
clock-star-four-points
 Ícone clock-star-four-points-outline
clock-star-four-points-outline
 Ícone clock-start
clock-start
 Ícone clock-time-eight
clock-time-eight
 Ícone clock-time-eight-outline
clock-time-eight-outline
 Ícone clock-time-eleven
clock-time-eleven

O ícone Clock em outras coleções

Ícone Clock de Lucide
Lucide
 Ícone Clock de Tabler Icons
Tabler Icons
 Ícone Clock de Font Awesome 6 Solid
Font Awesome 6 Solid
 Ícone Clock de Phosphor
Phosphor
 Ícone Clock de Bootstrap Icons
Bootstrap Icons
 Ícone Clock de HeroIcons
HeroIcons
 Ícone Clock de @icons
@icons
 Ícone Clock de Akar Icons
Akar Icons
 Ícone Clock de Arcticons
Arcticons
 Ícone Clock de Boxicons
Boxicons
 Ícone Clock de Bytesize Icons
Bytesize Icons
 Ícone Clock de Charm Icons
Charm Icons

Perguntas frequentes sobre Ícone Clock

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

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

Como adiciono o ícone Clock a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/mdi/clock.svg" alt="Ícone Clock">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Material Design Icons →