PHPackages                             vigstudio/laravel-tabler-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. vigstudio/laravel-tabler-icons

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

vigstudio/laravel-tabler-icons
==============================

The Tabler Icons Blade Component with Facade Support

0.1.0(8mo ago)1143↓33.3%MITHTMLPHP ^8.2

Since Nov 7Pushed 4mo ago1 watchersCompare

[ Source](https://github.com/vigstudio/laravel-tabler-icons)[ Packagist](https://packagist.org/packages/vigstudio/laravel-tabler-icons)[ Docs](https://github.com/vigstudio/laravel-tabler-icons)[ RSS](/packages/vigstudio-laravel-tabler-icons/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (4)Dependencies (3)Versions (5)Used By (0)

Tabler Icons Blade Components
=============================

[](#tabler-icons-blade-components)

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

[](#installation)

You can install the package via composer:

```
composer require vigstudio/laravel-tabler-icons
```

Usage
-----

[](#usage)

### Using Blade Components (Traditional Way)

[](#using-blade-components-traditional-way)

```

```

### Using Helper Function

[](#using-helper-function)

```
{{ tabler_icon('arrow-forward-up') }}
{{ tabler_icon('arrow-merge-alt-left') }}
{{ tabler_icon('arrow-left-circle') }}
{{ tabler_icon('2fa') }}
```

### Using Facade & Helpers (New Way)

[](#using-facade--helpers-new-way)

```
// Method 1: Facade (Recommended)
{!! TablerIcon::home() !!}
{!! TablerIcon::user(['class' => 'text-blue-500']) !!}
{!! TablerIcon::album() !!}
{!! TablerIcon::brandGithub() !!}

// Method 2: Using helper function
{!! tabler_icon('home') !!}
{!! tabler_icon('user', ['class' => 'text-blue-500']) !!}
{!! tabler_icon('album') !!}

// Method 3: Using global helper (without attributes)
{!! TablerIcon()::home() !!}
{!! TablerIcon()::album() !!}

// Method 4: Through app container
{!! app('tabler-icon')::home() !!}
{!! app('tabler-icon')::user(['class' => 'text-blue-500']) !!}
```

### Method Name Conversion

[](#method-name-conversion)

The facade automatically converts method names to icon names:

- `TablerIcon::home()` → `home`
- `TablerIcon::album()` → `album`
- `TablerIcon::userPlus()` → `user-plus`
- `TablerIcon::brandGithub()` → `brand-github`
- `TablerIcon::heartFilled()` → `heart-filled`

**Numeric Icons (Special Handling):**

- `TablerIcon::twelveHours()` → `12-hours`
- `TablerIcon::twentyFourHours()` → `24-hours`
- `TablerIcon::twoFa()` → `2fa`
- `TablerIcon::threeDCubeSphere()` → `3d-cube-sphere`

> **Note:** Icons starting with numbers use word-based method names since PHP method names cannot start with numbers.

### Available Methods

[](#available-methods)

```
// Render an icon (multiple ways)
TablerIcon::home(['class' => 'icon', 'style' => 'color: red;'])
TablerIcon::album()
tabler_icon('home', ['class' => 'icon'])
TablerIcon()::home() // Note: global helper doesn't support attributes

// Check if icon exists
TablerIcon::exists('home') // returns bool
TablerIcon::exists('album') // returns bool

// Get all available icons
TablerIcon::all() // returns array (6000+ icons)

// Search for icons
TablerIcon::search('user') // returns array of matching icons
TablerIcon::search('brand') // returns array of brand icons
```

### Working with Attributes

[](#working-with-attributes)

Only `TablerIcon::` facade and `tabler_icon()` helper support attributes:

```
// ✅ Works - Facade with attributes
{!! TablerIcon::user(['class' => 'w-8 h-8 text-blue-500']) !!}
{!! TablerIcon::home(['style' => 'color: red; width: 32px;']) !!}

// ✅ Works - Helper with attributes
{!! tabler_icon('user', ['class' => 'icon-user', 'data-id' => '123']) !!}

// ❌ Doesn't work - Global helper doesn't support attributes
{!! TablerIcon()::user(['class' => 'test']) !!} // Attributes ignored

// ✅ Alternative - Use Blade component for attributes

```

### Icon Browser & Testing

[](#icon-browser--testing)

**Main Icon Browser:**Visit `/tabler-icons-demo` route (in development environment) to browse all available icons with usage examples.

Features:

- Browse all 6000+ icons with pagination
- Search functionality
- 3 usage methods for each icon:
    1. Facade: `TablerIcon::iconName()`
    2. Helper Function: `tabler_icon('icon-name')`
    3. Blade Component: ``

**Tailwind CSS Test Page:**Visit `/tabler-icons-test` route to see a comprehensive test page with Tailwind CSS styling examples.

Features:

- 🎨 **Color variations** - All Tailwind color classes
- 📏 **Size variations** - From w-4 h-4 to w-20 h-20
- ✨ **Advanced styling** - Drop shadows, rotations, scaling
- 🎬 **Animations** - Bounce, spin, pulse effects
- 🏢 **Brand icons** - Popular brand icons with proper colors
- 🔢 **Numeric icons** - Examples of number-based icons
- 💡 **Usage tips** - Best practices and conversion examples

### Changelog

[](#changelog)

Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

38

—

LowBetter than 85% of packages

Maintenance70

Regular maintenance activity

Popularity16

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity48

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 ~217 days

Total

4

Last Release

265d ago

PHP version history (2 changes)0.0.1PHP ^7.4|^8.0|^8.1

0.1.0PHP ^8.2

### Community

Maintainers

![](https://www.gravatar.com/avatar/8930261fb49dd9257915a0209a666c6b7af8200bad47944df74929c2f658771c?d=identicon)[vingamagic](/maintainers/vingamagic)

---

Top Contributors

[![vigstudio](https://avatars.githubusercontent.com/u/34742453?v=4)](https://github.com/vigstudio "vigstudio (11 commits)")

---

Tags

laravel-tabler-icons

### Embed Badge

![Health badge](/badges/vigstudio-laravel-tabler-icons/health.svg)

```
[![Health](https://phpackages.com/badges/vigstudio-laravel-tabler-icons/health.svg)](https://phpackages.com/packages/vigstudio-laravel-tabler-icons)
```

###  Alternatives

[rcrowe/twigbridge

Adds the power of Twig to Laravel

9105.9M50](/packages/rcrowe-twigbridge)[tightenco/jigsaw

Simple static sites with Laravel's Blade.

2.2k438.5k29](/packages/tightenco-jigsaw)[roots/acorn

Framework for Roots WordPress projects built with Laravel components.

9682.1M97](/packages/roots-acorn)[moonshine/moonshine

Laravel administration panel

1.3k217.1k59](/packages/moonshine-moonshine)[livewire/blaze

A tool for optimizing Blade component performance by folding them into parent templates

688221.3k17](/packages/livewire-blaze)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

703141.0k7](/packages/tallstackui-tallstackui)

PHPackages © 2026

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