Icons

They're like the emojis of the web world, adding personality and flair to your content. From smiley faces to arrows and everything in between, icons help users quickly understand and navigate your website. It's like having a secret language that speaks volumes with just a tiny graphic!

Icon Component

For an easier usage for icons we recommend using the helper component essentials/icon.

Adding the component

php artisan spur:add essentials/icon

If you use this to add the component, it will automatically add it to config/spur.php and auto-fetch the components files.

config/spur.php
"components": [
  'essentials/icon',
]

If you manually add the component in config/spur.php you would need to run
php artisan spur:fetch to import the component

Usage 

<x-spur.icon name="heroicons-s-x-mark" class="w-5 h-5" />

Icons Collection

You can easily use all the collection from Heroicons with their different styles.

Adding Icons

At your convenience you can add as many icons to your project.

php artisan spur:add icons/heroicons-s-x-mark

If you use this to add the component, it will automatically add it to config/spur.php and auto-fetch the components files.

config/spur.php
"icons": [
  'icons/heroicons-s-x-mark',
]

If you manually add the component in config/spur.php you would need to run
php artisan spur:fetch to import the component

Heroicons