Icon pack

Le icone di Bink

453 icone piene, in tre stili, gratis con licenza MIT. Si importano come Lucide in React, Vue o in qualunque pagina.

Sfoglia le iconeScarica lo zip

Tutte le icone

Cerca in italiano o in inglese. Tocca un'icona per copiarla, scaricarla o prendere il codice.

453 icone

Si importano come Lucide

Un componente per icona, con size e color come in Lucide, più lo stile: mono, duo o sticker. Nel tuo progetto finiscono solo le icone che importi.

Installa

Una volta sola, nel progetto.

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

Il pacchetto si installa dal nostro indirizzo: presto anche su npm, come bink-icons.

React

Next.js, Vite, Remix: ogni progetto React.

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

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

Vue

Vue 3 e Nuxt.

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

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

HTML, senza installare

Uno script e un tag per icona. Va bene anche su WordPress e 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 e il resto

L'icona come stringa SVG, da mettere dove vuoi.

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

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

Gratis, anche per lavoro

Licenza MIT: le usi anche in progetti commerciali, senza chiedere e senza citarci. Gli SVG dei tre stili sono anche nello zip, con l'anteprima e i metadati.

Scarica lo zipTorna al Brand Kit

Le stesse icone dei pulsanti dei Bink

Le abbiamo disegnate per le pagine dei nostri creator. Crea il tuo Bink e usale sui tuoi link.

Crea il tuo Bink