ICONYZ
Português (Brasil)
Ícone Clock de Unicons

Ícone Clock

uil:clock

O ícone Clock (uil:clock) é um ícone SVG gratuito da coleção Unicons de Iconscout. Ele é desenhado em uma grade de 24 × 24. Unicons 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
Unicons
Autor
Iconscout
Licença
Apache-2.0
Tamanho
24 × 24
Categoria
Tempo
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="M15.098 12.634L13 11.423V7a1 1 0 0 0-2 0v5a1 1 0 0 0 .5.866l2.598 1.5a1 1 0 1 0 1-1.732M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2m0 18a8 8 0 1 1 8-8a8.01 8.01 0 0 1-8 8"/></svg>

Como usar o ícone Clock

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagem HTML

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

Ícones relacionados em Unicons

Ícone clock-eight
clock-eight
 Ícone clock-five
clock-five
 Ícone clock-nine
clock-nine
 Ícone clock-seven
clock-seven
 Ícone clock-ten
clock-ten
 Ícone clock-three
clock-three
 Ícone clock-two
clock-two

O ícone Clock em outras coleções

Ícone Clock de Material Design Icons
Material Design Icons
 Í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

Perguntas frequentes sobre Ícone Clock

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

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

Ver todos os Unicons →