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

Ícone Clock Check

mdi:clock-check

O ícone Clock Check (mdi:clock-check) é 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
date, time, clockcheck
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="m23.5 17l-5 5l-3.5-3.5l1.5-1.5l2 2l3.5-3.5zM13 19c0-1.5.5-2.8 1.4-3.9L11 13V7h1.5v5.2l3.1 1.9c1-.7 2.1-1.1 3.4-1.1c1 0 2 .3 2.8.7c.1-.6.2-1.1.2-1.7c0-5.5-4.5-10-10-10S2 6.5 2 12s4.5 10 10 10c.6 0 1.2-.1 1.7-.2c-.4-.8-.7-1.8-.7-2.8"/></svg>

Como usar o ícone Clock Check

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

Ícones relacionados em Material Design Icons

Ícone clock
clock
 Ícone clock-alert
clock-alert
 Ícone clock-alert-outline
clock-alert-outline
 Í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 Check em outras coleções

Ícone Clock Check de Lucide
Lucide
 Ícone Clock Check de Tabler Icons
Tabler Icons
 Ícone Clock Check de Huge Icons
Huge Icons
 Ícone Clock Check de IconOven
IconOven
 Ícone Clock Check de Keyline Icons
Keyline Icons

Perguntas frequentes sobre Ícone Clock Check

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

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

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

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

Ver todos os Material Design Icons →