naykel/iconit

Icon components for NAYKEL Laravel applications

v0.1.6 2022-12-06 04:44 UTC

This package is auto-updated.

Last update: 2024-05-11 00:46:54 UTC


README

32632005?s=460&u=d1df6f6e0bf29668f8a4845271e9be8c9b96ed83&v=4

Total Downloads Latest Stable Version License

Iconit

https://naykel.site/docs/iconit/introduction

This is a guide only and may not work perfectly!

Adding New Icons

For consistency:

  • icons should be saved 20 high
  • icons should not have any fill color
Step 1. Save SVG files in resources/views/components.
Step 2. change extension from svg to blade.php

You can batch update the file extensions by running the following command in the resources/views/components directory.

for i in *.svg; do mv -- "$i" "${i%.svg}.blade.php"; done
Step 3. Remove fill color

Using the editor find and replace, remove the fill colour to allow default styles to work.

Step 4. Add $attributes

Search for

<svg xmlns="http://www.w3.org/2000/svg"

Replace with

<svg {{ $attributes }} xmlns="http://www.w3.org/2000/svg"