outline
1. اللون
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
2. خلفية اللوحة والتحويلات
3. إعدادات حركة متجهة مباشرة
مضمّنة في تصدير SVG
أيقونة SVG: كتاب
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. كتاب - مجاني للاستخدام التجاري والشخصي. بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
تنزيل فوري للمتجهات والصور عالية الدقة
يتم الحفاظ على الألوان الأصلية للأيقونة حتى تختار لوناً جديداً.
book.svg (٥٣٣ B)
نسخ سريع للمطورين وأطر الواجهات
مخرجات الكود الحية
<svg id="i-book" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none" stroke="currentcolor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="36" height="36" role="img" aria-label="Book icon"><title>Book - Bytesize Icons icon</title><desc>Free Book vector icon from the Bytesize Icons open-source icon library; outline style, MIT licence, viewBox 0 0 32 32, 316 bytes.</desc>
<path d="M16 7 C16 7 9 1 2 6 L2 28 C9 23 16 28 16 28 16 28 23 23 30 28 L30 6 C23 1 16 7 16 7 Z M16 7 L16 28" />
</svg>
أمر ذكي ومحسّن المتجهات
تريد تحسين هذه الأيقونة أو تغيير نمطها؟ كتاب
أنشئ أمراً هندسياً دقيقاً، أو حسّن الأيقونة على اللوحة الآن. كتاب
منشئ أوامر يعمل بالكامل في المتصفح
التحقق من مصدر الأيقونة ورخصتها
LICENSE.txt
Library: Bytesize Icons | Author: Dan Klammer | License: MIT | Source: https://github.com/danklammer/bytesize-icons | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح
كلمات مفتاحية
#book
#bytesize
#interface
#outline
كتاب - المواصفات التقنية للمتجه
المصدر والمؤلف والرخصة متاحة في المعاينة وتفاصيل الأيقونة. كتاب
| المعرّف الأساسي للأصل | bytesize/book |
|---|---|
| حزمة المكتبة المصدر | Bytesize Icons |
| شبكة الإحداثيات و viewBox | viewBox="0 0 32 32" |
| الحجم غير المضغوط | ٥٣٣ bytes (~٢٩٣ bytes gzipped) |
| رخصة SPDX والاستخدام التجاري | MIT - مجاني للاستخدام التجاري |
| Upstream Source | https://github.com/danklammer/bytesize-icons |
| صيغ التصدير المدعومة | SVG, PNG (32px-2048px), WebP, ICO, React TSX, Vue 3, Svelte, Tailwind CSS, CSS Mask, Base64 |
| ضمان الأمان والخصوصية | بدون تسجيل حساب | معالجة محلية 100% داخل المتصفح |
كيف تستخدم هذه الأيقونة وتخصصها: كتاب
- خصّص بصرياً: اللون, تلقائي (خط وتعبئة), سماكة الخط (
0.5px-4px), إعدادات حركة متجهة مباشرة - نزّل المتجه أو الصورة: تحميل SVG, PNG (شفاف), WebP (محسّن) (
2048x2048 px) - انسخ كود الإطار: انسخ كوداً جاهزاً لـ React و Next.js و Vue 3 و Svelte و Angular و HTML وأقنعة CSS.
- تحرير متجه عميق: التحرير في محرر SVG (٧٧٬٠٨٧)
نصيحة الوصولية (WCAG 2.1): أخفِ الأيقونات الزخرفية بـ aria-hidden و focusable false. وأعطِ أزرار الأيقونة وحدها aria-label واضحاً. واعكس الأسهم أفقياً في اللغات التي تُكتب من اليمين إلى اليسار.
book.svg aria-hidden="true" focusable="false"
مطابقات من مكتبات أخرى ("كتاب")
قارن هذه الأيقونة مع مكتبات متجهة مفتوحة المصدر أخرى.
المزيد في واجهات المستخدم (UI/UX)
تصفحoutline
كتاب
Open Iconic|interfaceoutline
كتاب
MingCute Icons|interfacesolid
كتاب
MingCute Icons Fill|interfaceoutline
كتاب
IconPark|interface3d
كتاب
3D Vector Icons|3d-iconsoutline
Regular Spinner Ball (Phosphor Icons)
Phosphor Icons|interface
Regular Stop (Phosphor Icons)
Phosphor Icons|interface
Sharp Device Device System Security Update Good (Material Icons)
Material Icons|interface
Regular Three D (Phosphor Icons)
Phosphor Icons|interface
Sharp Editor Editor Mode Edit (Material Icons)
Material Icons|interface
Sharp Hardware Hardware Videogame Asset (Material Icons)
Material Icons|interface
Ad Rectangle Off (MingCute Icons Fill)
MingCute Icons Fill|interface
Accessibility Access 09 (Domain Icons)
Domain Icons|interface
Filled 7 Circle Fill (Bootstrap Icons)
Bootstrap Icons|interface
Add Subtract (IconPark)
IconPark|interface
Atlassian (SVG Icons Collection)
SVG Icons Collection|interface
Adobe Illustrate (IconPark)
IconPark|interface
Filled Apps (Tabler Icons)
Tabler Icons|interface
And (MingCute Icons Fill)
MingCute Icons Fill|interface
Accessibility Hand 05 (Domain Icons)
Domain Icons|interface
Accessibility Hand 11 (Domain Icons)
Domain Icons|interface
Highlight (Ant Design TwoTone)
Ant Design TwoTone|interface
Error Circle 48 Color (Fluent UI Color)
Fluent UI Color|interface
Crunchyroll (SVG Icons Collection)
SVG Icons Collection|interfaceاستكشف المزيد
الأسئلة الشائعة
كتاب - الأسئلة الشائعة
ما الترخيص الذي يغطي كتاب؟ +
يأتي كتاب من Bytesize Icons ويخضع لترخيص MIT. الإسناد: ذكر المصدر مطلوب.
بأي تنسيقات يمكنني تنزيل كتاب؟ +
كتاب متجه بنمط outline (viewBox 0 0 32 32). نزّل SVG أو PNG أو WebP أو ICO، أو انسخ كود React TSX أو Vue 3 أو Svelte أو Tailwind CSS أو CSS Mask أو Base64 من هذه الصفحة.
من أين يأتي رمز كتاب؟ +
كتاب جزء من مكتبة Bytesize Icons بواسطة Dan Klammer، في فئة واجهات المستخدم (UI/UX). النص الكامل للترخيص موجود في ملف إشعار المكتبة المرتبط في هذه الصفحة.
معالجة محلية 100% داخل المتصفح | ٧٧٬٠٨٧ أيقونة
محرر SVG
حرّر المسارات والطبقات والألوان والحركات في متصفحك، ثم صدّر SVG نظيفاً أو PNG أو كود أطر العمل.