ICONYZ
Español
Icono Timer de Keyline Icons

Icono Timer

keyline-icons:timer

El icono Timer (keyline-icons:timer) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline 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
Keyline Icons
Autor
Keyline Icons
Licencia
MIT
Tamaño
24 × 24
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6C16.4183 6 20 9.5817 20 14C20 18.4183 16.4183 22 12 22C7.5817 22 4 18.4183 4 14C4 9.5817 7.5817 6 12 6ZM9 2L15 2M12 2L12 6M12 14L12 10M17.6569 8.3431L19 7"/></svg>

Cómo usar el icono Timer

React

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

<Icon icon="keyline-icons:timer" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:timer" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:timer" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--timer]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="keyline-icons:timer"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/timer.svg" alt="Icono Timer" width="24" height="24">

Iconos relacionados en Keyline Icons

Icono timer-duotone
timer-duotone
 Icono timer-fast
timer-fast
 Icono timer-fast-duotone
timer-fast-duotone
 Icono timer-fast-fill
timer-fast-fill
 Icono timer-fast-sharp
timer-fast-sharp
 Icono timer-fast-sharp-duotone
timer-fast-sharp-duotone
 Icono timer-fast-sharp-fill
timer-fast-sharp-fill
 Icono timer-fast-sharp-two-tone
timer-fast-sharp-two-tone
 Icono timer-fast-two-tone
timer-fast-two-tone
 Icono timer-fill
timer-fill
 Icono timer-reset
timer-reset
 Icono timer-reset-duotone
timer-reset-duotone
 Icono timer-reset-fill
timer-reset-fill
 Icono timer-reset-sharp
timer-reset-sharp
 Icono timer-reset-sharp-duotone
timer-reset-sharp-duotone
 Icono timer-reset-sharp-fill
timer-reset-sharp-fill
 Icono timer-reset-sharp-two-tone
timer-reset-sharp-two-tone
 Icono timer-reset-two-tone
timer-reset-two-tone
 Icono timer-sharp
timer-sharp
 Icono timer-sharp-duotone
timer-sharp-duotone
 Icono timer-sharp-fill
timer-sharp-fill
 Icono timer-sharp-two-tone
timer-sharp-two-tone
 Icono timer-two-tone
timer-two-tone

El icono Timer en otras colecciones

Icono Timer de Material Design Icons
Material Design Icons
 Icono Timer de Lucide
Lucide
 Icono Timer de Material Symbols
Material Symbols
 Icono Timer de Phosphor
Phosphor
 Icono Timer de Carbon
Carbon
 Icono Timer de BoxIcons v2
BoxIcons v2
 Icono Timer de BoxIcons v2 Solid
BoxIcons v2 Solid
 Icono Timer de Boxicons
Boxicons
 Icono Timer de Circum Icons
Circum Icons
 Icono Timer de Element Plus
Element Plus
 Icono Timer de Famicons
Famicons
 Icono Timer de Fluent UI MDL2
Fluent UI MDL2

Preguntas frecuentes sobre Icono Timer

¿El icono Timer es gratis para uso comercial?

Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Timer en React?

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

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

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

Ver todos los Keyline Icons →