ICONYZ
Español
Icono Box de Brandico

Icono Box

brandico:box

El icono Box (brandico:box) es un icono SVG gratuito de la colección Brandico de Fontello. Está dibujado en una cuadrícula de 704 × 1000. Brandico icons se publican bajo la licencia CC BY SA, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Brandico
Autor
Fontello
Licencia
CC-BY-SA-3.0
Tamaño
704 × 1000
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="704" height="1000" viewBox="0 0 704 1000"><path fill="currentColor" d="M351.455 294.781c-75.701 0-145.649 24.077-203.103 64.682V74.048C148.351 33.156 115.206 0 74.304 0S.256 33.156.256 74.048v545.421c-.727 9.233.088 62.72 2.534 77.904C27.12 868.388 173.74 1000 351.455 1000c194.75 0 352.609-157.858 352.609-352.609c-.001-194.751-157.859-352.61-352.609-352.61m0 555.713c-112.174 0-203.103-90.93-203.103-203.104s90.929-203.103 203.103-203.103c112.173 0 203.103 90.929 203.103 203.103s-90.93 203.104-203.103 203.104"/></svg>

Cómo usar el icono Box

React

import { Icon } from "@iconify/react";

<Icon icon="brandico:box" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="brandico:box" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="brandico:box" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--box]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:box"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="brandico:box"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/brandico/box.svg" alt="Icono Box" width="24" height="24">

Iconos relacionados en Brandico

El icono Box en otras colecciones

Preguntas frecuentes sobre Icono Box

¿El icono Box es gratis para uso comercial?

Sí. Brandico icons se publican bajo la licencia CC BY SA, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Box en React?

Instala @iconify/react y renderiza <Icon icon="brandico:box" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Box a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/brandico/box.svg" alt="Icono Box">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Brandico →