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 الخاص بك