Generate material design icons from the command line.
mdi-cli can be installed using
npm by running:
$ npm install -g mdi-cli
Installing this package globally will give you the
mdi command. The GIF below shows how to use it interactively:
You may also use
mdi non-interactively, by providing flags and arguments when you run it:
$ mdi --help Generate material design icons from the command line Usage: $ mdi [options] <icon-name>, <icon-name>, ... Options: --size, -s Set the icon size. Defaults to 24px. --padding, -p Set the icon padding. Defaults to 0px. --radius, -r Set the icon border radius. Defaults to 0px. --foreground, -f Set the icon foreground color. Defaults to #333. --background, -b Set the icon background color. Defaults to transparent. --output, -o Write icons to this directory. Defaults to the current directory. Examples: $ mdi -s 32 -p 4 -r 5 -f yellow -b black google youtube twitter
Why did I build this?
materialdesignicons.com is cool, I like using it because
- I can see what the actual icons look like
- I can easily resize and set padding of the icon and see the results
However, I usually get several icons with the same styles at the same time, and doing so always takes so much time.
This tool allows:
- Generating multiple icons with the same style
- Generating icons even when you're offline
However, this also comes with its own limitations:
- No icon preview while generating, so you kinda have to know the names of the icons that you need
- mdi-core: Node module for generating Material Design icons.