ICONYZ
Español
Icono Clock de Lucide

Icono Clock

lucide:clock

El icono Clock (lucide:clock) es un icono SVG gratuito de la colección Lucide de Lucide Contributors. Está dibujado en una cuadrícula de 24 × 24. Lucide icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Lucide
Autor
Lucide Contributors
Licencia
ISC
Tamaño
24 × 24
Etiquetas
time, watch, alarm
Descargar 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"><circle cx="12" cy="12" r="10"/><path d="M12 6v6l4 2"/></g></svg>

Cómo usar el icono Clock

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Iconos relacionados en Lucide

Icono clock-1
clock-1
 Icono clock-10
clock-10
 Icono clock-11
clock-11
 Icono clock-12
clock-12
 Icono clock-2
clock-2
 Icono clock-3
clock-3
 Icono clock-4
clock-4
 Icono clock-5
clock-5
 Icono clock-6
clock-6
 Icono clock-7
clock-7
 Icono clock-8
clock-8
 Icono clock-9
clock-9
 Icono clock-alert
clock-alert
 Icono clock-arrow-down
clock-arrow-down
 Icono clock-arrow-left
clock-arrow-left
 Icono clock-arrow-right
clock-arrow-right
 Icono clock-arrow-up
clock-arrow-up
 Icono clock-check
clock-check
 Icono clock-fading
clock-fading
 Icono clock-plus
clock-plus

El icono Clock en otras colecciones

Icono Clock de Material Design Icons
Material Design Icons
 Icono Clock de Tabler Icons
Tabler Icons
 Icono Clock de Font Awesome 6 Solid
Font Awesome 6 Solid
 Icono Clock de Phosphor
Phosphor
 Icono Clock de Bootstrap Icons
Bootstrap Icons
 Icono Clock de HeroIcons
HeroIcons
 Icono Clock de @icons
@icons
 Icono Clock de Akar Icons
Akar Icons
 Icono Clock de Arcticons
Arcticons
 Icono Clock de Boxicons
Boxicons
 Icono Clock de Bytesize Icons
Bytesize Icons
 Icono Clock de Charm Icons
Charm Icons

Preguntas frecuentes sobre Icono Clock

¿El icono Clock es gratis para uso comercial?

Sí. Lucide icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Clock en React?

Instala @iconify/react y renderiza <Icon icon="lucide:clock" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Clock a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lucide/clock.svg" alt="Icono Clock">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Lucide →