Skip to content
Stable · Laravel 10–12

Ionicons for
Laravel Blade.

Blade Ionicons brings the full Ionicons set to your Blade views as self-closing components — compiled to inline SVG, styleable with classes and inline styles, and built on top of Blade Icons.

$composer require faisal50x/blade-ionicons
resources/views/profile.blade.php
{{-- Self-closing Blade components, compiled to inline SVG --}}
<x-ionicon-logo-apple class="w-6 h-6 text-gray-500" />

{{-- Outline and sharp variants --}}
<x-ionicon-heart-outline class="w-5 h-5 text-rose-500" />
<x-ionicon-heart-sharp style="color: #e11d48" />

{{-- Or use the Blade Icons directive --}}
@svg('ionicon-logo-github', 'w-6 h-6')

Icons, the Blade way

A thin, well-behaved layer over Blade Icons — each capability documented with complete, copy-paste examples.

Self-closing components

Drop an icon into any Blade view with a single tag — like x-ionicon-logo-apple — compiled straight to inline SVG.

Every Ionicons variant

Filled, -outline, and -sharp variants, plus the full set of logo-* brand icons. Over 1,300 SVGs ready to use.

Style with classes

Pass class="…" for Tailwind or your own CSS, and style="…" for inline tweaks. Size and color the way you size anything else.

Built on Blade Icons

Sits on top of blade-ui-kit/blade-icons, so the @svg directive, the svg() helper, default classes, and fallbacks all work out of the box.

Raw SVG publishing

Publish the source SVGs to public/vendor/blade-ionicons and reference them as plain image assets when you need a file on disk.

Configurable

Set a default prefix, apply classes and attributes to every icon, and define a fallback icon for missing names.

Zero build step

No bundler or asset pipeline — icons render server-side as inline SVG.

Auto-discovered

Laravel package discovery registers the ionicon set automatically on install.

Laravel 10–12

Supports PHP 8.1+ and Laravel 10, 11, and 12 via illuminate/support.

One command away

Require the package, and the ionicon set registers itself through Laravel package discovery. Then start dropping icons into your views.