Icon pack

Os ícones do Bink

453 ícones preenchidos, em três estilos, grátis com licença MIT. Importe como Lucide em React, Vue ou em qualquer página.

Ver os íconesBaixar o zip

Todos os ícones

Pesquise em inglês ou em italiano. Toque em um ícone para copiar, baixar ou pegar o código.

453 ícones

Importados como Lucide

Um componente por ícone, com size e color como no Lucide, mais o estilo: mono, duo ou sticker. No seu projeto entram só os ícones que você importa.

Instalar

Uma vez, no projeto.

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

O pacote é instalado a partir do nosso endereço: em breve também no npm, como bink-icons.

React

Next.js, Vite, Remix: qualquer projeto 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, sem instalar nada

Um script e uma tag por ícone. Funciona também no WordPress e no 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 o resto

O ícone como string SVG, para colocar onde quiser.

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

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

Grátis, também para trabalho

Licença MIT: use também em projetos comerciais, sem pedir e sem nos citar. Os SVG dos três estilos também estão no zip, com a prévia e os metadados.

Baixar o zipVoltar ao Brand Kit

Os mesmos ícones dos botões das páginas Bink

Desenhamos para as páginas dos nossos criadores. Crie seu Bink e use nos seus links.

Crie seu Bink