PHPackages                             khatabwedaa/blade-css-icons - 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. [Templating &amp; Views](/categories/templating)
4. /
5. khatabwedaa/blade-css-icons

ActiveLibrary[Templating &amp; Views](/categories/templating)

khatabwedaa/blade-css-icons
===========================

A package to easily make use of Css.gg in your Laravel Blade views.

1.6.0(4mo ago)34699.0k↓32%62MITPHPPHP ^8.0CI passing

Since Jun 19Pushed 4mo ago2 watchersCompare

[ Source](https://github.com/khatabwedaa/blade-css-icons)[ Packagist](https://packagist.org/packages/khatabwedaa/blade-css-icons)[ Docs](https://github.com/khatabwedaa/blade-css-icons)[ RSS](/packages/khatabwedaa-blade-css-icons/feed)WikiDiscussions main Synced 2w ago

READMEChangelog (10)Dependencies (8)Versions (13)Used By (2)

Blade CSS Icons
===============

[](#blade-css-icons)

[ ![Tests](https://github.com/khatabwedaa/blade-css-icons/workflows/Tests/badge.svg)](https://github.com/khatabwedaa/blade-css-icons/actions?query=workflow%3ATests)[ ![Latest Stable Version](https://camo.githubusercontent.com/ee5147895a764d710ba566ed6852b282027eb6dd4699f6c0332b0b17d5032f92/68747470733a2f2f706f7365722e707567782e6f72672f6b686174616277656461612f626c6164652d6373732d69636f6e732f762f737461626c652e737667)](https://packagist.org/packages/khatabwedaa/blade-css-icons)[ ![Total Downloads](https://camo.githubusercontent.com/5aac3223ae584ab9b788fe1f79ce5dfd485c30ef4aa1ed03a03df637198af8f9/68747470733a2f2f706f7365722e707567782e6f72672f6b686174616277656461612f626c6164652d6373732d69636f6e732f642f746f74616c2e737667)](https://packagist.org/packages/khatabwedaa/blade-css-icons)[ ![License](https://camo.githubusercontent.com/0e2df5c5a00d97f66fd52dc90f2e10a983d641dfab08a213b008de86a2006dd1/68747470733a2f2f706f7365722e707567782e6f72672f6b686174616277656461612f626c6164652d6373732d69636f6e732f6c6963656e73652e737667)](https://packagist.org/packages/khatabwedaa/blade-css-icons)[ ![PHP Version Require](https://camo.githubusercontent.com/6b746aab3d27ec3405816b500ffa35e2e05587992bb64b83b143c8fb90e34f90/68747470733a2f2f706f7365722e707567782e6f72672f6b686174616277656461612f626c6164652d6373732d69636f6e732f726571756972652f706870)](https://packagist.org/packages/khatabwedaa/blade-css-icons)A package to easily make use of [CSS.gg Icons](https://github.com/astrit/css.gg) in your Laravel Blade views.

For a full list of available icons, see [the SVG directory](resources/svg) or preview them at [css.gg](https://css.gg). Css.gg Icons are originally developed by [Astrit Malsija](https://twitter.com/AstritMalsija).

Requirements
------------

[](#requirements)

- PHP 8.0 or higher
- Laravel 9.0 or higher

Installation
------------

[](#installation)

```
composer require khatabwedaa/blade-css-icons
```

Usage
-----

[](#usage)

Icons can be used a self-closing Blade components, which will be compiled to SVG icons:

```

```

You can also pass classes to your icon components:

```

```

And even use inline styles:

```

```

The solid icons can be referenced like this:

```

```

### Raw SVG Icons

[](#raw-svg-icons)

If you want to use the raw SVG icons as assets, you can publish them using:

```
php artisan vendor:publish --tag=blade-css-icons --force
```

Then use them in your views like:

```

```

### Blade Icons

[](#blade-icons)

Blade CSS Icons uses Blade Icons under the hood. Please refer to [the Blade Icons readme](https://github.com/blade-ui-kit/blade-icons) for additional functionality.

Changelog
---------

[](#changelog)

Check out the [CHANGELOG](CHANGELOG.md) in this repository for all the recent changes.

Maintainers
-----------

[](#maintainers)

Blade CSS Icons is developed and maintained by [Khatab Wedaa](https://twitter.com/khatabwedaa).

Blade Icons is developed and maintained by [Dries Vints](https://driesvints.com).

License
-------

[](#license)

Blade Css Icons is open-sourced software licensed under [the MIT license](LICENSE.md).

###  Health Score

58

—

FairBetter than 98% of packages

Maintenance77

Regular maintenance activity

Popularity48

Moderate usage in the ecosystem

Community25

Small or concentrated contributor base

Maturity68

Established project with proven stability

 Bus Factor1

Top contributor holds 70.2% 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 ~193 days

Recently: every ~291 days

Total

12

Last Release

125d ago

Major Versions

0.2.0 → 1.0.02021-03-21

PHP version history (4 changes)0.1.0PHP ^7.2

0.2.0PHP ^7.3|^8.0

1.0.0PHP ^7.4|^8.0

1.2.0PHP ^8.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/be0ea6a90b1e551f7dfd124babdf7640fb7cbac43d9ec0f4c05c75c935e67c2c?d=identicon)[khatabwedaa](/maintainers/khatabwedaa)

---

Top Contributors

[![khatabwedaa](https://avatars.githubusercontent.com/u/38974561?v=4)](https://github.com/khatabwedaa "khatabwedaa (40 commits)")[![driesvints](https://avatars.githubusercontent.com/u/594614?v=4)](https://github.com/driesvints "driesvints (6 commits)")[![laravel-shift](https://avatars.githubusercontent.com/u/15991828?v=4)](https://github.com/laravel-shift "laravel-shift (6 commits)")[![alkhatabwedatalla](https://avatars.githubusercontent.com/u/154791722?v=4)](https://github.com/alkhatabwedatalla "alkhatabwedatalla (3 commits)")[![abishekrsrikaanth](https://avatars.githubusercontent.com/u/1639302?v=4)](https://github.com/abishekrsrikaanth "abishekrsrikaanth (1 commits)")[![mattcookdev](https://avatars.githubusercontent.com/u/22277786?v=4)](https://github.com/mattcookdev "mattcookdev (1 commits)")

---

Tags

bladecss-iconslaravellaravelbladeCss.gg

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/khatabwedaa-blade-css-icons/health.svg)

```
[![Health](https://phpackages.com/badges/khatabwedaa-blade-css-icons/health.svg)](https://phpackages.com/packages/khatabwedaa-blade-css-icons)
```

###  Alternatives

[technikermathe/blade-lucide-icons

A package to easily make use of Lucide icons in your Laravel Blade views.

18473.9k13](/packages/technikermathe-blade-lucide-icons)[ublabs/blade-simple-icons

A package to easily make use of Simple Icons in your Laravel Blade views.

1866.3k](/packages/ublabs-blade-simple-icons)[secondnetwork/blade-tabler-icons

A package to easily make use of tabler-icons in your Laravel Blade views.

39743.3k30](/packages/secondnetwork-blade-tabler-icons)[mallardduck/blade-lucide-icons

A package to easily make use of Lucide icons in your Laravel Blade views.

1061.1M42](/packages/mallardduck-blade-lucide-icons)[hasinhayder/tyro-dashboard

Tyro Dashboard - Beautiful admin dashboard for managing Tyro roles, privileges, users, and settings

5495.1k](/packages/hasinhayder-tyro-dashboard)[hasinhayder/tyro-login

Tyro Login - Beautiful, customizable authentication views for Laravel 12 &amp; 13

2508.1k7](/packages/hasinhayder-tyro-login)

PHPackages © 2026

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