Material Icons

A simple website to use material design icons as urls
Explore the docs »

Report Bug · Request Feature

Usage

Basic Url Structure

• Basic structure of the url

https://material.vineelsai.com/<Icon Name>?type=<Type of Icon>

Examples

• 1k filled icon

https://material.vineelsai.com/1k?type=filled

or

https://material.vineelsai.com/1k

• 1k outlined icon

https://material.vineelsai.com/1k?type=outlined

• 1k round icon

https://material.vineelsai.com/1k?type=round

• 1k sharp icon

https://material.vineelsai.com/1k?type=sharp

• 1k two tone icon

https://material.vineelsai.com/1k?type=two_tone

Available Icons

• See ICONS.md

Technical Details

Built With

• Node.js
• Cloudflare Pages
• Cloudflare Page Functions
• Wrangler

Running Locally

Prerequisites

• Node.js - latest LTS should work fine
• Yarn - I use version 3 older versions should work as well

Installation

• Fork the repo

• Clone the repo

  git clone https://github.com/your_username/Material-Icons

• Install dependencies

  yarn install

• Run the wrangler dev server

  yarn dev

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE.md for more information.

Contact

• Twitter - @vineelsai26

• Email - mail@vineelsai.com

• Website - vineelsai.com