Icon pack

Les icônes de Bink

453 icônes pleines, en trois styles, gratuites sous licence MIT. Elles s'importent comme Lucide dans React, Vue ou n'importe quelle page.

Parcourir les icônesTélécharger le zip

Toutes les icônes

Cherchez en anglais ou en italien. Touchez une icône pour la copier, la télécharger ou récupérer le code.

453 icônes

Elles s'importent comme Lucide

Un composant par icône, avec size et color comme dans Lucide, plus le style : mono, duo ou sticker. Seules les icônes importées arrivent dans votre projet.

Installer

Une seule fois, dans le projet.

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

Le paquet s'installe depuis notre adresse : bientôt aussi sur npm, sous le nom bink-icons.

React

Next.js, Vite, Remix : tout projet React.

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

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

Vue

Vue 3 et Nuxt.

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

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

HTML, sans rien installer

Un script et une balise par icône. Fonctionne aussi sur WordPress et 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 et les autres

L'icône en chaîne SVG, à placer où vous voulez.

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

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

Gratuites, même pour le travail

Licence MIT : utilisez-les aussi dans des projets commerciaux, sans demander et sans nous citer. Les SVG des trois styles sont aussi dans le zip, avec l'aperçu et les métadonnées.

Télécharger le zipRetour au Brand Kit

Les mêmes icônes que les boutons des pages Bink

Nous les avons dessinées pour les pages de nos créateurs. Créez votre Bink et utilisez-les sur vos liens.

Créer votre Bink