ICONYZ
Español
Icono Timeline Line de MingCute Icon

Icono Timeline Line

mingcute:timeline-line

El icono Timeline Line (mingcute:timeline-line) es un icono SVG gratuito de la colección MingCute Icon de MingCute Design. Está dibujado en una cuadrícula de 24 × 24. MingCute Icon icons se publican bajo la licencia Apache 2.0, 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
MingCute Icon
Autor
MingCute Design
Licencia
Apache-2.0
Tamaño
24 × 24
Etiquetas
timelineline
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M13 3a1 1 0 1 0-2 0zm-2 18a1 1 0 1 0 2 0zm8-15h-1v1h2V6zM6 7h1V6H5v1zm11 5h-1v1h2v-1zM4 13h1v-1H3v1zm16 5h-1v1h2v-1zM7 19h1v-1H6v1zM7 5v1h3V4H7zm7 0v1h4V4h-4zm-4 3V7H7v2h3zm8 0V7h-4v2h4zM5 11v1h5v-2H5zm9 0v1h2v-2h-2zm-4 3v-1H5v2h5zm6 0v-1h-2v2h2zm-8 3v1h2v-2H8zm6 0v1h5v-2h-5zm-4 3v-1H8v2h2zm9 0v-1h-5v2h5zM12 3h-1v18h2V3zM7 19H6a2 2 0 0 0 2 2v-2zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM7 18h1v-2a2 2 0 0 0-2 2zm-3-5H3a2 2 0 0 0 2 2v-2zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM4 12h1v-2a2 2 0 0 0-2 2zm2-5H5a2 2 0 0 0 2 2V7zm13 0h-1v2a2 2 0 0 0 2-2zm0-1h1a2 2 0 0 0-2-2v2zM6 6h1V4a2 2 0 0 0-2 2z"/></svg>

Cómo usar el icono Timeline Line

React

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

<Icon icon="mingcute:timeline-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:timeline-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:timeline-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--timeline-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:timeline-line"></div>

Web component

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

<iconify-icon icon="mingcute:timeline-line"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/mingcute/timeline-line.svg" alt="Icono Timeline Line" width="24" height="24">

Iconos relacionados en MingCute Icon

El icono Timeline Line en otras colecciones

Preguntas frecuentes sobre Icono Timeline Line

¿El icono Timeline Line es gratis para uso comercial?

Sí. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Timeline Line en React?

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

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

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

Ver todos los Iconos MingCute Icon →