ICONYZ
Español

Iconos Boxicons Brands

bxl · 295 iconos · de Boxicons · MIT · un solo color · cuadrícula de 24px · Actualizado

Iconos Boxicons Brands es una colección de iconos gratis y de código abierto con 295 iconos SVG de Boxicons, publicada bajo la licencia MIT. Los iconos son de un solo color: siguen el color de tu texto (currentColor) y se pueden recolorear con CSS. Están diseñados sobre una cuadrícula de 24px y escalan sin pérdida como SVG.

Especificaciones de diseño de Iconos Boxicons Brands

  • relleno
  • monocromo

Las reglas de dibujo de esta colección, medidas a partir de sus archivos SVG. Úsalas para diseñar iconos nuevos que combinen con ella.

Lienzo24 × 24
viewBox0 0 24 24
Área de dibujo20 × 20, margen de 2
Estilo de dibujoFormas rellenas
Radio de esquina0.25
ColoresUn color (currentColor), se puede cambiar con CSS
CoordenadasHasta 3 decimales
Líneas rectas53% horizontales o verticales, 4% a 45°
Curvas66% de los comandos de dibujo
SimetríaEl 20% de los iconos es simétrico de izquierda a derecha
Elementos por icono1.3
Comandos de dibujo por icono38

Medido a partir de 64 iconos de esta colección.

Generación de iconos con IA

No permitido: son logotipos de marcas, y las marcas pertenecen a sus propietarios.

Página 1 de 4

Acerca de Iconos Boxicons Brands

Entre los Iconos Boxicons Brands más populares están patreon, adobe, vuejs, unsplash, twitch y microsoft.

Abre cualquier icono para copiarlo como SVG, JSX, Vue, Svelte, Solid, Astro o CSS, o descárgalo en SVG o PNG. Iconos Boxicons Brands se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

Cómo usar Iconos Boxicons Brands

Todos los iconos de esta página funcionan con cualquier framework. Los ejemplos usan bxl:patreon; abre un icono para copiar su código exacto en SVG, JSX, Vue, Svelte, Solid, Astro o CSS. Para consejos de tamaño, color y accesibilidad, lee cómo usar iconos SVG.

React

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

<Icon icon="bxl:patreon" width="24" />

Vue

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

<template>
  <Icon icon="bxl:patreon" width="24" />
</template>

Svelte

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

<Icon icon="bxl:patreon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="bxl:patreon"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/bxl/patreon.svg" alt="Icono Patreon" width="24" height="24">

Preguntas frecuentes sobre Iconos Boxicons Brands

¿Se pueden usar gratis los Iconos Boxicons Brands en proyectos comerciales?

Sí. Iconos Boxicons Brands se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cuántos iconos tiene Iconos Boxicons Brands?

En Iconos Boxicons Brands hay 295 iconos.

¿Qué licencia usan los Iconos Boxicons Brands?

Iconos Boxicons Brands se distribuyen bajo MIT. El texto completo de la licencia está disponible en https://github.com/box-icons/boxicons-core/blob/main/LICENSE.

¿Quién creó Iconos Boxicons Brands?

Iconos Boxicons Brands son obra de Boxicons.

¿Cómo uso Iconos Boxicons Brands en React?

Instala @iconify/react y renderiza <Icon icon="bxl:patreon" />, o abre cualquier icono de esta página y cópialo como un componente de React independiente.

¿De qué tamaño son los Iconos Boxicons Brands?

Iconos Boxicons Brands están diseñados sobre una cuadrícula de 24px. Al ser SVG, escalan a cualquier tamaño sin perder calidad.

Colecciones similares