PHPackages police666/bootstrap4-glyphicons - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. police666/bootstrap4-glyphicons ActiveLibrary[Utility & Helpers](/categories/utility) police666/bootstrap4-glyphicons =============================== Bootstrap 4 glyphicons support 016 Since Dec 5Pushed 7y ago1 watchersCompare [ Source](https://github.com/Police666/bootstrap4-glyphicons)[ Packagist](https://packagist.org/packages/police666/bootstrap4-glyphicons)[ RSS](/packages/police666-bootstrap4-glyphicons/feed)WikiDiscussions master Synced today READMEChangelogDependenciesVersions (1)Used By (0) bootstrap4-glyphicons ===================== [](#bootstrap4-glyphicons) How to use Glyphicons with Bootstrap 4 (without getting mad) For further info & samples, read the [official page](https://www.ryadel.com/en/bootstrap-3-glyphicons-halflings-set-bootstrap4-fontawesome/). Introduction ------------ [](#introduction) If you stumbled upon this project you most likely already know Bootstrap, the award-winning and worldwide-renown open source toolkit for developing with HTML, CSS, and JS. As a matter of fact, you are probably struggling trying to switch from from Bootstrap 3 to Bootstrap 4. Among the many things that have changed (mostly summarized in the [official Migration guide](http://getbootstrap.com/docs/4.0/migration/)) there was the choice to drop the Glyphicons icon font. If you need icons, the Bootstrap team suggest one of the following alternatives: - the upstream version of [Glyphicons](https://glyphicons.com/) - [Octicons](https://octicons.github.com/) - [Font Awesome](https://fontawesome.com/) - Other alternatives mentioned in the [Extend page](https://getbootstrap.com/docs/4.0/extend/icons/) If you're migrating an existing website based on Bootstrap 3, the first option definitely seems the most viable one. However, the Glyphicons Basic set - the one available for free - does not cover all the icons which were available in Bootstrap, which open-source toolkit was granted with the permissions to use the Halflings set (as long as they provide a link and credits info). Now, since Bootstrap 4 doesn't ship the Halflings set anymore, if you want to use that set you might need to pay: if you don't want to, you are basically forced to migrate from Glyphicons to a viable open-source alternative, such as the aforementioned Octicons and Font Awesome - the latter being personal preference, as its free set is good enough for most projects. However, that will undoubtely require some major HTML code rewrite, because you'll have to perform a manual mapping from something like this: ``` ``` to something like this (in case of **FontAwesome**): ``` ``` ... and so on. Unfortunately, as you might see, the icon names might also be quite different, hence is not possible to search-and-replace them easily. Alternatives ------------ [](#alternatives) If you're building a brand new project, I strongly suggest to drop the Glyphicons package and to migrate to FontAwesome: not only you'll have more icons, but you'll also have the chance to seamlessly switch from Font icons to SVG icons, which is something that you will hardly ever regret (in case you don't know why, read [here](https://www.ianfeather.co.uk/ten-reasons-we-switched-from-an-icon-font-to-svg/)). However, if you're dealing with an existing project which makes an extensive use of the Glyphicons Halflings set, you can install this package containing two viables workaround. Installing ---------- [](#installing) This package can be used in two alternative ways: **Bootstrap 4+3** and **FontAwesome Mapping**. ### Method #1: Bootstrap 4+3 [](#method-1-bootstrap-43) This workaround leverages the fact that you can still use Bootstrap 3.x **in addition** to Bootstrap 4 without any issue of sort, as long as you only get only the "glyphicon part". You won't have any license issues, since you'll be actually using Bootstrap 3. To implement this workaround, install the package into your web site and add the following within the `` element: ``` ``` That's it. ### Method #2: FontAwesome Mapping [](#method-2-fontawesome-mapping) Since any Glyphicon image has (more or less) their FontAwesome equivalent, we can map the various `glyphycons*` css classes to their `fa*` equivalent. This is the purpose of the file you can find in `/maps/glyphicons-fontawesome.less` , which will act as a transparent mapping bridge between **Glyphicon** and **FontAwesome**. To implement this workaround, install the package into your web site and add the following within the `` element: ``` ``` The only caveat here is that you'll have to use the font-based icons instead of the SVG alternative (see above), but if you're a Glyphicon user you won't suffer from that: there's a much higher chance that you won't like the "new" icons... If you feel like that, just implement the **Bootstrap 4+3** alternative instead. Authors ------- [](#authors) - [Darkseal](https://github.com/Darkseal) License ------- [](#license) This project is licensed under the APACHE 2.0 License - see the [LICENSE.md](LICENSE.md) file for details ### Health Score 20 — LowBetter than 14% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity6 Limited adoption so far Community11 Small or concentrated contributor base Maturity39 Early-stage or recently created project Bus Factor1 Top contributor holds 58.3% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Community Maintainers ![](https://www.gravatar.com/avatar/697cad28dad98d99f7b2cde03194652857f499449e5ca470c8c15cf822f48a16?d=identicon)[Police](/maintainers/Police) --- Top Contributors [![Darkseal](https://avatars.githubusercontent.com/u/530429?v=4)](https://github.com/Darkseal "Darkseal (7 commits)")[![Police666](https://avatars.githubusercontent.com/u/9952962?v=4)](https://github.com/Police666 "Police666 (3 commits)")[![chocolateboy](https://avatars.githubusercontent.com/u/31533?v=4)](https://github.com/chocolateboy "chocolateboy (1 commits)")[![dset0x](https://avatars.githubusercontent.com/u/8993055?v=4)](https://github.com/dset0x "dset0x (1 commits)") ### Embed Badge ![Health badge](/badges/police666-bootstrap4-glyphicons/health.svg) ``` [![Health](https://phpackages.com/badges/police666-bootstrap4-glyphicons/health.svg)](https://phpackages.com/packages/police666-bootstrap4-glyphicons) ``` ### Alternatives [symfony/ux-turbo Hotwire Turbo integration for Symfony 3906.8M47](/packages/symfony-ux-turbo)[spiral/attributes PHP attributes reader 233.6M45](/packages/spiral-attributes) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)