Filament•12mo ago

How to see all the icons at once

im searching an icon for my resource but idk which one to pick, so im clicking the reload btn to see more but this is annoying, cant i just see them all somehow??? https://blade-ui-kit.com/blade-icons?set=1#search

Blade Icons - Blade UI Kit

A set of renderless components to utilise in your Laravel Blade views. Built for the TALL stack. Completely open-source.

15 Replies

Lara Zeus•12mo ago

you can found them here https://heroicons.com/

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

ericmpOP•12mo ago

they all work in filament? or will i have to install something extra?

DrByte•12mo ago

All of heroicons are in core Filament. Other packages must be installed separately.

ericmpOP•12mo ago

hmm okay, thanks (: just tried to use this one: ellipsis-horizontal-circle tried:

protected static ?string $navigationIcon = 'heroicon-ellipsis-horizontal-circle';

// and

protected static ?string $navigationIcon = 'ellipsis-horizontal-circle';

protected static ?string $navigationIcon = 'heroicon-ellipsis-horizontal-circle';

// and

protected static ?string $navigationIcon = 'ellipsis-horizontal-circle';

i got:

BladeUI \ Icons \ Exceptions \ SvgNotFound

Svg by name "ellipsis-horizontal-circle" from set "heroicons" not found.

BladeUI \ Icons \ Exceptions \ SvgNotFound

Svg by name "ellipsis-horizontal-circle" from set "heroicons" not found.

when i have to put the prefix ? s or x, how i know it?

Lara Zeus•12mo ago

use heroicon-o-ellipsis-horizontal-circle

ericmpOP•12mo ago

for example in this one: this works: heroicon-s-ellipsis-horizontal-circle but this doesnt: heroicon-x-ellipsis-horizontal-circle yeah

Lara Zeus•12mo ago

o or m or s I think

ericmpOP•12mo ago

so i just test it out till it doesnt crash, or there is a way to know which one is the correct one xd?

Lara Zeus•12mo ago

I think Micro not added yet to the blade icons which is -x- 🙂

ericmpOP•12mo ago

i guess it is no idea but those r the filters

Lara Zeus•12mo ago

o for outline s for solid m for mini the micro is relatively new addition, so it's not yet in the blade icon package

ericmpOP•12mo ago

okayy thanks for ur time bro

Lara Zeus•12mo ago

correction 🙂 https://github.com/blade-ui-kit/blade-heroicons/pull/41/files And the micro icons can be referenced like this:

<x-heroicon-c-arrow-left/>

<x-heroicon-c-arrow-left/>

GitHub

Heroicons v2.1 by driesvints · Pull Request #41 · blade-ui-kit/blad...

Lara Zeus•12mo ago

it's c not x 🙂

Gaming

Programming

How to see all the icons at once