ICONYZ
Español
Icono Tunnel Line de MingCute Icon

Icono Tunnel Line

mingcute:tunnel-line

El icono Tunnel Line (mingcute:tunnel-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
tunnelline
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="M15 16v-4a3 3 0 1 0-6 0v4m6 0l4 5V10a7 7 0 1 0-14 0v11l4-5m6 0H9m3 1.5v.5m0 2.5v.5"/></svg>

Cómo usar el icono Tunnel Line

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Imagen HTML

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

Iconos relacionados en MingCute Icon

Preguntas frecuentes sobre Icono Tunnel Line

¿El icono Tunnel 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 Tunnel Line en React?

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

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

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

Ver todos los Iconos MingCute Icon →