Overview

If you're looking to enhance your AngularJS application with scalable and customizable icons, the Angular Material Icons directive is a fantastic option to consider. This library incorporates all the SVG icons from Google's Material Design Icon repository, along with some thoughtfully selected icons from the Material Design Icons community. Not only does it allow you to implement these icons with ease, but it also offers the flexibility to customize their fill color and size according to your project’s needs.

One of the standout features of this directive is its ability to create stunning morphing effects on icons when you integrate SVG-Morpheus into your application. This adds an engaging visual appeal to your UI components, making for an excellent user experience.

Features

Comprehensive Icon Set: Includes all icons from Google's Material Design repository and select community icons, ensuring a vast range for various applications.
Custom Fill-Color and Size: Users can easily customize icon colors and sizes, which allows for better integration with application branding.
Morphing Effects: When used with SVG-Morpheus, icons can morph into different shapes, adding a dynamic quality to interactions.
Flexible Configuration: Optionally set a custom viewBox for icons, with template attributes taking priority for maximum control over icon display.
Easy Installation: Available via Bower or npm, enabling quick and hassle-free integration into existing projects.
Live Demo: A live demo showcases usage instructions and previews all icons included, making it easier to get started.
Open Source License: Released under the MIT license, providing freedom to use and modify the library without restrictions.

Klarsys

Angular Material Icons