Icon pack

Die Icons von Bink

453 gefüllte Icons in drei Stilen, kostenlos unter MIT-Lizenz. Importiere sie wie Lucide in React, Vue oder jede Seite.

Alle Icons

Suche auf Englisch oder Italienisch. Tippe auf ein Icon, um es zu kopieren, herunterzuladen oder den Code zu holen.

453 Icons

Importiert wie Lucide

Eine Komponente pro Icon, mit size und color wie bei Lucide, dazu der Stil: mono, duo oder sticker. In deinem Projekt landen nur die Icons, die du importierst.

Installieren

Einmal, im Projekt.

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

Das Paket wird von unserer Adresse installiert: bald auch auf npm, als bink-icons.

React

Next.js, Vite, Remix: jedes React-Projekt.

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

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

Vue

Vue 3 und Nuxt.

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

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

HTML, ohne Installation

Ein Script und ein Tag pro Icon. Funktioniert auch mit WordPress und 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 und der Rest

Das Icon als SVG-String, für jeden Ort, den du willst.

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

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

Kostenlos, auch für die Arbeit

MIT-Lizenz: Nutze sie auch in kommerziellen Projekten, ohne zu fragen und ohne uns zu nennen. Die SVGs aller drei Stile sind auch im Zip, mit Vorschau und Metadaten.

Zip herunterladen Zurück zum Brand Kit

Dieselben Icons wie auf den Buttons der Bink-Seiten

Wir haben sie für die Seiten unserer Creator gezeichnet. Erstelle deinen Bink und nutze sie für deine Links.

Erstelle deinen Bink