Icono Box Sharp Duotone
keyline-icons:box-sharp-duotone
El icono Box Sharp Duotone (keyline-icons:box-sharp-duotone) es un icono SVG gratuito de la colección Keyline Icons. Está dibujado en una cuadrícula de 24 × 24. Keyline 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
- Keyline Icons
- Autor
- Keyline Icons
- Licencia
- MIT
- Tamaño
- 24 × 24
- Etiquetas
- boxsharp, sharpduotone, boxsharpduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 17.1523C23 17.5355 22.781 17.885 22.4362 18.0521L12.4362 22.8998C12.3002 22.9657 12.1511 23 12 23C11.8489 23 11.6998 22.9657 11.5638 22.8998L1.5638 18.0521C1.219 17.885 1 17.5355 1 17.1523L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L11.5638 1.1002C11.6998 1.0343 11.8489 1 12 1C12.1511 1 12.3002 1.0343 12.4362 1.1002Z"/><path d="M1 7.4574L1 6.8477C1 6.4645 1.219 6.115 1.5638 5.9479L11.5638 1.1002C11.6998 1.0343 11.8489 1 12 1C12.1511 1 12.3002 1.0343 12.4362 1.1002L22.4362 5.9479C22.781 6.115 23 6.4645 23 6.8477L23 7.4574L12.458 12.8889C12.3164 12.9619 12.1593 13 12 13C11.8407 13 11.6836 12.9619 11.542 12.8889L1 7.4574Z"/></g></svg>Cómo usar el icono Box Sharp Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:box-sharp-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:box-sharp-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:box-sharp-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--box-sharp-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:box-sharp-duotone"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:box-sharp-duotone"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/box-sharp-duotone.svg" alt="Icono Box Sharp Duotone" width="24" height="24">Iconos relacionados en Keyline Icons
Preguntas frecuentes sobre Icono Box Sharp Duotone
¿El icono Box Sharp Duotone es gratis para uso comercial?
Sí. Keyline Icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Box Sharp Duotone en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:box-sharp-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Box Sharp Duotone a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/keyline-icons/box-sharp-duotone.svg" alt="Icono Box Sharp Duotone">, o pega el código SVG en línea para darle estilo con CSS.