Icono Box Duotone
keyline-icons:box-duotone
El icono Box Duotone (keyline-icons:box-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
- boxduotone
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="M13.3613 1.3266L21.3613 5.4003C22.3668 5.9123 23 6.9453 23 8.0737L23 15.9263C23 17.0547 22.3668 18.0877 21.3613 18.5997L13.3613 22.6734C12.9396 22.8881 12.4732 23 12 23C11.5268 23 11.0604 22.8881 10.6387 22.6734L2.6387 18.5997C1.6332 18.0877 1 17.0547 1 15.9263L1 8.0737C1 6.9453 1.6332 5.9123 2.6387 5.4003L10.6387 1.3266C11.0604 1.1119 11.5268 1 12 1C12.4732 1 12.9396 1.1119 13.3613 1.3266Z"/><path d="M1.0578 7.4872C1.2375 6.5862 1.82 5.8172 2.6387 5.4003L10.6387 1.3266C11.0604 1.1119 11.5268 1 12 1C12.4732 1 12.9396 1.1119 13.3613 1.3266L21.3613 5.4003C22.18 5.8172 22.7625 6.5862 22.9422 7.4872L12.458 12.8889C12.3164 12.9619 12.1593 13 12 13C11.8407 13 11.6836 12.9619 11.542 12.8889L1.0578 7.4872Z"/></g></svg>
Cómo usar el icono Box Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:box-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:box-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:box-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--box-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:box-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-duotone"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/keyline-icons/box-duotone.svg" alt="Icono Box Duotone" width="24" height="24">
Iconos relacionados en Keyline Icons
El icono Box Duotone en otras colecciones
Preguntas frecuentes sobre Icono Box Duotone
¿El icono Box 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 Duotone en React?
Instala @iconify/react y renderiza <Icon icon="keyline-icons:box-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Box 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-duotone.svg" alt="Icono Box Duotone">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Keyline Icons →
ICONYZ
