PHPackages                             juiko/phosphoricon - 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. juiko/phosphoricon

ActiveLibrary[Utility & Helpers](/categories/utility)

juiko/phosphoricon
==================

Phosphor Icon Library for Laravel

1.0.2(2y ago)020MITPHP

Since Mar 3Pushed 2y ago1 watchersCompare

[ Source](https://github.com/juikong/phosphoricon)[ Packagist](https://packagist.org/packages/juiko/phosphoricon)[ RSS](/packages/juiko-phosphoricon/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependenciesVersions (3)Used By (0)

Phosphor Icons Library for Laravel
==================================

[](#phosphor-icons-library-for-laravel)

Add Phosphor Icons on Laravel Web Application. To add icon to web application common methods is using component import e.g. import { IconName }. With Phosphor Icons Library for Laravel, icon information is saved inside database. Allow icon change on web page without recompile web application.

[![Screenshot](https://github.com/juikong/phosphoricon/raw/master/Screenshot.png)](https://github.com/juikong/phosphoricon/blob/master/Screenshot.png)

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

[](#installation)

Install package with composer

```
composer require juiko/phosphoricon
```

Then run migration to create database table for Phosphor Icons

```
php artisan migrate
```

After that run import command to import icon data into Phosphor Icons

```
php artisan phosphor-icon:import
```

Install Phosphor Icon packages and utils, example for React

```
npm i @phosphor-icons/react
php artisan vendor:publish --tag=public
```

Usage
-----

[](#usage)

### Icon Library

[](#icon-library)

To create api to display Phosphor Icon Library, add PhosphorIcon Facades into Controller then call getData()

```
use PhosphorIcon;

...
public function icons()
{
  return PhosphorIcon::getData();
}
...
```

To display icons after call the api, example for React

```
import { phosphorIconCustom } from "@/Components/PhosphorIconUtils";

...
{icons.map((icon, index) => {
  const IconCustom = phosphorIconCustom(icon);
  return (
     console.log("Selected Icon: %d", icon.id)}/>
  );
})}
...
```

### Render Icon

[](#render-icon)

Use getIcon method to retrieve icon data if phosphor\_icon\_id column exist

```
use PhosphorIcon;

...
public function index(Request $request)
{
  $mymodel = Mymodel::get();
  $mymodelWithIcon = PhosphorIcon::getIcon($mymodel);

  return response()->json($mymodelWithIcon);
}
...
```

To render icons after call the api, example for React (item.phosphoricon is icon data and 16 is icon size in px)

```
import { phosphorIcon } from "@/Components/PhosphorIconUtils";

...
{phosphorIcon(item.phosphoricon, 16)}
...
```

Examples
--------

[](#examples)

- [React](https://github.com/juikong/phosphoricon-laravel-react) - Sample React Application

Roadmap
-------

[](#roadmap)

- Support for Blade and Vue

License
-------

[](#license)

[Phosphor Icons](https://github.com/phosphor-icons) - [MIT](https://choosealicense.com/licenses/mit/)

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity42

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% 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 ~2 days

Total

2

Last Release

802d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8005c0e0898c33fffbff02c5061552c48d9fb22ab54aa4bd70164ab0b8d516f2?d=identicon)[juikong](/maintainers/juikong)

---

Top Contributors

[![juikong](https://avatars.githubusercontent.com/u/59825019?v=4)](https://github.com/juikong "juikong (5 commits)")

---

Tags

laravelreactphosphor-icons

### Embed Badge

![Health badge](/badges/juiko-phosphoricon/health.svg)

```
[![Health](https://phpackages.com/badges/juiko-phosphoricon/health.svg)](https://phpackages.com/packages/juiko-phosphoricon)
```

###  Alternatives

[ijpatricio/mingle

Use Vue and React in Laravel Livewire Applications.

43445.4k2](/packages/ijpatricio-mingle)[talyssonoc/react-laravel

Package to use ReactJS with Laravel

8944.9k](/packages/talyssonoc-react-laravel)[stephenjude/filament-blog

Filament Blog Builder

20317.8k](/packages/stephenjude-filament-blog)

PHPackages © 2026

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