Angular Material Icons v0.5.0

• For production, use minified version directly from CDN:
  <script src="//cdnjs.cloudflare.com/ajax/libs/angular-material-icons/0.5.0/angular-material-icons.min.js"></script>
  
  For other purposes, project files are available via bower / npm or can be cloned directly from github.
  {{command}}
• Inject ngMdIcons to your angularjs application:
  angular.module('demoapp', ['ngMdIcons']);
• Use ng-md-icon directive in your html, specifying fill-color through css:
  <ng-md-icon icon="..." style="fill: ..." size="..."></ng-md-icon>
  
  
  
  icon="send"
  
  icon="send"
  style="fill: pink"
  
  icon="{{icon}}"
  style="fill: {{fill}}"
  
  icon="send"
  style="fill: #abcdef"
  
  
  
  size="20"
  
  -- no size --
  (default is 24)
  
  size="{{size}}"
  
  size="64"
  
  
• This directive is tested on Chrome and Firefox.
  For IE, use ng-attr-style instead of style. Also refer AngularJS documentation on IE Compatibility.
• Optional: Include SVG-Morpheus in your project and changes to icon attribute that you do through your controller will go through delightful morphing as seen above.
  Refer code for this page (index.html and demo.js) for details.
  <script src="//cdnjs.cloudflare.com/ajax/libs/SVG-Morpheus/0.1.8/svg-morpheus.js"></script>
  
  When SVG-Morpheus is included, you can use options attribute to control morphing options.
  
  
  
  options=
  '{"duration": 375}'
  (default is 750)
  
  options=
  '{"rotation": "none"}'
  (default is clock)
  
  options=
  '{"rotation": "counterclock"}'
  
  Example:
  Morph on ng-click
  
  
  Note that options attribute is a JSON parse-able string so surround keys with double-quotes.

Full list of icons:

From MaterialDesignIcons.com

From Material Design icons by Google

action

alert

AV

communication

content

device

editor

file

hardware

image

maps

navigation

notification

social

toggle

additional