أيقونة Notebook
whh:notebook
أيقونة Notebook (whh:notebook) أيقونة SVG مجانية من مجموعة WebHostingHub Glyphs من تصميم WebHostingHub. مرسومة على شبكة 768 × 1024. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- WebHostingHub Glyphs
- المؤلف
- WebHostingHub
- الترخيص
- OFL-1.1
- الحجم
- 768 × 1024
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="768" height="1024" viewBox="0 0 768 1024"><path fill="currentColor" d="M704 736v64q0 13 9.5 22.5T736 832t22.5 9.5T768 864t-9.5 22.5T736 896H384v128l-96-64l-96 64V896H64q-26 0-45-18.5T0 832V64q0-26 19-45T64 0h640q27 0 45.5 19T768 64v640h-32q-13 0-22.5 9.5T704 736m-640 0v64q0 13 9.5 22.5T96 832h96v-64h192v64h224q13 0 22.5-9.5T640 800v-64q0-13-9.5-22.5T608 704H96q-13 0-22.5 9.5T64 736M704 96q0-13-9.5-22.5T672 64H160q-13 0-22.5 9.5T128 96v512q0 13 9.5 22.5T160 640h512q13 0 22.5-9.5T704 608zM544 384H288q-13 0-22.5-9.5T256 352t9.5-22.5T288 320h256q13 0 22.5 9.5T576 352t-9.5 22.5T544 384m0-128H288q-13 0-22.5-9.5T256 224t9.5-22.5T288 192h256q13 0 22.5 9.5T576 224t-9.5 22.5T544 256"/></svg>
كيفية استخدام أيقونة Notebook
React
import { Icon } from "@iconify/react";
<Icon icon="whh:notebook" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:notebook" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:notebook" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--notebook]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:notebook"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:notebook"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/whh/notebook.svg" alt="أيقونة Notebook" width="24" height="24">
أيقونة Notebook في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Notebook
هل أيقونة Notebook مجانية للاستخدام التجاري؟
نعم. تُنشر WebHostingHub Glyphs icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Notebook في React؟
ثبّت @iconify/react واعرض <Icon icon="whh:notebook" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Notebook إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/whh/notebook.svg" alt="أيقونة Notebook">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات WebHostingHub Glyphs →
ICONYZ
