PHPackages                             swissup/module-font-awesome - 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. swissup/module-font-awesome

ActiveMagento2-module[Utility & Helpers](/categories/utility)

swissup/module-font-awesome
===========================

FontAwesome for Magento2

1.4.4(9mo ago)117.2k—0%71MITPHP

Since Apr 4Pushed 9mo ago8 watchersCompare

[ Source](https://github.com/swissup/module-font-awesome)[ Packagist](https://packagist.org/packages/swissup/module-font-awesome)[ RSS](/packages/swissup-module-font-awesome/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (1)Dependencies (1)Versions (14)Used By (1)

Font Awesome 4
==============

[](#font-awesome-4)

[Font Awesome 4](https://fontawesome.com/v4.7.0/) for Magento2.

Looking for FontAwesome5? We have a separate repository for it:

### Contents

[](#contents)

1. [Installation](#installation)
2. [Usage](#usage)
3. [Advanced Usage](#advanced-usage)
4. [How to replace standard Magento icons](#how-to-replace-standard-magento-icons)

### Installation

[](#installation)

```
cd
composer require swissup/font-awesome
bin/magento module:enable Swissup_Core Swissup_FontAwesome
bin/magento setup:upgrade
```

### Usage

[](#usage)

1. Search for icon you need at [official FontAwesome site](https://fontawesome.com/v4.7.0/icons/)
2. Copy and Paste selected code into HTML content.

    Example:

    ```

    ```
3. That's all!

### Advanced Usage

[](#advanced-usage)

Looking for advanced usage examples? Here you go:

- [Sizing Icons](https://fontawesome.com/v4.7.0/examples/#larger)
- [Fixed Width Icons](https://fontawesome.com/v4.7.0/examples/#fixed-width)
- [Icons as a List](https://fontawesome.com/v4.7.0/examples/#list)
- [Bordered + Pulled Icons](https://fontawesome.com/v4.7.0/examples/#bordered-pulled)
- [Animating Icons](https://fontawesome.com/v4.7.0/examples/#animated)
- [Rotating Icons](https://fontawesome.com/v4.7.0/examples/#rotated-flipped)
- [Stacking Icons](https://fontawesome.com/v4.7.0/examples/#stacked)

### How to replace standard Magento icons

[](#how-to-replace-standard-magento-icons)

Add the following variables into your theme less file:

```
@icons__font-name: 'FontAwesome';

@icon-font__size: 14px;
@icon-font__line-height: inherit;

@icon-wishlist-full: '\f004';
@icon-wishlist-empty: '\f08a';
@icon-success: '\f058';
@icon-error: '\f071';
@icon-warning: '\f071';
@icon-update: '\f021';
@icon-star: '\f005';
@icon-star-empty: '\f006';
@icon-settings: '\f013';
@icon-menu: '\f0c9';
@icon-location: '\f041';
@icon-info: '\f129';
@icon-list: '\f00b';
@icon-grid: '\f009';
@icon-comment-reflected: '\f075';
@icon-collapse: '\f147';
@icon-checkmark: '\f00c';
@icon-bag: '\f290';
@icon-cart: '\f291';
@icon-calendar: '\f073';
@icon-arrow-up: '\f176';
@icon-arrow-down: '\f175';
@icon-search: '\f002';
@icon-next: '\f105';
@icon-prev: '\f104';
@icon-pointer-down: '\f0d7';
@icon-pointer-up: '\f0d8';
@icon-pointer-right: '\f0da';
@icon-pointer-left: '\f0d9';
@icon-flag: '\f024';
@icon-expand: '\f196';
@icon-envelope: '\f0e0';
@icon-compare-full: '\f0ec';
@icon-compare-empty: '\f0ec';
@icon-comment: '\f075';
@icon-up: '\f106';
@icon-down: '\f107';
@icon-help: '\f059';
@icon-arrow-up-thin: '\f176';
@icon-arrow-right-thin: '\f178';
@icon-arrow-down-thin: '\f175';
@icon-arrow-left-thin: '\f177';
@icon-account: '\f007';
@icon-gift-registry: '\f274';
@icon-present: '\f06b';
@icon-trash: '\f1f8';
@icon-edit: '\f040';
@icon-remove: '\f00d';
@icon-print: '\f02f';
@icon-download: '\f0ab';
@icon-private: '\f023';
```

###  Health Score

48

—

FairBetter than 93% of packages

Maintenance58

Moderate activity, may be stable

Popularity32

Limited adoption so far

Community21

Small or concentrated contributor base

Maturity70

Established project with proven stability

 Bus Factor1

Top contributor holds 71.1% 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.

###  Release Activity

Cadence

Every ~288 days

Recently: every ~544 days

Total

13

Last Release

276d ago

Major Versions

0.2.1 → 1.0.02016-07-27

### Community

Maintainers

![](https://www.gravatar.com/avatar/1108bccc259ec1b0fc93f04a182965faf1213460894ee297f1acf3482e3296ac?d=identicon)[vovayatsyuk](/maintainers/vovayatsyuk)

![](https://www.gravatar.com/avatar/33aea824c2948821ee367ad65fab9d355c71d86ce4ff021a40882a410f14ef94?d=identicon)[swissup](/maintainers/swissup)

---

Top Contributors

[![vovayatsyuk](https://avatars.githubusercontent.com/u/306080?v=4)](https://github.com/vovayatsyuk "vovayatsyuk (27 commits)")[![ci-swissuplabs](https://avatars.githubusercontent.com/u/40459861?v=4)](https://github.com/ci-swissuplabs "ci-swissuplabs (5 commits)")[![roma84](https://avatars.githubusercontent.com/u/2668851?v=4)](https://github.com/roma84 "roma84 (4 commits)")[![yl070360](https://avatars.githubusercontent.com/u/6252777?v=4)](https://github.com/yl070360 "yl070360 (2 commits)")

---

Tags

iconsfontfont-awesomeFontAwesome

### Embed Badge

![Health badge](/badges/swissup-module-font-awesome/health.svg)

```
[![Health](https://phpackages.com/badges/swissup-module-font-awesome/health.svg)](https://phpackages.com/packages/swissup-module-font-awesome)
```

###  Alternatives

[fortawesome/font-awesome

The iconic font, CSS, and SVG framework

76.7k7.6M151](/packages/fortawesome-font-awesome)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)