Icons in a blade

In a widget I pass some html into my calendar, and I want to use heroicons that comes out the box, but currently I cant get the icon to show...

 ($day->work_type === 'remote' ? '<x-filament::icon icon="heroicon-o-home" class="h-5 w-5 text-gray-500 dark:text-gray-400" />' : '') .
                        ($day->work_type === 'office' ? '<x-filament::icon icon="heroicon-o-office-building" class="h-5 w-5 text-gray-500 dark:text-gray-400" />' : '') .

 ($day->work_type === 'remote' ? '<x-filament::icon icon="heroicon-o-home" class="h-5 w-5 text-gray-500 dark:text-gray-400" />' : '') .
                        ($day->work_type === 'office' ? '<x-filament::icon icon="heroicon-o-office-building" class="h-5 w-5 text-gray-500 dark:text-gray-400" />' : '') .

Solution

Btw. you could just use the

svg()

svg()

helper if you just need to icon:

{{ svg('iconoir-flask-solid', ['h-5 w-5']) }}

{{ svg('iconoir-flask-solid', ['h-5 w-5']) }}

Jump to solution

Filament•12mo ago•

5 replies

Jamie Cee

Icons in a blade

In a widget I pass some html into my calendar, and I want to use heroicons that comes out the box, but currently I cant get the icon to show...

 ($day->work_type === 'remote' ? '<x-filament::icon icon="heroicon-o-home" class="h-5 w-5 text-gray-500 dark:text-gray-400" />' : '') .
                        ($day->work_type === 'office' ? '<x-filament::icon icon="heroicon-o-office-building" class="h-5 w-5 text-gray-500 dark:text-gray-400" />' : '') .

 ($day->work_type === 'remote' ? '<x-filament::icon icon="heroicon-o-home" class="h-5 w-5 text-gray-500 dark:text-gray-400" />' : '') .
                        ($day->work_type === 'office' ? '<x-filament::icon icon="heroicon-o-office-building" class="h-5 w-5 text-gray-500 dark:text-gray-400" />' : '') .

Solution

Btw. you could just use the

svg()

svg()

helper if you just need to icon:

{{ svg('iconoir-flask-solid', ['h-5 w-5']) }}

{{ svg('iconoir-flask-solid', ['h-5 w-5']) }}

Jump to solution

Icons in a blade

Similar Threads

Icons in a blade

Similar Threads

Similar Threads

Similar Threads