Blade Bytesize Icons

https://github.com/codeat3/blade-bytesize-icons
Admin
A package that integrates Bytesize Icons into Laravel Blade views, allowing easy use of SVG icons as...
Tokens:635
Snippets:10
Trust Score:6.5
License:MIT
Update:1 year ago
Show doc for...
Tokens:
Raw
### Installing Blade Bytesize Icons (Composer)

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/README.md

This command installs the Blade Bytesize Icons package into your Laravel project using Composer, making the icons available for use in Blade views.

```bash
composer require codeat3/blade-bytesize-icons
```

--------------------------------

### Re-publishing Raw Icons (PHP Artisan)

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/UPGRADE.md

This command re-publishes the raw SVG icon assets to the `vendor` directory. It's necessary when upgrading from the original Blade Icons package to ensure the new icon assets are available for direct referencing.

```bash
php artisan vendor:publish --tag=blade-bytesize-icons --force
```

--------------------------------

### Referencing Raw Icons (Blade)

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/UPGRADE.md

This Blade snippet demonstrates the new way to reference raw SVG icons directly within an HTML `<img>` tag. It uses the `asset()` helper to generate the correct URL to the published icon, specifying its path within the `vendor/blade-bytesize-icons` directory.

```blade
<img src="{{ asset('vendor/blade-bytesize-icons/ban.svg') }}" width="10" height="10"/>
```

--------------------------------

### Clearing View Cache (PHP Artisan)

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/UPGRADE.md

This command clears the compiled view files from the cache. It's a general step recommended after any update to ensure that the application uses the latest view templates.

```bash
php artisan view:clear
```

--------------------------------

### Publishing Blade Bytesize Icons Configuration (Artisan)

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/README.md

This Artisan command publishes the `blade-bytesize-icons.php` configuration file, allowing customization of Blade Icons features like default classes and attributes.

```bash
php artisan vendor:publish --tag=blade-bytesize-icons-config
```

--------------------------------

### Publishing Raw Bytesize SVG Icons (Artisan)

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/README.md

This Artisan command publishes the raw SVG icon assets to your public directory, making them accessible for direct use as image files.

```bash
php artisan vendor:publish --tag=blade-bytesize-icons --force
```

--------------------------------

### Using Blade Bytesize Icon Component with Inline Styles

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/README.md

This Blade component shows how to apply inline CSS styles directly to an icon component for specific styling needs.

```blade
<x-bytesize-ban style="color: #555"/>
```

--------------------------------

### Using Blade Bytesize Icon Component (Basic)

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/README.md

This Blade component renders a Bytesize icon as an SVG. Icons are used as self-closing components and are compiled to SVG at runtime.

```blade
<x-bytesize-ban/>
```

--------------------------------

### Using Blade Bytesize Icon Component with Classes

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/README.md

This Blade component demonstrates how to pass CSS classes to an icon component, allowing for styling with frameworks like Tailwind CSS.

```blade
<x-bytesize-ban class="w-6 h-6 text-gray-500"/>
```

--------------------------------

### Using Raw Bytesize SVG Icons in Blade

Source: https://github.com/codeat3/blade-bytesize-icons/blob/main/README.md

This Blade snippet demonstrates how to link to a published raw SVG icon using Laravel's `asset()` helper, allowing it to be used as a standard image.

```blade
<img src="{{ asset('vendor/blade-bytesize-icons/ban.svg') }}" width="10" height="10"/>
```
Tokens:
Raw