Icon pack

The icons of Bink

453 filled icons in three styles, free under the MIT license. Import them like Lucide in React, Vue or any page.

All the icons

Search in English or Italian. Tap an icon to copy it, download it or grab the code.

453 icons

Import them like Lucide

One component per icon, with size and color like Lucide, plus the style: mono, duo or sticker. Only the icons you import end up in your project.

Install

Once, in your project.

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

The package installs from our address: soon on npm too, as bink-icons.

React

Next.js, Vite, Remix: any React project.

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

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

Vue

Vue 3 and Nuxt.

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

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

HTML, nothing to install

One script and one tag per icon. Works on WordPress and Webflow too.

<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 and the rest

The icon as an SVG string, to put wherever you want.

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

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

Free, for work too

MIT license: use them in commercial projects too, without asking and without crediting us. The SVGs of all three styles are also in the zip, with a preview and the metadata.

Download the zip Back to the Brand Kit

The same icons as the buttons on Bink pages

We drew them for our creators' pages. Create your Bink and use them on your links.

Create your Bink