ICONYZ
Português (Brasil)
Ícone Clock 12 de Tabler Icons

Ícone Clock 12

tabler:clock-12

O ícone Clock 12 (tabler:clock-12) é um ícone SVG gratuito da coleção Tabler Icons de Paweł Kuna. Ele é desenhado em uma grade de 24 × 24. Tabler Icons são publicados sob a licença MIT, 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
Tabler Icons
Autor
Paweł Kuna
Licença
MIT
Tamanho
24 × 24
Tags
time, hour, watch, timepiece, twelve hour, am/pm, noon, midday, daytime, clock face, system
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 12a9 9 0 0 0 9 9m9-9a9 9 0 1 0-18 0"/><path d="M12 7v5l.5.5M18 15h2a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-1a1 1 0 0 0-1 1v1a1 1 0 0 0 1 1h2m-6 0v-6"/></g></svg>

Como usar o ícone Clock 12

React

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

<Icon icon="tabler:clock-12" width="24" />

Vue

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

<template>
  <Icon icon="tabler:clock-12" width="24" />
</template>

Svelte

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

<Icon icon="tabler:clock-12" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="tabler:clock-12"></iconify-icon>

Imagem HTML

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

Ícones relacionados em Tabler Icons

Ícone clock
clock
 Ícone clock-2
clock-2
 Ícone clock-24
clock-24
 Ícone clock-bitcoin
clock-bitcoin
 Ícone clock-bolt
clock-bolt
 Ícone clock-cancel
clock-cancel
 Ícone clock-check
clock-check
 Ícone clock-code
clock-code
 Ícone clock-cog
clock-cog
 Ícone clock-dollar
clock-dollar
 Ícone clock-down
clock-down
 Ícone clock-edit
clock-edit
 Ícone clock-exclamation
clock-exclamation
 Ícone clock-filled
clock-filled
 Ícone clock-heart
clock-heart
 Ícone clock-hour-1
clock-hour-1
 Ícone clock-hour-1-filled
clock-hour-1-filled
 Ícone clock-hour-10
clock-hour-10
 Ícone clock-hour-10-filled
clock-hour-10-filled
 Ícone clock-hour-11
clock-hour-11
 Ícone clock-hour-11-filled
clock-hour-11-filled
 Ícone clock-hour-12
clock-hour-12
 Ícone clock-hour-12-filled
clock-hour-12-filled
 Ícone clock-hour-2
clock-hour-2

O ícone Clock 12 em outras coleções

Ícone Clock 12 de Lucide
Lucide
 Ícone Clock 12 de Boxicons
Boxicons
 Ícone Clock 12 de Keyline Icons
Keyline Icons
 Ícone Clock 12 de Myna UI Icons
Myna UI Icons
 Ícone Clock 12 de Vadivam
Vadivam

Perguntas frequentes sobre Ícone Clock 12

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

Sim. Tabler Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Clock 12 no React?

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

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

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

Ver todos os Tabler Icons →