Icono Lego Light
ph:lego-light
El icono Lego Light (ph:lego-light) es un icono SVG gratuito de la colección Phosphor de Phosphor Icons. Está dibujado en una cuadrícula de 256 × 256. Phosphor 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
- Phosphor
- Autor
- Phosphor Icons
- Licencia
- MIT
- Tamaño
- 256 × 256
- Etiquetas
- toys, blocks, bricks, legolight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m242.68 74.63l-46.83-23.41C190.69 41.09 176.78 34 160 34c-21.31 0-38 11.42-38 26a19.1 19.1 0 0 0 1.56 7.51l-22 11A51.5 51.5 0 0 0 80 74c-21.31 0-38 11.42-38 26a19.1 19.1 0 0 0 1.56 7.51l-30.24 15.12A6 6 0 0 0 10 128v64a6 6 0 0 0 3.32 5.37l64 32a6 6 0 0 0 5.36 0l160-80A6 6 0 0 0 246 144V80a6 6 0 0 0-3.32-5.37M80 153.29L29.42 128l21.77-10.88C58.1 122.59 68.36 126 80 126c21.31 0 38-11.42 38-26a20.4 20.4 0 0 0-5.43-13.58l18.62-9.3C138.1 82.59 148.36 86 160 86c18.63 0 33.74-8.73 37.23-20.67L226.58 80ZM160 46c15.32 0 26 7.38 26 14s-10.68 14-26 14s-26-7.38-26-14s10.68-14 26-14M80 86c15.32 0 26 7.38 26 14s-10.68 14-26 14s-26-7.38-26-14s10.68-14 26-14m-58 51.71l52 26v50.58l-52-26Zm64 76.58v-50.58l148-74v50.58Z"/></svg>
Cómo usar el icono Lego Light
React
import { Icon } from "@iconify/react";
<Icon icon="ph:lego-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:lego-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:lego-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--lego-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:lego-light"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:lego-light"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/ph/lego-light.svg" alt="Icono Lego Light" width="24" height="24">
Iconos relacionados en Phosphor
Preguntas frecuentes sobre Icono Lego Light
¿El icono Lego Light es gratis para uso comercial?
Sí. Phosphor icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Lego Light en React?
Instala @iconify/react y renderiza <Icon icon="ph:lego-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Lego Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/ph/lego-light.svg" alt="Icono Lego Light">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Phosphor →
ICONYZ
