Icono Hd Duotone
lucide-extended:hd-duotone
El icono Hd Duotone (lucide-extended:hd-duotone) es un icono SVG gratuito de la colección Lucide Extended de Applifted. Está dibujado en una cuadrícula de 24 × 24. Lucide Extended icons se publican bajo la licencia ISC, 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
- Lucide Extended
- Autor
- Applifted
- Licencia
- ISC
- Tamaño
- 24 × 24
- Etiquetas
- hdduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="currentColor" fill-rule="evenodd" d="M21 18H3V6h18zm-6.5-9a.5.5 0 0 0-.5.5v5a.5.5 0 0 0 .5.5h1a2.5 2.5 0 0 0 2.5-2.5v-1A2.5 2.5 0 0 0 15.5 9z" clip-rule="evenodd" opacity=".15"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 12H6m4 3V9m4 5.5a.5.5 0 0 0 .5.5h1a2.5 2.5 0 0 0 2.5-2.5v-1A2.5 2.5 0 0 0 15.5 9h-1a.5.5 0 0 0-.5.5zM6 15V9"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 5H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2"/></g></svg>Cómo usar el icono Hd Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="lucide-extended:hd-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide-extended:hd-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide-extended:hd-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide-extended--hd-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide-extended -->
<div class="i-lucide-extended:hd-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide-extended:hd-duotone"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/lucide-extended/hd-duotone.svg" alt="Icono Hd Duotone" width="24" height="24">Iconos relacionados en Lucide Extended
El icono Hd Duotone en otras colecciones
Preguntas frecuentes sobre Icono Hd Duotone
¿El icono Hd Duotone es gratis para uso comercial?
Sí. Lucide Extended icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Hd Duotone en React?
Instala @iconify/react y renderiza <Icon icon="lucide-extended:hd-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hd Duotone a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/lucide-extended/hd-duotone.svg" alt="Icono Hd Duotone">, o pega el código SVG en línea para darle estilo con CSS.