Ir al contenido

Iconos de reloj gratis (SVG)

48 iconos de reloj gratis de sets de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el 30 oct 2026

reloj
Lucide reloj
Tabler reloj
Heroicons reloj
Phosphor reloj
Bootstrap Icons reloj
Iconoir clock-12-filled
Fluent UI lock-clock
Material Symbols reloj
Material Design Icons clock-1
Lucide clock-filled
Tabler clock-16-solid
Heroicons clock-bold
Phosphor clock-fill
Bootstrap Icons clock-solid
Iconoir clock-12-regular
Fluent UI lock-clock-outline
Material Symbols clock-outline
Material Design Icons clock-2
Lucide clock-2
Tabler clock-20-solid
Heroicons clock-duotone
Phosphor clock-16-filled
Fluent UI lock-clock-outline-rounded
Material Symbols clock-in
Material Design Icons clock-3
Lucide clock-x
Tabler clock-solid
Heroicons clock-fill
Phosphor clock-16-regular
Fluent UI lock-clock-outline-sharp
Material Symbols bed-clock
Material Design Icons clock-4
Lucide clock-12
Tabler clock-light
Phosphor clock-20-filled
Fluent UI lock-clock-rounded
Material Symbols bus-clock
Material Design Icons clock-5
Lucide clock-24
Tabler clock-thin
Phosphor clock-20-regular
Fluent UI lock-clock-sharp
Material Symbols car-clock
Material Design Icons clock-6
Lucide clock-up
Tabler clock-24-filled
Fluent UI save-clock
Material Symbols

Uso de iconos de reloj

Los relojes muestran la hora, la duración, el historial y las listas de «vistos recientemente».

Todos los iconos aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un mismo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o ajústalos en CSS con 1em) para que el diseño no se mueva mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como «Reloj».

Licencias

Estos iconos de reloj provienen de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols y Material Design Icons: sets de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70.000 iconos en el SVG Icon Finder.

Buscador de iconos SVG

Busca más de 70.000 iconos SVG de código abierto — Lucide, Tabler, Heroicons, Phosphor, Bootstrap, Material y más.

Abrir herramienta

Preguntas frecuentes

¿Son gratis para uso comercial estos iconos de reloj?

Sí. Provienen de sets de iconos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los archivos de los iconos.

¿Cómo cambio el color de un icono de reloj?

Los SVG usan currentColor, así que define el color CSS del elemento padre o abre el icono en el buscador y elige un color fijo antes de copiarlo.

¿Puedo usar estos iconos en Webflow o React?

Sí. Abre un icono y usa Copiar a Webflow (pega un Code Embed) o Copiar JSX para un componente de React.

Tus herramientas

Explorar herramientas

Más de devpack

Ajustes