ICONYZ
Español
Icono Time de Ligature Symbols

Icono Time

ls:time

El icono Time (ls:time) es un icono SVG gratuito de la colección Ligature Symbols de Kazuyuki Motoyama. Está dibujado en una cuadrícula de 717 × 717. Ligature Symbols icons se publican bajo la Open Font License, 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
Ligature Symbols
Autor
Kazuyuki Motoyama
Licencia
OFL-1.1
Tamaño
717 × 717
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="717" height="717" viewBox="0 0 717 717"><path fill="currentColor" d="M358 717C160 717 0 557 0 359S160 0 358 0s359 161 359 359s-161 358-359 358m0-628C210 89 90 211 90 359s120 268 268 268s270-120 270-268S506 89 358 89m97 407l-127-93c-9-7-18-22-18-34V166c0-11 10-20 22-20h42c11 0 20 9 20 20v160c0 12 9 27 18 34l93 67c9 7 11 21 4 30l-25 34c-7 9-20 11-29 5"/></svg>

Cómo usar el icono Time

React

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

<Icon icon="ls:time" width="24" />

Vue

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

<template>
  <Icon icon="ls:time" width="24" />
</template>

Svelte

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

<Icon icon="ls:time" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ls:time"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/ls/time.svg" alt="Icono Time" width="24" height="24">

El icono Time en otras colecciones

Preguntas frecuentes sobre Icono Time

¿El icono Time es gratis para uso comercial?

Sí. Ligature Symbols icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Time en React?

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

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

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

Ver todos los Iconos Ligature Symbols →