PHPackages                             mervick/yii2-material-design-icons - 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. mervick/yii2-material-design-icons

ActiveYii2-extension

mervick/yii2-material-design-icons
==================================

Asset Bundle For Yii2 Framework With Google Material Design Icons

v2.2.0(8y ago)740.5k↓24%45MITPHPPHP >=5.4.0

Since Jul 4Pushed 8y ago1 watchersCompare

[ Source](https://github.com/mervick/yii2-material-design-icons)[ Packagist](https://packagist.org/packages/mervick/yii2-material-design-icons)[ Docs](http://github.com/mervick/yii2-material-design-icons)[ RSS](/packages/mervick-yii2-material-design-icons/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (2)Dependencies (2)Versions (3)Used By (5)

Yii2 Material Design Icons Asset Bundle
=======================================

[](#yii2-material-design-icons-asset-bundle)

[![Analytics](https://camo.githubusercontent.com/7a3d41fe8cd218e6856c5c5a5b90676d24399e0fb4f0fe9ad17f8150dfeb61e1/68747470733a2f2f67612d626561636f6e2e61707073706f742e636f6d2f55412d36353239353237352d312f796969322d6d6174657269616c2d64657369676e2d69636f6e73)](https://github.com/igrigorik/ga-beacon)

The extension provides Asset Bundle for Yii2-Framework with [Google Material Design Icons](https://github.com/google/material-design-icons) and Icon helper for use icons font in [Bootsrtap-style](https://github.com/mervick/material-design-icons#where-are-two-ways-to-usage).

Installation
------------

[](#installation)

Recommended way to install via [composer](https://getcomposer.org/):

```
$ composer require "mervick/yii2-material-design-icons" "~1.0"
```

Usage
-----

[](#usage)

Register AssetBundle in your view:

```
yii\materialicons\AssetBundle::register($this);
```

or as dependency in yours AssetBundle:

```
class AppAsset extends \yii\web\AssetBundle
{
    // ...
    public $depends = [
        // ...
        '\\yii\\materialicons\\AssetBundle'
    ];
    // ...
}
```

Helper
------

[](#helper)

```
use yii\materialicons\MD;

echo MD::icon(MD::_ACCESS_ALARM); //
echo MD::icon(
    'keyboard-arrow-left', // equal to MD::_KEYBOARD_ARROW_LEFT
    ['class' => 'big', 'data-role' => 'arrow']
); //

echo Html::submitButton(
    Yii::t('app', '{icon} Save', ['icon' => MD::icon(MD::_CHECK)])
); //  Save

// use other tags
echo MD::icon(MD::_EQUALIZER)->tag('span'); //
echo MD::icon(MD::_EQUALIZER, ['tag' => 'span']); //

echo MD::icon(MD::_VERIFIED_USER, ['class' => 'form-control-feedback'])->tag('span');
//

echo MD::icon(MD::_ACCESS_ALARM)->inverse();    //
echo MD::icon(MD::_ACCESS_ALARM)->spin();       //
echo MD::icon(MD::_ACCESS_ALARM)->fixedWidth(); //
echo MD::icon(MD::_ACCESS_ALARM)->border();     //
echo MD::icon(MD::_ACCESS_ALARM)->pullLeft();   //
echo MD::icon(MD::_ACCESS_ALARM)->pullRight();  //

echo MD::icon(MD::_ACCESS_ALARM)->size(MD::SIZE_3X);
// values: MD::SIZE_LARGE, MD::SIZE_2X, MD::SIZE_3X, MD::SIZE_4X, MD::SIZE_5X
//

echo MD::icon(MD::_ACCESS_ALARM)->rotate(MD::ROTATE_90);
// values: MD::ROTATE_90, MD::ROTATE_180, MD::ROTATE_180
//

echo MD::icon(MD::_ACCESS_ALARM)->flip(MD::FLIP_VERTICAL);
// values: MD::FLIP_HORIZONTAL, MD::FLIP_VERTICAL
//

echo MD::icon(MD::_ACCESS_ALARM)
        ->spin()
        ->fixedWidth()
        ->pullLeft()
        ->size(MD::SIZE_LARGE);
//

echo MD::stack()
        ->icon('twitter')
        ->on('square-o');
//
//
//
//

echo MD::stack(['data-role' => 'stacked-icon'])
     ->on((new MD\Icon('square'))->inverse())
     ->icon((new MD\Icon(MD::_ACCESS_ALARM))->spin());
//
//
//
//

// autocomplete icons name in IDE
echo MD::icon(MD::_COG);
echo MD::icon(MD::_DESKTOP);
echo MD::stack()
     ->on((new MD\Icon(MD::_SQUARE))->inverse())
     ->icon((new MD\Icon(MD::_COG))->spin());
```

###  Health Score

36

—

LowBetter than 82% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity35

Limited adoption so far

Community18

Small or concentrated contributor base

Maturity59

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 91.3% 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 ~843 days

Total

2

Last Release

3128d ago

Major Versions

v1.0.0 → v2.2.02017-10-24

### Community

Maintainers

![](https://www.gravatar.com/avatar/fbd6c1e93ed92f4ad92b9f53a7bad87eaa598a70bae172a3d40b1333c491b596?d=identicon)[mervick](/maintainers/mervick)

---

Top Contributors

[![mervick](https://avatars.githubusercontent.com/u/2429298?v=4)](https://github.com/mervick "mervick (21 commits)")[![szaboolcs](https://avatars.githubusercontent.com/u/1857397?v=4)](https://github.com/szaboolcs "szaboolcs (2 commits)")

---

Tags

bundlegoogleiconsyii2bootstrapassetmaterial-designmaterialweb fonticons-web-fontasset bundle

### Embed Badge

![Health badge](/badges/mervick-yii2-material-design-icons/health.svg)

```
[![Health](https://phpackages.com/badges/mervick-yii2-material-design-icons/health.svg)](https://phpackages.com/packages/mervick-yii2-material-design-icons)
```

###  Alternatives

[mervick/material-design-icons

Google Material Design Icons For Using With Bootstrap

10191.4k7](/packages/mervick-material-design-icons)[deyraka/yii2-material-dashboard

Material Dashboard Theme for Yii 2.0

121.9k](/packages/deyraka-yii2-material-dashboard)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)