PHPackages secondnetwork/blade-google-material-symbols - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Templating & Views](/categories/templating) 4. / 5. secondnetwork/blade-google-material-symbols ActiveLibrary[Templating & Views](/categories/templating) secondnetwork/blade-google-material-symbols =========================================== A package to easily make use of blade-google-material-symbols in your Laravel Blade views. v0.0.4(1mo ago)025MITPHPPHP ^8.0CI passing Since Oct 25Pushed 5mo agoCompare [ Source](https://github.com/secondnetwork/blade-google-material-symbols)[ Packagist](https://packagist.org/packages/secondnetwork/blade-google-material-symbols)[ Docs](https://github.com/secondnetwork/blade-google-material-symbols)[ RSS](/packages/secondnetwork-blade-google-material-symbols/feed)WikiDiscussions main Synced 1mo ago READMEChangelog (1)Dependencies (8)Versions (5)Used By (0) Blade Google Material Symbols ============================= [](#blade-google-material-symbols) [![Latest Stable Version](https://camo.githubusercontent.com/e2e47d5a69f9dfeaf5e616722e65e7fd89880503a0a9fc181c5180d61608068d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f7365636f6e646e6574776f726b2f626c6164652d676f6f676c652d6d6174657269616c2d73796d626f6c732e7376673f7374796c653d666f722d7468652d6261646765266c6162656c436f6c6f723d65623434333226636f6c6f723d314132413243)](https://github.com/secondnetwork/blade-google-material-symbols)[![PHP 8.2](https://camo.githubusercontent.com/fce88a7fcbcfe30c4f7b7a1f0c492aec25a844cab5de862b3b9e613cc4438088/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f76382e322d3939393939393f7374796c653d666f722d7468652d6261646765266c6162656c3d504850266c6162656c436f6c6f723d37373742423426636f6c6f723d314132413243)](https://php.com)[![License](https://camo.githubusercontent.com/9aa70d8f6390f58b5cdaa4956acf7d28fa8af8bccabeb2b5fa872df93a999886/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f7365636f6e646e6574776f726b2f626c6164652d676f6f676c652d6d6174657269616c2d73796d626f6c733f7374796c653d666f722d7468652d6261646765)](https://github.com/secondnetwork/blade-google-material-symbols/blob/main/LICENSE.md) A Blade icon pack for the [Google Material Symbols](https://fonts.google.com/icons) set, designed for easy use in Laravel projects. This package is built on top of the excellent [`blade-ui-kit/blade-icons`](https://github.com/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 ------------------- [](#️-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., ``) is not functional at this time. We are actively working to restore this functionality in a future update. Requirements ------------ [](#requirements) - PHP 8.1+ - Laravel 9.0+ - `blade-ui-kit/blade-icons` (will be installed automatically) Installation ------------ [](#installation) You can install the package via composer: ``` composer require secondnetwork/blade-google-material-symbols ``` The package will automatically register itself. Usage ----- [](#usage) Use the `@svg()` or `{{ svg() }}` directive to render an icon. The icons are identified by a prefix corresponding to their style. StylePrefixExample (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 [](#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:** ``` {{-- Renders the outlined home icon --}} @svg('gmso-home') {{-- Renders the filled home icon --}} @svg('gmso-home-fill') ``` **Rounded Example:** ``` {{-- Renders the rounded settings icon --}} @svg('gmsr-settings') {{-- Renders the filled rounded settings icon --}} @svg('gmsr-settings-fill') ``` ### Styling [](#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. ``` {{-- Using Tailwind CSS classes for size and color --}} @svg('gmso-check-circle', ['class' => 'size-8 text-green-500']) {{-- Setting explicit width and height --}} @svg('gmsr-delete-fill', ['class' => 'text-red-600', 'width' => '24', 'height' => '24']) ``` Configuration ------------- [](#configuration) If you wish to customize the component prefixes, you can publish the configuration file: ``` php artisan vendor:publish --provider="secondnetwork\MaterialSymbols\BladeMaterialSymbolsServiceProvider" ``` This will create a `config/blade-google-material-symbols.php` file in your project. You can modify the prefixes for each set as needed. ``` // config/blade-google-material-symbols.php return [ 'sets' => [ 'material-outlined' => [ 'path' => __DIR__.'/../resources/svg/material-outlined', 'prefix' => 'gmso', ], 'material-rounded' => [ 'path' => __DIR__.'/../resources/svg/material-rounded', 'prefix' => 'gmsr', ], 'material-sharp' => [ 'path' => __DIR__.'/../resources/svg/material-sharp', 'prefix' => 'gmss', ], ], // You can also define a default class that will be applied to all icons. 'default_class' => 'inline-block', ]; ``` Maintainers ----------- [](#maintainers) blade-google-material-symbols is developed and maintained by secondnetwork. License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 35 — LowBetter than 79% of packages Maintenance86 Actively maintained with recent releases Popularity9 Limited adoption so far Community8 Small or concentrated contributor base Maturity33 Early-stage or recently created project Bus Factor1 Top contributor holds 88.9% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~49 days Total 4 Last Release 47d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/6e64b418775fddc54a61b1e86ba0c71be539ff8cbe7016fd43c1c8acda647201?d=identicon)[secondnetwork](/maintainers/secondnetwork) --- Top Contributors [![secondnetwork](https://avatars.githubusercontent.com/u/13808106?v=4)](https://github.com/secondnetwork "secondnetwork (8 commits)")[![actions-user](https://avatars.githubusercontent.com/u/65916846?v=4)](https://github.com/actions-user "actions-user (1 commits)") --- Tags laravelbladeblade-google-material-symbols ### Code Quality TestsPHPUnit ### Embed Badge ![Health badge](/badges/secondnetwork-blade-google-material-symbols/health.svg) ``` [![Health](https://phpackages.com/badges/secondnetwork-blade-google-material-symbols/health.svg)](https://phpackages.com/packages/secondnetwork-blade-google-material-symbols) ``` ### Alternatives [stijnvanouplines/blade-country-flags A package to easily make use of country flags in your Laravel Blade views. 26307.2k6](/packages/stijnvanouplines-blade-country-flags)[technikermathe/blade-lucide-icons A package to easily make use of Lucide icons in your Laravel Blade views. 18299.2k7](/packages/technikermathe-blade-lucide-icons)[saade/blade-iconsax A package to easily make use of Iconsax in your Laravel Blade views. 21138.5k](/packages/saade-blade-iconsax)[mckenziearts/blade-untitledui-icons A package to easily make use of UntitledUI icons in your Laravel Blade views. 16104.9k5](/packages/mckenziearts-blade-untitledui-icons)[afatmustafa/blade-hugeicons A package to easily make use of Hugeicons(Free version) in your Laravel Blade views. 13129.0k3](/packages/afatmustafa-blade-hugeicons) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)