Icon pack

Los iconos de Bink

453 iconos rellenos, en tres estilos, gratis con licencia MIT. Se importan como Lucide en React, Vue o en cualquier página.

Explorar los iconosDescargar el zip

Todos los iconos

Busca en inglés o en italiano. Toca un icono para copiarlo, descargarlo o tomar el código.

453 iconos

Se importan como Lucide

Un componente por icono, con size y color como en Lucide, más el estilo: mono, duo o sticker. En tu proyecto solo entran los iconos que importas.

Instalar

Una sola vez, en el proyecto.

npm install https://bink4.me/brand/bink-icons/bink-icons-1.1.0.tgz

El paquete se instala desde nuestra dirección: pronto también en npm, como bink-icons.

React

Next.js, Vite, Remix: cualquier proyecto React.

import { Heart, Rocket } from 'bink-icons/react'

export function Esempio() {
  return (
    <>
      <Heart />
      <Rocket size={32} variant="duo" />
    </>
  )
}

Vue

Vue 3 y Nuxt.

<script setup>
import { Heart, Rocket } from 'bink-icons/vue'
</script>

<template>
  <Heart />
  <Rocket :size="32" variant="duo" />
</template>

HTML, sin instalar nada

Un script y una etiqueta por icono. También funciona en WordPress y Webflow.

<script src="https://bink4.me/brand/bink-icons/bink-icons.js"></script>

<i data-bink-icon="heart"></i>
<i data-bink-icon="rocket" data-variant="duo"></i>

<script>BinkIcons.createIcons()</script>

Svelte, Angular y el resto

El icono como cadena SVG, para ponerlo donde quieras.

import { Heart, toSvg } from 'bink-icons'

const svg = toSvg(Heart, { size: 32, variant: 'duo' })

Gratis, también para trabajar

Licencia MIT: úsalos también en proyectos comerciales, sin pedir permiso y sin citarnos. Los SVG de los tres estilos están también en el zip, con la vista previa y los metadatos.

Descargar el zipVolver al Brand Kit

Los mismos iconos de los botones de Bink

Los dibujamos para las páginas de nuestros creadores. Crea tu Bink y úsalos en tus enlaces.

Crea tu Bink