في إصدار Font Awesome 4.4.0، هناك المئات من الأيقونات المتاحة للاستخدام في المشاريع المختلفة. إليك جدول بأهم الأيقونات الشائعة في هذا الإصدار مقسمة حسب الفئات:
الأيقونات الأساسية (Basic Icons)
الاسم
الكود (Class)
الوصف
مثال
القلب
fa fa-heartأيقونة قلب
النجمة
fa fa-starأيقونة نجمة
الإعجاب (Like)
fa fa-thumbs-upأيقونة إعجاب
عدم الإعجاب (Dislike)
fa fa-thumbs-downأيقونة عدم إعجاب
المستخدم
fa fa-userأيقونة مستخدم
القفل
fa fa-lockأيقونة قفل
البريد
fa fa-envelopeأيقونة بريد
التقويم
fa fa-calendarأيقونة تقويم
أيقونات الوسائط (Media Icons)
الاسم
الكود (Class)
الوصف
مثال
تشغيل
fa fa-playأيقونة تشغيل
إيقاف مؤقت
fa fa-pauseأيقونة إيقاف مؤقت
توقف
fa fa-stopأيقونة توقف
تقدم سريع
fa fa-forwardأيقونة تقدم سريع
تكبير
fa fa-volume-upأيقونة رفع الصوت
أيقونات التواصل الاجتماعي (Social Icons)
الاسم
الكود (Class)
الوصف
مثال
فيسبوك
fa fa-facebookأيقونة فيسبوك
تويتر
fa fa-twitterأيقونة تويتر
إنستغرام
fa fa-instagramأيقونة إنستغرام
لينكد إن
fa fa-linkedinأيقونة لينكد إن
يوتيوب
fa fa-youtubeأيقونة يوتيوب
أيقونات الملفات والتحرير (File & Editor Icons)
الاسم
الكود (Class)
الوصف
مثال
ملف
fa fa-fileأيقونة ملف
مجلد
fa fa-folderأيقونة مجلد
تحرير
fa fa-editأيقونة تحرير
حفظ
fa fa-saveأيقونة حفظ
طباعة
fa fa-printأيقونة طباعة
أيقونات التنقل (Navigation Icons)
الاسم
الكود (Class)
الوصف
مثال
الصفحة الرئيسية
fa fa-homeأيقونة الصفحة الرئيسية
سهم لأعلى
fa fa-arrow-upأيقونة سهم لأعلى
سهم لأسفل
fa fa-arrow-downأيقونة سهم لأسفل
قائمة
fa fa-barsأيقونة قائمة
بحث
fa fa-searchأيقونة بحث
أيقونات متنوعة (Miscellaneous Icons)
الاسم
الكود (Class)
الوصف
مثال
إعدادات
fa fa-cogأيقونة إعدادات
ساعة
fa fa-clock-oأيقونة ساعة
هاتف
fa fa-phoneأيقونة هاتف
كاميرا
fa fa-cameraأيقونة كاميرا
كيفية الاستخدام
للاستخدام، يمكنك إضافة الكود التالي في HTML:
<i class="fa fa-heart"></i> <!-- مثال لأيقونة القلب -->
ملاحظة مهمة: تأكد من تضمين مكتبة Font Awesome 4.4.0 في مشروعك قبل استخدام الأيقونات عن طريق إضافة السطر التالي في قسم <head> من مستند HTML الخاص بك:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
جدول أيقونات Font Awesome (الإصدار 4.4.0)
في إصدار Font Awesome 4.4.0، هناك المئات من الأيقونات المتاحة للاستخدام في المشاريع المختلفة. إليك جدول بأهم الأيقونات الشائعة في هذا الإصدار مقسمة حسب الفئات:
اسم الأيقونة
القيمة
الأيقونة
fa-glass \f000 fa-music \f001 fa-search \f002 fa-envelope-o \f003 fa-heart \f004 fa-star \f005 fa-star-o \f006 fa-user \f007 fa-film \f008 fa-th-large \f009 fa-th \f00a fa-th-list \f00b fa-check \f00c fa-times \f00d fa-search-plus \f00e fa-search-minus \f010 fa-power-off \f011 fa-signal \f012 fa-cog \f013 fa-trash-o \f014 fa-home \f015 fa-file-o \f016 fa-clock-o \f017 fa-road \f018 fa-download \f019 fa-arrow-circle-o-down \f01a fa-arrow-circle-o-up \f01b fa-inbox \f01c fa-play-circle-o \f01d fa-repeat \f01e fa-refresh \f021 fa-list-alt \f022 fa-lock \f023 fa-flag \f024 fa-headphones \f025 fa-volume-off \f026 fa-volume-down \f027 fa-volume-up \f028 fa-qrcode \f029 fa-barcode \f02a fa-tag \f02b fa-tags \f02c fa-book \f02d fa-bookmark \f02e fa-print \f02f fa-camera \f030 fa-font \f031 fa-bold \f032 fa-italic \f033 fa-text-height \f034 fa-text-width \f035 fa-align-left \f036 fa-align-center \f037 fa-align-right \f038 fa-align-justify \f039 fa-list \f03a fa-outdent \f03b fa-indent \f03c fa-video-camera \f03d fa-picture-o \f03e fa-pencil \f040 fa-map-marker \f041 fa-adjust \f042 fa-tint \f043 fa-pencil-square-o \f044 fa-share-square-o \f045 fa-check-square-o \f046 fa-arrows \f047 fa-step-backward \f048 fa-fast-backward \f049 fa-backward \f04a fa-play \f04b fa-pause \f04c fa-stop \f04d fa-forward \f04e fa-fast-forward \f050 fa-step-forward \f051 fa-eject \f052 fa-chevron-left \f053 fa-chevron-right \f054 fa-plus-circle \f055 fa-minus-circle \f056 fa-times-circle \f057 fa-check-circle \f058 fa-question-circle \f059 fa-info-circle \f05a fa-crosshairs \f05b fa-times-circle-o \f05c fa-taxi \f1ba fa-tree \f1bb fa-spotify \f1bc fa-deviantart \f1bd fa-soundcloud \f1be fa-database \f1c0 fa-file-pdf-o \f1c1 fa-file-word-o \f1c2 fa-file-excel-o \f1c3 fa-file-powerpoint-o \f1c4 fa-file-image-o \f1c5 fa-file-archive-o \f1c6 fa-file-audio-o \f1c7 fa-file-video-o \f1c8 fa-file-code-o \f1c9 fa-vine \f1ca fa-codepen \f1cb fa-jsfiddle \f1cc fa-life-ring \f1cd fa-circle-o-notch \f1ce fa-rebel \f1d0 fa-empire \f1d1 fa-git-square \f1d2 fa-git \f1d3 fa-hacker-news \f1d4 fa-tencent-weibo \f1d5 fa-qq \f1d6 fa-weixin \f1d7 fa-paper-plane \f1d8 fa-paper-plane-o \f1d9 fa-history \f1da fa-circle-thin \f1db fa-header \f1dc fa-paragraph \f1dd fa-sliders \f1de fa-share-alt \f1e0 fa-share-alt-square \f1e1 fa-bomb \f1e2 fa-futbol-o \f1e3 fa-tty \f1e4 fa-binoculars \f1e5 fa-plug \f1e6 fa-slideshare \f1e7 fa-twitch \f1e8 fa-yelp \f1e9 fa-newspaper-o \f1ea fa-wifi \f1eb fa-calculator \f1ec fa-paypal \f1ed fa-google-wallet \f1ee fa-cc-visa \f1f0 fa-cc-mastercard \f1f1 fa-cc-discover \f1f2 fa-cc-amex \f1f3 fa-cc-paypal \f1f4 fa-cc-stripe \f1f5 fa-bell-slash \f1f6 fa-bell-slash-o \f1f7 fa-trash \f1f8 fa-copyright \f1f9 fa-at \f1fa fa-eyedropper \f1fb fa-paint-brush \f1fc fa-birthday-cake \f1fd fa-area-chart \f1fe fa-pie-chart \f200 fa-line-chart \f201 fa-lastfm \f202 fa-lastfm-square \f203 fa-toggle-off \f204 fa-toggle-on \f205 fa-bicycle \f206 fa-bus \f207 fa-ioxhost \f208 fa-angellist \f209 fa-cc \f20a fa-ils \f20b fa-meanpath \f20c fa-buysellads \f20d fa-connectdevelop \f20e fa-dashcube \f210 fa-forumbee \f211 fa-leanpub \f212 fa-sellsy \f213 fa-shirtsinbulk \f214 fa-simplybuilt \f215 fa-skyatlas \f216 fa-cart-plus \f217 fa-cart-arrow-down \f218 fa-diamond \f219 fa-ship \f21a fa-user-secret \f21b fa-motorcycle \f21c fa-street-view \f21d fa-heartbeat \f21e fa-venus \f221 fa-mars \f222 fa-mercury \f223 fa-transgender \f224 fa-transgender-alt \f225 fa-venus-double \f226 fa-mars-double \f227 fa-venus-mars \f228 fa-mars-stroke \f229 fa-mars-stroke-v \f22a fa-mars-stroke-h \f22b fa-neuter \f22c fa-genderless \f22d fa-facebook-official \f230 fa-pinterest-p \f231 fa-whatsapp \f232 fa-server \f233 fa-user-plus \f234 fa-user-times \f235 fa-bed \f236 fa-viacoin \f237 fa-train \f238 fa-subway \f239 fa-medium \f23a fa-y-combinator \f23b fa-optin-monster \f23c fa-opencart \f23d fa-expeditedssl \f23e fa-battery-full \f240 fa-battery-three-quarters \f241 fa-battery-half \f242 fa-battery-quarter \f243 fa-battery-empty \f244 fa-mouse-pointer \f245 fa-i-cursor \f246 fa-object-group \f247 fa-object-ungroup \f248 fa-sticky-note \f249 fa-sticky-note-o \f24a fa-cc-jcb \f24b fa-cc-diners-club \f24c fa-clone \f24d fa-balance-scale \f24e fa-hourglass-o \f250 fa-hourglass-start \f251 fa-hourglass-half \f252 fa-hourglass-end \f253 fa-hourglass \f254 fa-hand-rock-o \f255 fa-hand-paper-o \f256 fa-hand-scissors-o \f257 fa-hand-lizard-o \f258 fa-hand-spock-o \f259 fa-hand-pointer-o \f25a fa-hand-peace-o \f25b fa-trademark \f25c fa-registered \f25d fa-creative-commons \f25e fa-gg \f260 fa-gg-circle \f261 fa-tripadvisor \f262 fa-odnoklassniki \f263 fa-odnoklassniki-square \f264 fa-get-pocket \f265 fa-wikipedia-w \f266 fa-safari \f267 fa-chrome \f268 fa-firefox \f269 fa-opera \f26a fa-internet-explorer \f26b fa-television \f26c fa-contao \f26d fa-500px \f26e fa-amazon \f270 fa-calendar-plus-o \f271 fa-calendar-minus-o \f272 fa-calendar-times-o \f273 fa-calendar-check-o \f274 fa-industry \f275 fa-map-signs \f277 fa-map-o \f278 fa-map \f279 fa-commenting \f27a fa-commenting-o \f27b fa-houzz \f27c fa-vimeo \f27d fa-black-tie \f27e fa-fonticons \f280
إجمالي الأيقونات: 585 (Font Awesome الإصدار 4.4.0)
كيف كان المقال؟
👍 0
❤️ 0
😂 0
😮 0
😢 0
😡 0
