mdi-vue - Material design icons for vue.js

  •        499

This library should grant an easy-to-use interface to icons from MDI. Import only those icons you need, does not require further configuration. Install it and use it without bloating your source code. Note here, that the icons are automatically registered as components to Vuejs, so you can use the freshly imported icons within your templates as any other component. The naming syntax of these components is always mdi--icon.

https://github.com/therufa/mdi-vue

Dependencies:

vue : ^2.3.3

Tags
Implementation
License
Platform

   




Related Projects

Vuetify.js - Material Component Framework for Vue.js 2

  •    Javascript

Vuetify is a semantic component framework for Vue. It aims to provide clean, semantic and reusable components that make building your application a breeze. Build amazing applications with the power of Vue and Material Design and a massive library of beautifully crafted components. Created according to Google's Material Design Spec, Vuetify components feature an easy-to-remember semantic design that shifts remembering complex classes and markup, to type-as-you speak properties that have simple and clear names.

Buefy - Lightweight UI components for Vue.js based on Bulma

  •    Vue

Buefy is a lightweight library of responsive UI components for Vue.js based on Bulma framework and design. It supports both Material Design Icons and FontAwesome. Buefy is the javascript layer for your Bulma interface, since it doesn't require for it to be a sophisticated Single-Page Application. You can import it completely or single components on a ordinary webpage and use Vue.js as a replacement for jQuery

Keen-UI - A lightweight collection of essential UI components written with Vue and inspired by Material Design

  •    Javascript

Keen UI is a lightweight Vue.js UI library with a simple API. The design is inspired by Google's Material Design. However, Keen UI is not meant to be a full implementation of the Material Design spec. Keen UI is not a CSS framework. As such, it doesn't include a grid system, typography styles, etc. Instead, the focus is on interactive components that require Javascript.

material-design-iconic-font - Material Design Iconic Font and CSS toolkit

  •    CSS

Material Design Iconic Font is a full suite of official material design icons (created and maintained by Google), with additional community-designed and brands icons for easy scalable vector graphics on websites or desktop. Material Design Icons are the official open-source icons featured in the Google Material Design specification.


Android-Iconics - Android-Iconics - Use any icon font, or vector (

  •    Java

If you are an app developer you will know the problem. You start an app but require many different icons, in different sizes (ldpi, mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi), different colors, and different variants. If you get the icons as vector (.svg) or there are many changes over the time, you will always have to get the correct drawables again. Now there's an easy, fast, and small solution for this! The Android-Iconics library.

quasar - Quasar Framework

  •    Javascript

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.

vue-material - Material design for Vue.js

  •    Vue

If you are trying to find the documentation for previous versions, please go to old website.

material-design-icons-adt-template - Android Studio / Eclipse ADT template for material-design-icons resources

  •    Python

Android Studio / Eclipse ADT template for including icon resources from https://github.com/google/material-design-icons in your project.

la-capitaine-icon-theme - La Capitaine is an icon pack designed to integrate with most desktop environments

  •    

La Capitaine is an icon pack — designed to integrate with most desktop environments. The set of icons takes inspiration from the latest iterations of macOS and Google's Material Design through the use of visually pleasing gradients, shadowing, and simple icon geometry.La Capitaine comes with a configuration script which attempts to determine your distribution and desktop environment. Using this information, La Capitaine updates several system icons and icons used for mime-types.

android-material-icons - Easy to use material icons for Android

  •    Java

If, like me, you're tired of copying 5 images (ldpi, mdpi, hdpi, xhdpi, xxhdpi) for each icon you want to use in your app, for each color you want to use them with android-material-icons can help you. android-material-icons allows you to include any of the Material Design 2.1.1 icons by Google packed by Sergey Kupletsky in your texts, your ActionBar, and even in your EditTexts. Icons are infinitely scalable, and customizable with shadows and everything you can do on texts.

MDBootstrap - Material Design for Bootstrap

  •    Javascript

The most popular UI KIT for building responsive, mobile-first websites and apps - free for personal & commercial use. Available jQuery, Angular, React and Vue versions. It has impressive collection of beautiful, 500+ material UI elements, 600+ material icons, 77+ CSS animations, 9+ useful plugins, SASS files, templates, tutorials and many more allows you to develop any kind of project.

vue-material-admin - A vue material design admin template

  •    Vue

Vue Material Admin Template is a Vue Based Material Design Admin Template. And use Vuetifyjs as base framework. Vuetify is Awesome. For a detailed explanation on how things work, check out the guide and docs for vue-loader.

android-material-design-icon-generator-plugin - This plugin help you to set material design icon to your project

  •    Java

This plugin help you to set material design icons to your Android project. File > Settings... > IDE Settings > Plugins > Install plugin from disk... Select MaterialDesignIconGeneratorPlugin.zip above.

muse-ui - Material Design UI library for Vuejs 2.0

  •    Vue

For more information, please refer to Usage in our documentation. Modern browsers and Internet Explorer 10+.

vue-mdc - Material web components for Vue.js

  •    Javascript

This is the adaptation of Material Components web for Vue.js. Keeping them fast, easy to use and, SSR ready. The prepublish hook will ensure dist files are created before publishing. This way you don't need to commit them in your repository.

paper-icon-theme - Paper Icon Theme

  •    Python

Paper is a modern freedesktop icon theme whose design is based around the use of bold colours and simple geometric shapes to compose icons. Each icon has been meticulously designed for pixel-perfect viewing. While it does take some inspiration from the icons in Google's Material Design, some aspects have been adjusted to better suit a desktop environment.

vue-design-system - An open source tool for building UI Design Systems with Vue.js

  •    Javascript

Vue Design System is an open source tool for building UI Design Systems with Vue.js. It provides you and your team a set of organized tools, patterns & practices that work as the foundation for your application development. The tool is built on top of Vue.js, Vue Styleguidist, Webpack, and Theo and is aimed for designers and front-end developers who have at least basic knowledge of component based workflows + HTML, SCSS & JavaScript.