Download the PHP package secondnetwork/blade-google-material-symbols without Composer
On this page you can find all versions of the php package secondnetwork/blade-google-material-symbols. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download secondnetwork/blade-google-material-symbols
More information about secondnetwork/blade-google-material-symbols
Files in secondnetwork/blade-google-material-symbols
Package blade-google-material-symbols
Short Description A package to easily make use of blade-google-material-symbols in your Laravel Blade views.
License MIT
Homepage https://github.com/secondnetwork/blade-google-material-symbols
Informations about the package blade-google-material-symbols
Blade Google Material Symbols
A Blade icon pack for the Google Material Symbols set, designed for easy use in Laravel projects. This package is built on top of the excellent blade-ui-kit/blade-icons package.
This package provides three primary icon styles: Outlined, Rounded, and Sharp. The Filled style is cleverly integrated by appending a -fill suffix to any icon name.
⚠️ Important Notice
Please note: In the current version, the icons are only accessible via the @svg() directive (or the {{ svg() }} helper) provided by blade-ui-kit/blade-icons. The previous component syntax (e.g., <x-gmso-home />) is not functional at this time. We are actively working to restore this functionality in a future update.
Requirements
- PHP 8.1+
- Laravel 9.0+
blade-ui-kit/blade-icons(will be installed automatically)
Installation
You can install the package via composer:
The package will automatically register itself.
Usage
Use the @svg() or {{ svg() }} directive to render an icon. The icons are identified by a prefix corresponding to their style.
| Style | Prefix | Example (Outlined) | Example (Filled) |
|---|---|---|---|
| Outlined | gmso |
@svg('gmso-home') |
@svg('gmso-home-fill') |
| Rounded | gmsr |
@svg('gmsr-home') |
@svg('gmsr-home-fill') |
| Sharp | gmss |
@svg('gmss-home') |
@svg('gmss-home-fill') |
How the "Filled" Style Works
Instead of providing a separate set for filled icons, you can get the filled version of any icon in any set by simply appending the -fill suffix to the icon's name.
Outlined Example:
Rounded Example:
Styling
You can easily style the icons by passing an array of attributes like class, width, and height as the second parameter to the directive.
Configuration
If you wish to customize the component prefixes, you can publish the configuration file:
This will create a config/blade-google-material-symbols.php file in your project. You can modify the prefixes for each set as needed.
Maintainers
blade-google-material-symbols is developed and maintained by secondnetwork.
License
The MIT License (MIT). Please see License File for more information.
All versions of blade-google-material-symbols with dependencies
blade-ui-kit/blade-icons Version ^1.8
illuminate/support Version ^9.0|^10.0|^11.0|^12.0|^13.0