Laravel Icon Component
Free · MITInline SVG icon system with 150+ built-in icons in multiple sizes.
A Icon built for the TALL stack — Blade, Livewire 3 & 4, Alpine.js and Tailwind CSS 4.
Server-rendered by default, dark-mode ready, and WCAG-minded. Drop it in with a single Blade tag:
<x-aura::icon>
Installation
composer require bluestarsystem/aura-uiUsage
<x-aura::icon name="home" />See the full API, props and live examples in the Icon documentation.
Overview
The Icon component renders inline SVG icons from a built-in icon set based on the Feather Icons style (24x24 viewBox, stroke-based). Icons are rendered directly in the HTML without external requests, ensuring fast load times. The component supports five size presets and inherits the parent's text color via currentColor.
Use icons for:
- Button labels and decorators
- Navigation items
- Status indicators
- Form field prefixes/suffixes
- Standalone visual elements
Props
| Prop | Type | Default | Description |
|---|---|---|---|
name |
string |
'circle' |
Icon name from the available set |
size |
string |
'md' |
Size preset: xs (12px), sm (16px), md (20px), lg (24px), xl (32px) |
Additional attributes (e.g., class, style, aria-hidden) are passed through to the <svg> element.
Slots
The Icon component does not use slots. The SVG content is determined by the name prop.
See more examples and every variant in the Icon documentation.