Easy Setting up MDicons in your website and Mobile Apps .You can simple adding one line of code to your header of website. MDicons even works nicely with ionicframework, jquery mobile and Bootstrap 3!

EASY: Default CSS

Use this method to get the default MDicons CSS.

  1. Copy the entire MDicons directory into your project.
  2. In the <head> of your html, reference the location to your MDicon.min.css.
    <link rel="stylesheet" href="path/to/MDicons/css/MDicon.min.css">
  3. Check out the examples to start using MDicons!
  4. Use the icon class on "display:inline" elements:
    <i class="mdicon person-add"></i>

What's included

MDicons is downloadable within which you'll find the following directories and files, grouping and providing minified css.

                    ├── css/
                    │   ├── MDicon.css
                    │   ├── MDicon.min.css
                    └── fonts/
                        ├── MDicon.eot
                        ├── MDicon.svg
                        ├── MDicon.ttf
                        └── MDicon.woff

Browser and device support

MDicons is built to work best in the latest desktop and mobile browsers. we support the latest versions of the following browsers and platforms. On Windows, we support Internet Explorer 8-11.

Chrome Firefox Internet Explorer Opera Safari
Android Supported Supported N/A Supported N/A
iOS Supported N/A Supported Supported
Mac OS X Supported Supported Supported Supported
Windows Supported Supported Supported Supported Supported

Most popular Icons

Most Popular MDicons used in mobile apps and websites.