ICONYZ
Español
Icono Timer Fill de Keyline Icons

Icono Timer Fill

keyline-icons:timer-fill

El icono Timer Fill (keyline-icons:timer-fill) 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
Etiquetas
timerfill
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"><path fill="currentColor" fill-rule="evenodd" d="M12 5C16.9706 5 21 9.0294 21 14C21 18.9706 16.9706 23 12 23C7.0294 23 3 18.9706 3 14C3 9.0294 7.0294 5 12 5ZM11 10L11 14C11 14.5523 11.4477 15 12 15C12.5523 15 13 14.5523 13 14L13 10C13 9.4477 12.5523 9 12 9C11.4477 9 11 9.4477 11 10Z" clip-rule="evenodd" stroke="none"/><path d="M9 2L15 2M12 2L12 6M17.6569 8.3431L19 7"/></g></svg>

Cómo usar el icono Timer Fill

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:timer-fill"></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-fill"></iconify-icon>

Imagen HTML

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

Iconos relacionados en Keyline Icons

Icono timer
timer
 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-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 Fill en otras colecciones

Icono Timer Fill de Phosphor
Phosphor
 Icono Timer Fill de Remix Icon
Remix Icon
 Icono Timer Fill de Framework7 Icons
Framework7 Icons

Preguntas frecuentes sobre Icono Timer Fill

¿El icono Timer Fill 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 Fill en React?

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

¿Cómo añado el icono Timer Fill 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-fill.svg" alt="Icono Timer Fill">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Keyline Icons →