Icon pack

Иконки Bink

453 залитых иконок в трёх стилях, бесплатно по лицензии MIT. Импортируйте их как Lucide в React, Vue или на любую страницу.

Смотреть иконкиСкачать zip

Все иконки

Ищите на английском или итальянском. Нажмите на иконку, чтобы скопировать её, скачать или взять код.

Иконок: 453

Импортируются как Lucide

Один компонент на иконку, с size и color как в Lucide, плюс стиль: mono, duo или sticker. В проект попадают только импортированные иконки.

Установка

Один раз, в проекте.

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

Пакет устанавливается с нашего адреса. Скоро он появится и в npm как bink-icons.

React

Next.js, Vite, Remix: любой проект на React.

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

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

Vue

Vue 3 и Nuxt.

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

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

HTML без установки

Один скрипт и один тег на иконку. Работает и в WordPress, и в 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 и остальные

Иконка как строка SVG, чтобы вставить куда угодно.

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

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

Бесплатно, и для работы тоже

Лицензия MIT: используйте их и в коммерческих проектах, без разрешения и без упоминания нас. SVG всех трёх стилей есть и в zip, с превью и метаданными.

Скачать zipНазад к Brand Kit

Те же иконки, что на кнопках страниц Bink

Мы нарисовали их для страниц наших авторов. Создайте свой Bink и используйте их в своих ссылках.

Создать свой Bink