Icono Led Diode
icon-park:led-diode
El icono Led Diode (icon-park:led-diode) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark 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
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Industria
- Etiquetas
- leddiode
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" stroke="#000" d="M6 24C6 22.8954 6.89543 22 8 22H40C41.1046 22 42 22.8954 42 24V30H6V24Z"/><path stroke="#000" d="M19 30V44"/><path stroke="#000" d="M29 30V44"/><path fill="#2F88FF" stroke="#000" d="M24 4C16.268 4 10 10.268 10 18V22H38V18C38 10.268 31.732 4 24 4Z"/><circle cx="24" cy="13" r="3" fill="#43CCF8" stroke="#fff"/></g></svg>Cómo usar el icono Led Diode
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:led-diode" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:led-diode" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:led-diode" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--led-diode]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:led-diode"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:led-diode"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/led-diode.svg" alt="Icono Led Diode" width="24" height="24">El icono Led Diode en otras colecciones
Preguntas frecuentes sobre Icono Led Diode
¿El icono Led Diode es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Led Diode en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:led-diode" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Led Diode a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/led-diode.svg" alt="Icono Led Diode">, o pega el código SVG en línea para darle estilo con CSS.