أيقونات FZ FZ Icons

أيقونات SVG مفتوحة المصدر بطابع سعودي وعربي. خط واحد، شبكة 24 بكسل، وتاخذ لونها من النص تلقائياً. مجانية للاستخدام في أي مشروع.

0 أيقونة v0.1.0 رخصة MIT بدون مكتبات

طريقة الاستخدام

سطر واحد (سكربت)

حط السكربت في الصفحة، وبعدها استخدم الوسم fz-icon في أي مكان.

<script src="https://fzhub.tech/libs/fz-icons/0.1.0/fz-icons.js"></script>

<fz-icon name="dallah"></fz-icon>
<fz-icon name="palm" size="32"></fz-icon>

JavaScript (ES module)

ترجع الأيقونة كنص SVG جاهز. يشتغل مباشرة في المتصفح بدون أدوات بناء.

import { toSvg } from 'https://fzhub.tech/libs/fz-icons/0.1.0/index.js';

el.innerHTML = toSvg('souq', { size: 20 });

Sprite

ملف SVG واحد فيه كل الأيقونات. حمّل الملف وحطه في موقعك، لأن المتصفحات ما تسمح بـ <use> من دومين ثاني.

<svg width="24" height="24">
  <use href="/fz-icons.svg#fz-finjan"/>
</svg>