PHPackages daljo25/blade-pixelicon-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 & Views](/categories/templating) 4. / 5. daljo25/blade-pixelicon-icons ActiveLaravel-package[Templating & Views](/categories/templating) daljo25/blade-pixelicon-icons ============================= Blade Icons package for Pixel Icon Library. 1.0.0(1mo ago)00MITPHPPHP ^8.2CI passing Since Mar 29Pushed 1mo agoCompare [ Source](https://github.com/daljo25/blade-pixelicon-icons)[ Packagist](https://packagist.org/packages/daljo25/blade-pixelicon-icons)[ Docs](https://github.com/daljo25/blade-pixelicon-icons)[ RSS](/packages/daljo25-blade-pixelicon-icons/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (4)Versions (2)Used By (0) Blade Pixelicon Icons ===================== [](#blade-pixelicon-icons) [![Latest Version on Packagist](https://camo.githubusercontent.com/d4c021a6edbdec629dfaec904fd599942391122da27b03c5f77faa275802adfb/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f64616c6a6f32352f626c6164652d706978656c69636f6e2d69636f6e732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/daljo25/blade-pixelicon-icons)[![Total Downloads](https://camo.githubusercontent.com/39bcc1c599cabcb085ed8d8797f880912e8b7b9f8b510a8b1f8f9921a983fc96/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f64616c6a6f32352f626c6164652d706978656c69636f6e2d69636f6e732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/daljo25/blade-pixelicon-icons)[![License](https://camo.githubusercontent.com/8e6a825fc4fff5bfcffbedf044f359058bd16138787265010aba1846af30e880/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f64616c6a6f32352f626c6164652d706978656c69636f6e2d69636f6e732e7376673f7374796c653d666c61742d737175617265)](LICENSE.md) Blade UI Kit package for the **Pixel Icon Library by HackerNoon**. This package provides **450+ SVG icons** ready to use in Laravel Blade using the same developer experience as other Blade UI Kit icon sets. [![Thumbnail](Thumbnail.png)](Thumbnail.png) ✨ Features ---------- [](#-features) - 450+ Pixel icons included - Supports **regular, solid, brands & purcats** - Multiple Blade UI Kit usage styles - Original SVGs are **not modified** - Color customization via `fill` / `style` - Zero runtime dependencies --- 📦 Installation -------------- [](#-installation) ``` composer require daljo25/blade-pixelicon-icons ``` --- ⚙️ Publishing ------------- [](#️-publishing) You may publish the config file and/or the SVG icons if you want to customize them. ### Publish config [](#publish-config) ``` php artisan vendor:publish --tag=blade-pixelicon-icons-config ``` This will publish: ``` config/blade-pixelicon-icons.php ``` --- ### Publish SVG icons [](#publish-svg-icons) ``` php artisan vendor:publish --tag=blade-pixelicon-icons ``` This will publish all icons to: ``` resources/svg/vendor/blade-pixelicon-icons ``` This is useful if you want to: - Modify SVG files manually - Remove icons you don’t use - Optimize icons - Override specific icons --- Search for icons in the official Pixel Icon Library --------------------------------------------------- [](#search-for-icons-in-the-official-pixel-icon-library) You can search for icons in the official Pixel Icon Library by HackerNoon ------------------------------- [](#httpspixeliconlibrarycom) 🚀 Usage ------- [](#-usage) This package follows the Blade UI Kit icon conventions. You can use **any of the 3 supported syntaxes**. ### 1️⃣ Blade Component [](#1️⃣-blade-component) ``` ``` --- ### 2️⃣ `@svg` Directive [](#2️⃣-svg-directive) ``` @svg('pixelicon-home') @svg('pixelicon-user') ``` --- ### 3️⃣ `svg()` Helper [](#3️⃣-svg-helper) ``` {{ svg('pixelicon-android') }} ``` --- 🎨 Changing Icon Color (IMPORTANT) --------------------------------- [](#-changing-icon-color-important) Pixelicon SVGs **do not include fill or stroke attributes** by design. This package injects `fill="currentColor"` automatically via config so icons inherit color from CSS. ⚠️ Because of how these SVGs are built: **Color must be applied using:** - `fill=""` - `style=""` - inline color via parent element **❌ Tailwind text-* classes WILL NOT work reliably.*\* --- ### ✔️ Correct ways to change color [](#️-correct-ways-to-change-color) #### Using `fill` [](#using-fill) ``` ``` ``` @svg('pixelicon-home', 'w-6 h-6', ['fill' => '#16a34a']) ``` --- #### Using inline style [](#using-inline-style) ``` ``` ``` {{ svg('pixelicon-android')->style('color:#f97316') }} ``` --- #### Using parent element color [](#using-parent-element-color) ``` ``` --- ### ❌ Not supported [](#-not-supported) ``` {{-- This will NOT work reliably --}} ``` This limitation comes from the original Pixelicon SVG structure and is intentional to keep the source files unmodified. --- 🧩 Icon Prefix ------------- [](#-icon-prefix) All icons use the prefix: ``` pixelicon- ``` Examples: ``` pixelicon-user pixelicon-home pixelicon-github pixelicon-android pixelicon-youtube ``` --- 🗂 Icon Sets Included -------------------- [](#-icon-sets-included) Icons are generated from the official Pixel Icon Library: - Regular - Solid - Brands - Purcats All icons are merged into a single set for convenience. --- ⚙️ Config --------- [](#️-config) Config file: `config/blade-pixelicon-icons.php` You normally don’t need to change anything, but it allows you to: - Change default attributes - Override global icon behavior --- 🧪 Testing --------- [](#-testing) ``` composer test ``` --- 📄 License --------- [](#-license) [MIT](LICENSE.md) © Daljomar Morillo [Pixel Icon Library by HackerNoon](https://github.com/hackernoon/pixel-icon-library) is used under its respective license MIT for code and Creative Commons for the icons. ### Health Score 37 — LowBetter than 83% of packages Maintenance90 Actively maintained with recent releases Popularity0 Limited adoption so far Community6 Small or concentrated contributor base Maturity46 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 Unknown Total 1 Last Release 46d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/52e5991b76f62c86956dae770d6f0d85d65e458da7e09b5d3f32deb31a3fa4dc?d=identicon)[Daljo25](/maintainers/Daljo25) --- Top Contributors [![daljo25](https://avatars.githubusercontent.com/u/7244602?v=4)](https://github.com/daljo25 "daljo25 (4 commits)") --- Tags laraveliconsbladepixelicon ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/daljo25-blade-pixelicon-icons/health.svg) ``` [![Health](https://phpackages.com/badges/daljo25-blade-pixelicon-icons/health.svg)](https://phpackages.com/packages/daljo25-blade-pixelicon-icons) ``` ### Alternatives [codeat3/blade-google-material-design-icons A package to easily make use of "Google Fonts Material Icons" in your Laravel Blade views. 23494.4k4](/packages/codeat3-blade-google-material-design-icons)[stijnvanouplines/blade-country-flags A package to easily make use of country flags in your Laravel Blade views. 26307.2k6](/packages/stijnvanouplines-blade-country-flags)[saade/blade-iconsax A package to easily make use of Iconsax in your Laravel Blade views. 21138.5k](/packages/saade-blade-iconsax) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)