Font Awesome Simgeleri¶

Bu sayfa, arayüz içindeki Font Awesome simge kullanım örneklerini içerir. Bu sayfayı inceleyerek simge kullanımını ve ilgili kod bloklarının canlı örneklerini gözden geçirebilirsiniz.

Simgeleri Nasıl Kullanırız¶

Markdown İçeriğinde¶

Font Awesome simgeleri aşağıdaki sözdizimini kullanarak doğrudan markdown içeriğinizde kullanabilirsiniz:

Kod:

:fontawesome-brands-github: GitHub Simgesi
:fontawesome-solid-rocket: Roket Simgesi
:material-home: Material Design Simgesi

Sonuç:
GitHub Simgesi
Roket Simgesi
Material Design Simgesi

İkon Türleri¶

Font Awesome simgeleri farklı stillerde organize edilmiştir:

Solid - :fontawesome-solid-*:
Regular - :fontawesome-regular-*:
Brands - :fontawesome-brands-*:

Material Design simgeleri de mevcuttur: - Material - :material-*:

Yaygın Kullanılan Simgeler¶

Navigasyon ve Arayüz¶

Simge	Kod	Açıklama
	`:fontawesome-solid-house:`	Ev
	`:fontawesome-solid-bars:`	Menü
	`:fontawesome-solid-magnifying-glass:`	Arama
	`:fontawesome-solid-gear:`	Ayarlar
	`:fontawesome-solid-user:`	Kullanıcı Profili
	`:fontawesome-solid-bell:`	Bildirimler
	`:fontawesome-solid-envelope:`	E-posta/Mesajlar
	`:fontawesome-solid-arrow-right:`	Sonraki/İleri
	`:fontawesome-solid-arrow-left:`	Önceki/Geri

Durum ve Geri Bildirim¶

Simge	Kod	Açıklama
	`:fontawesome-solid-circle-check:`	Başarı/Tamamlandı
	`:fontawesome-solid-circle-xmark:`	Hata/Başarısız
	`:fontawesome-solid-triangle-exclamation:`	Uyarı
	`:fontawesome-solid-circle-info:`	Bilgi
	`:fontawesome-solid-spinner:`	Yükleniyor
	`:fontawesome-solid-ban:`	Yasak/Engellendi
	`:fontawesome-solid-clock:`	Zaman/Program
	`:fontawesome-solid-hourglass-half:`	Devam Ediyor

Geliştirme ve Kod¶

Simge	Kod	Açıklama
	`:fontawesome-solid-code:`	Kod/Geliştirme
	`:fontawesome-solid-terminal:`	Terminal/CLI
	`:fontawesome-solid-bug:`	Hata/Debug
	`:fontawesome-solid-database:`	Veritabanı
	`:fontawesome-solid-server:`	Sunucu
	`:fontawesome-solid-cloud:`	Bulut
	`:fontawesome-solid-code-branch:`	Git Dalı
	`:fontawesome-solid-code-merge:`	Git Birleştirme
	`:fontawesome-solid-download:`	İndir
	`:fontawesome-solid-upload:`	Yükle

Dosya Türleri¶

Simge	Kod	Açıklama
	`:fontawesome-solid-file:`	Genel Dosya
	`:fontawesome-solid-file-code:`	Kod Dosyası
	`:fontawesome-solid-file-lines:`	Metin Dosyası
	`:fontawesome-solid-file-image:`	Resim Dosyası
	`:fontawesome-solid-file-pdf:`	PDF Belgesi
	`:fontawesome-solid-file-zipper:`	Arşiv/Zip
	`:fontawesome-solid-folder:`	Klasör

Eylemler¶

Simge	Kod	Açıklama
	`:fontawesome-solid-plus:`	Ekle/Oluştur
	`:fontawesome-solid-pen:`	Düzenle
	`:fontawesome-solid-trash:`	Sil
	`:fontawesome-solid-copy:`	Kopyala
	`:fontawesome-solid-paste:`	Yapıştır
	`:fontawesome-solid-share:`	Paylaş
	`:fontawesome-solid-link:`	Bağlantı
	`:fontawesome-solid-eye:`	Görüntüle/Görünür
	`:fontawesome-solid-eye-slash:`	Gizle/Görünmez
	`:fontawesome-solid-lock:`	Kilitle/Güvenli
	`:fontawesome-solid-unlock:`	Kilidi Aç

Dokümantasyon¶

Simge	Kod	Açıklama
	`:fontawesome-solid-book:`	Dokümantasyon
	`:fontawesome-solid-bookmark:`	Yer İmi
	`:fontawesome-solid-graduation-cap:`	Eğitim/Öğrenme
	`:fontawesome-solid-lightbulb:`	İpuçları/Fikirler
	`:fontawesome-solid-circle-question:`	Yardım/SSS
	`:fontawesome-solid-list:`	Liste/İndeks
	`:fontawesome-solid-table:`	Tablo/Veri
	`:fontawesome-solid-chart-line:`	Analitik/İstatistik

Marka Simgeleri¶

İkon	Kod	Açıklama
	`:fontawesome-brands-github:`	GitHub
	`:fontawesome-brands-gitlab:`	GitLab
	`:fontawesome-brands-docker:`	Docker
	`:fontawesome-brands-python:`	Python
	`:fontawesome-brands-js:`	JavaScript
	`:fontawesome-brands-react:`	React
	`:fontawesome-brands-linux:`	Linux
	`:fontawesome-brands-windows:`	Windows
	`:fontawesome-brands-apple:`	Apple/macOS
	`:fontawesome-brands-chrome:`	Chrome
	`:fontawesome-brands-firefox:`	Firefox

Simgeleri Bileşenlerde Kullanma¶

HTML/Özel Bileşenlerde¶

Solid Roket
Regular Yıldız
GitHub Markası

Uyarı Kutularında¶

Bu bir bilgilendirme mesajıdır

İşlem başarıyla tamamlandı

Lütfen devam etmeden önce gözden geçirin

Bir hata oluştu

Özellik Listelerinde¶

Hızlı Performans

Hız için optimize edilmiş
Tasarımdan Güvenli

Güvenlik en iyi uygulamaları ile inşa edilmiş

Simge Boyutları¶

Ekstra Küçük
Küçük
Normal
Büyük
2x
3x

Hareketli Simgeler¶

Yükleniyor
Senkronizasyon
İşleniyor

Simge Renkleri¶

Başarı
Hata
Uyarı
Bilgi

Ek Kaynaklar¶

Font Awesome Simgeleri