Iconos SVG Logos
logos · 1.998 iconos · de Gil Barbara · CC0-1.0 · multicolor · Actualizado
Iconos SVG Logos es una colección de iconos gratis y de código abierto con 1.998 iconos SVG de Gil Barbara, publicada bajo la licencia CC0. Los iconos son multicolor, así que conservan sus propios colores a cualquier tamaño.
Especificaciones de diseño de Iconos SVG Logos
- relleno
- multicolor
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.
| Lienzo | 256 × 256 · 8% de los iconos |
|---|---|
| viewBox | 0 0 256 256 |
| Área de dibujo | Todo el lienzo, sin margen |
| Estilo de dibujo | Formas rellenas |
| Radio de esquina | 3.25 |
| Colores | Aproximadamente 4 colores por icono |
| Coordenadas | Hasta 3 decimales |
| Líneas rectas | 59% horizontales o verticales, 3% a 45° |
| Curvas | 64% de los comandos de dibujo |
| Simetría | El 11% de los iconos es simétrico de izquierda a derecha |
| Elementos por icono | 3.8 |
| Comandos de dibujo por icono | 109 |
Medido a partir de 63 iconos de esta colección.
Generación de iconos con IA
No permitido: son logotipos de marcas, y las marcas pertenecen a sus propietarios.
Acerca de Iconos SVG Logos
Entre los Iconos SVG Logos más populares están npm icon, uikit, patreon, serverless, vue y modernizr.
Abre cualquier icono para copiarlo como SVG, JSX, Vue, Svelte, Solid, Astro o CSS, o descárgalo en SVG o PNG. Iconos SVG Logos se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
Cómo usar Iconos SVG Logos
Todos los iconos de esta página funcionan con cualquier framework. Los ejemplos usan logos:npm-icon; 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="logos:npm-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:npm-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:npm-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--npm-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:npm-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:npm-icon"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/logos/npm-icon.svg" alt="Icono Npm Icon" width="24" height="24">Preguntas frecuentes sobre Iconos SVG Logos
¿Se pueden usar gratis los Iconos SVG Logos en proyectos comerciales?
Sí. Iconos SVG Logos se publican bajo la licencia CC0, que permite usarlos en proyectos personales y comerciales.
¿Cuántos iconos tiene Iconos SVG Logos?
En Iconos SVG Logos hay 1.998 iconos.
¿Qué licencia usan los Iconos SVG Logos?
Iconos SVG Logos se distribuyen bajo CC0. El texto completo de la licencia está disponible en https://raw.githubusercontent.com/gilbarbara/logos/master/LICENSE.txt.
¿Quién creó Iconos SVG Logos?
Iconos SVG Logos son obra de Gil Barbara.
¿Cómo uso Iconos SVG Logos en React?
Instala @iconify/react y renderiza <Icon icon="logos:npm-icon" />, o abre cualquier icono de esta página y cópialo como un componente de React independiente.