ICONYZ
Español
Icono Clock de andrsrxn/icons

Icono Clock

andrsrxn:clock

El icono Clock (andrsrxn:clock) es un icono SVG gratuito de la colección andrsrxn/icons de Andrés Raxón. Está dibujado en una cuadrícula de 24 × 24. andrsrxn/icons se publican bajo la licencia MIT, 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
andrsrxn/icons
Autor
Andrés Raxón
Licencia
MIT
Tamaño
24 × 24
Categoría
Hora
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"><circle cx="12" cy="12" r="10.25" fill="currentColor" opacity=".2"/><circle cx="12" cy="12" r="10.25" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m16.04 15.78l-2.93-1.95c-.87-.58-1.3-.87-1.54-1.32c-.24-.44-.24-.96-.24-2.01V6.31"/></g></svg>

Cómo usar el icono Clock

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Iconos relacionados en andrsrxn/icons

Icono clock-hour-eight
clock-hour-eight
 Icono clock-hour-eleven
clock-hour-eleven
 Icono clock-hour-five
clock-hour-five
 Icono clock-hour-four
clock-hour-four
 Icono clock-hour-nine
clock-hour-nine
 Icono clock-hour-one
clock-hour-one
 Icono clock-hour-seven
clock-hour-seven
 Icono clock-hour-six
clock-hour-six
 Icono clock-hour-ten
clock-hour-ten
 Icono clock-hour-three
clock-hour-three
 Icono clock-hour-twelve
clock-hour-twelve
 Icono clock-hour-two
clock-hour-two
 Icono clock-lightning
clock-lightning
 Icono clock-sparkle
clock-sparkle
 Icono clock-time
clock-time
 Icono clock-twelve
clock-twelve
 Icono clock-twenty-four
clock-twenty-four

El icono Clock en otras colecciones

Icono Clock de Material Design Icons
Material Design Icons
 Icono Clock de Lucide
Lucide
 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

Preguntas frecuentes sobre Icono Clock

¿El icono Clock es gratis para uso comercial?

Sí. andrsrxn/icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Clock en React?

Instala @iconify/react y renderiza <Icon icon="andrsrxn: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/andrsrxn/clock.svg" alt="Icono Clock">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los andrsrxn/icons →