material-design-icons-iconfont

WebJar for material-design-icons-iconfont

License

License

GroupId

GroupId

org.webjars.npm
ArtifactId

ArtifactId

material-design-icons-iconfont
Last Version

Last Version

5.0.1
Release Date

Release Date

Type

Type

jar
Description

Description

material-design-icons-iconfont
WebJar for material-design-icons-iconfont
Project URL

Project URL

http://webjars.org
Source Code Management

Source Code Management

https://github.com/jossef/material-design-icons-iconfont

Download material-design-icons-iconfont

How to add to project

<!-- https://jarcasting.com/artifacts/org.webjars.npm/material-design-icons-iconfont/ -->
<dependency>
    <groupId>org.webjars.npm</groupId>
    <artifactId>material-design-icons-iconfont</artifactId>
    <version>5.0.1</version>
</dependency>
// https://jarcasting.com/artifacts/org.webjars.npm/material-design-icons-iconfont/
implementation 'org.webjars.npm:material-design-icons-iconfont:5.0.1'
// https://jarcasting.com/artifacts/org.webjars.npm/material-design-icons-iconfont/
implementation ("org.webjars.npm:material-design-icons-iconfont:5.0.1")
'org.webjars.npm:material-design-icons-iconfont:jar:5.0.1'
<dependency org="org.webjars.npm" name="material-design-icons-iconfont" rev="5.0.1">
  <artifact name="material-design-icons-iconfont" type="jar" />
</dependency>
@Grapes(
@Grab(group='org.webjars.npm', module='material-design-icons-iconfont', version='5.0.1')
)
libraryDependencies += "org.webjars.npm" % "material-design-icons-iconfont" % "5.0.1"
[org.webjars.npm/material-design-icons-iconfont "5.0.1"]

Dependencies

There are no dependencies for this project. It is a standalone project that does not depend on any other jars.

Project Modules

There are no modules declared in this project.

banner-01

Project's Demo Page

MDIDX - Same Material Design icons, Better DX

MDIDX (this repository) is a ~fork (+ fixes) of Google's Material Design icons repository. Sadly, Google allocates low maintenance and low support for issues reported by software developers having trouble using the Material Design icons library.

MDIDX helps modern web developers to use and include the (awesome) Material Design icons library in their project.

Installation

using npm

npm install material-design-icons-iconfont --save

Usage - Check out the Demo Page

  • Using scss

    Import fonts and variables in your project

    $material-design-icons-font-directory-path: '~material-design-icons-iconfont/dist/fonts/';
    
    @import '~material-design-icons-iconfont/src/material-design-icons';

    Customize your own classes

    access material variable with Sass mixins:

    .my-face {
      @include material-icon('face');
    }
    # or
    .my-face:before {
      content: material-icons-content('face');
    }

What's the difference? Why forking?

  • Performance - When you checkout Google's original repository ( via git, npm and bower) you experience an unwanted delay. This checkout delay is caused by thousands of separate source graphic svg,png,... files.

    Needless to say that these file are irrelevant for the average developer's purposes and cause build congestion (especially when using in CI systems)

    In this fork all irrelevant files have been removed while keeping only the required files.

  • SCSS Support - Modern developers need support for scss. You can customize the referenced font's files filename and path

  • Maintenance - The original repository's release has missing icons that should be included according to https://material.io/tools/icons

Demo Page

image

How to contribute to this project

Configure environment

Install nodejs on your environemt (> 7.6 for async await)

running build

npm install
npm run build

Versions

Version
5.0.1