https://github.com/zyra/ionic-material-icons

Over 900 Material lcons for Ionic 2+ Apps
https://github.com/zyra/ionic-material-icons

ionic-plugin ionic2 material-icons

Last synced: 6 months ago
JSON representation

Over 900 Material lcons for Ionic 2+ Apps

• Host: GitHub
• URL: https://github.com/zyra/ionic-material-icons
• Owner: zyra
• License: mit
• Created: 2017-04-20T15:39:55.000Z (almost 9 years ago)
• Default Branch: master
• Last Pushed: 2023-04-18T10:26:16.000Z (almost 3 years ago)
• Last Synced: 2024-04-14T04:49:58.543Z (almost 2 years ago)
• Topics: ionic-plugin, ionic2, material-icons
• Language: CSS
• Homepage:
• Size: 252 KB
• Stars: 27
• Watchers: 4
• Forks: 4
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
[![npm](https://img.shields.io/npm/l/ionic2-material-icons.svg)](https://www.npmjs.com/package/ionic2-material-icons/)

[![npm](https://img.shields.io/npm/dt/ionic2-material-icons.svg)](https://www.npmjs.com/package/ionic2-material-icons)

[![npm](https://img.shields.io/npm/dm/ionic2-material-icons.svg)](https://www.npmjs.com/package/ionic2-material-icons)

# ionic2-material-icons

[Material Icons](https://material.io/icons/) for Ionic Apps

## Usage

Use `md-name` instead of `name` when you want to use a material icon. Icon names can be found on this page: https://material.io/icons/. All names are a single lowercase words, example: `alarm add` would be `alarm_add`.

```

```

## Installation

You can download this repo, then copy the font files and the directive into your app. Or follow these steps:

### Install module from NPM

```shell

npm i ionic2-material-icons

```

### Import the module

Import `MaterialIconsModule` into your app's root and shared modules.

```ts

import { MaterialIconsModule } from 'ionic2-material-icons';

@NgModule({

  ...

  imports: [

    ...

    MaterialIconsModule 

  ]

})

```

### Add copy command

Add this code to your `package.json`:

```json

"config": {

  "ionic_copy": "./copy.config.js"

}

```

Create a new file named `copy.config.js` in your app's root directory, and add the following content to it:

```js

module.exports = {

  copyMaterialIcons: {

    src: ['{{ROOT}}/node_modules/ionic2-material-icons/fonts/**/*'],

    dest: '{{WWW}}/assets/fonts'

  }

};

```