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

目前从我们的地址安装，很快也会以 bink-icons 的名字上架 npm。

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