Wbudowane ikony Glyphicons w Bootstrap 3

Wbudowane ikony Glyphicons w Bootstrap 3 – często pomijana funkcja

Wielu użytkowników CMS PHP-Fusion przez lata korzysta ze stylów opartych na Bootstrap 3, nie zdając sobie sprawy, że wraz z arkuszem CSS automatycznie ładowany jest także zestaw ikon Glyphicons. Ikony te są dostępne od ręki i nie wymagają instalowania żadnych dodatkowych bibliotek.

Czym są Glyphicons w Bootstrap 3?

Bootstrap 3 .Jak używa się ikon Glyphicons?

Glyphicons to zestaw ikon w formie fontu, który był domyślnie dołączany do Bootstrapa 3. Oznacza to, że jeżeli Twoja strona używa tego frameworka, ikony są już obecne i gotowe do użycia — nawet jeśli nigdy wcześniej z nich nie korzystałeś.

Dlaczego wiele osób z nich nie korzysta?

Najczęściej powodem jest brak świadomości. Ikony ładują się automatycznie razem ze stylem CSS, ale jeśli nikt wcześniej nie pokazał, jak ich używać, łatwo założyć, że potrzebna jest dodatkowa biblioteka, np. Font Awesome. W praktyce Glyphicons są dostępne bez żadnych dodatkowych plików.

Jak używa się ikon Glyphicons?

Ikony Glyphicons są wywoływane za pomocą klas CSS, np.

glyphicon glyphicon-alert

Same klasy można zastosować do dowolnego elementu HTML, takiego jak

span

, przycisk lub link. Dzięki temu użytkownik sam decyduje, w jakim kontekście chce użyć ikony.

Gotowe do użycia bez dodatkowych obciążeń

Ponieważ ikony są już ładowane razem z Bootstrapem 3, ich wykorzystanie nie zwiększa liczby zapytań HTTP ani nie obciąża strony dodatkowymi plikami. To szczególnie istotne w starszych instalacjach CMS, gdzie wydajność i prostota mają duże znaczenie.

Dla kogo jest ta strona?

Ta strona powstała z myślą o użytkownikach PHP-Fusion oraz innych systemów CMS, którzy nadal korzystają z Bootstrap 3 i chcą w pełni wykorzystać możliwości już dostępne w ich szablonach. Jeżeli szukałeś listy ikon Glyphicons lub sposobu na ich szybkie kopiowanie — jesteś we właściwym miejscu.

Czasem wystarczy uświadomić sobie, że to, czego potrzebujemy, od dawna jest już częścią naszego projektu.

Bootstrap 3 – Glyphicons

Kliknij ikonę, aby skopiować klasę

glyphicon-adjust

glyphicon-alert

glyphicon-align-center

glyphicon-align-justify

glyphicon-align-left

glyphicon-align-right

glyphicon-apple

glyphicon-arrow-down

glyphicon-arrow-left

glyphicon-arrow-right

glyphicon-arrow-up

glyphicon-asterisk

glyphicon-baby-formula

glyphicon-backward

glyphicon-ban-circle

glyphicon-barcode

glyphicon-bed

glyphicon-bell

glyphicon-bishop

glyphicon-bitcoin

glyphicon-blackboard

glyphicon-bold

glyphicon-book

glyphicon-bookmark

glyphicon-briefcase

glyphicon-btc

glyphicon-bullhorn

glyphicon-calendar

glyphicon-camera

glyphicon-cd

glyphicon-certificate

glyphicon-check

glyphicon-chevron-down

glyphicon-chevron-left

glyphicon-chevron-right

glyphicon-chevron-up

glyphicon-circle-arrow-down

glyphicon-circle-arrow-left

glyphicon-circle-arrow-right

glyphicon-circle-arrow-up

glyphicon-cloud

glyphicon-cloud-download

glyphicon-cloud-upload

glyphicon-cog

glyphicon-collapse-down

glyphicon-collapse-up

glyphicon-comment

glyphicon-compressed

glyphicon-console

glyphicon-copy

glyphicon-copyright-mark

glyphicon-credit-card

glyphicon-cutlery

glyphicon-dashboard

glyphicon-download

glyphicon-download-alt

glyphicon-duplicate

glyphicon-earphone

glyphicon-edit

glyphicon-education

glyphicon-eject

glyphicon-envelope

glyphicon-equalizer

glyphicon-erase

glyphicon-eur

glyphicon-euro

glyphicon-exclamation-sign

glyphicon-expand

glyphicon-export

glyphicon-eye-close

glyphicon-eye-open

glyphicon-facetime-video

glyphicon-fast-backward

glyphicon-fast-forward

glyphicon-file

glyphicon-film

glyphicon-filter

glyphicon-fire

glyphicon-flag

glyphicon-flash

glyphicon-floppy-disk

glyphicon-floppy-open

glyphicon-floppy-remove

glyphicon-floppy-save

glyphicon-floppy-saved

glyphicon-folder-close

glyphicon-folder-open

glyphicon-font

glyphicon-forward

glyphicon-fullscreen

glyphicon-gbp

glyphicon-gift

glyphicon-glass

glyphicon-globe

glyphicon-grain

glyphicon-hand-down

glyphicon-hand-left

glyphicon-hand-right

glyphicon-hand-up

glyphicon-hd-video

glyphicon-hdd

glyphicon-header

glyphicon-headphones

glyphicon-heart

glyphicon-heart-empty

glyphicon-home

glyphicon-hourglass

glyphicon-ice-lolly

glyphicon-ice-lolly-tasted

glyphicon-import

glyphicon-inbox

glyphicon-indent-left

glyphicon-indent-right

glyphicon-info-sign

glyphicon-italic

glyphicon-jpy

glyphicon-king

glyphicon-knight

glyphicon-lamp

glyphicon-leaf

glyphicon-level-up

glyphicon-link

glyphicon-list

glyphicon-list-alt

glyphicon-lock

glyphicon-log-in

glyphicon-log-out

glyphicon-magnet

glyphicon-map-marker

glyphicon-menu-down

glyphicon-menu-hamburger

glyphicon-menu-left

glyphicon-menu-right

glyphicon-menu-up

glyphicon-minus

glyphicon-minus-sign

glyphicon-modal-window

glyphicon-move

glyphicon-music

glyphicon-new-window

glyphicon-object-align-bottom

glyphicon-object-align-horizontal

glyphicon-object-align-left

glyphicon-object-align-right

glyphicon-object-align-top

glyphicon-object-align-vertical

glyphicon-off

glyphicon-oil

glyphicon-ok

glyphicon-ok-circle

glyphicon-ok-sign

glyphicon-open

glyphicon-open-file

glyphicon-option-horizontal

glyphicon-option-vertical

glyphicon-paperclip

glyphicon-paste

glyphicon-pause

glyphicon-pawn

glyphicon-pencil

glyphicon-phone

glyphicon-phone-alt

glyphicon-picture

glyphicon-piggy-bank

glyphicon-plane

glyphicon-play

glyphicon-play-circle

glyphicon-plus

glyphicon-plus-sign

glyphicon-print

glyphicon-pushpin

glyphicon-qrcode

glyphicon-queen

glyphicon-question-sign

glyphicon-random

glyphicon-record

glyphicon-refresh

glyphicon-registration-mark

glyphicon-remove

glyphicon-remove-circle

glyphicon-remove-sign

glyphicon-repeat

glyphicon-resize-full

glyphicon-resize-horizontal

glyphicon-resize-small

glyphicon-resize-vertical

glyphicon-retweet

glyphicon-road

glyphicon-rub

glyphicon-ruble

glyphicon-save

glyphicon-save-file

glyphicon-saved

glyphicon-scale

glyphicon-scissors

glyphicon-screenshot

glyphicon-sd-video

glyphicon-search

glyphicon-send

glyphicon-share

glyphicon-share-alt

glyphicon-shopping-cart

glyphicon-signal

glyphicon-sort

glyphicon-sort-by-alphabet

glyphicon-sort-by-alphabet-alt

glyphicon-sort-by-attributes

glyphicon-sort-by-attributes-alt

glyphicon-sort-by-order

glyphicon-sort-by-order-alt

glyphicon-sound-5-1

glyphicon-sound-6-1

glyphicon-sound-7-1

glyphicon-sound-dolby

glyphicon-sound-stereo

glyphicon-star

glyphicon-star-empty

glyphicon-stats

glyphicon-step-backward

glyphicon-step-forward

glyphicon-stop

glyphicon-subscript

glyphicon-subtitles

glyphicon-sunglasses

glyphicon-superscript

glyphicon-tag

glyphicon-tags

glyphicon-tasks

glyphicon-tent

glyphicon-text-background

glyphicon-text-color

glyphicon-text-height

glyphicon-text-size

glyphicon-text-width

glyphicon-th

glyphicon-th-large

glyphicon-th-list

glyphicon-thumbs-down

glyphicon-thumbs-up

glyphicon-time

glyphicon-tint

glyphicon-tower

glyphicon-transfer

glyphicon-trash

glyphicon-tree-conifer

glyphicon-tree-deciduous

glyphicon-triangle-bottom

glyphicon-triangle-left

glyphicon-triangle-right

glyphicon-triangle-top

glyphicon-unchecked

glyphicon-upload

glyphicon-usd

glyphicon-user

glyphicon-volume-down

glyphicon-volume-off

glyphicon-volume-up

glyphicon-warning-sign

glyphicon-wrench

glyphicon-xbt

glyphicon-yen

glyphicon-zoom-in

glyphicon-zoom-out

January 22 2026