https://github.com/notwoods/monochrome

Preview monochrome icons in the browser!
https://github.com/notwoods/monochrome

monochrome-icons notification-icons pwa pwa-icons shortcut-icons

Last synced: 9 days ago
JSON representation

Preview monochrome icons in the browser!

• Host: GitHub
• URL: https://github.com/notwoods/monochrome
• Owner: NotWoods
• License: mit
• Created: 2020-06-18T01:01:21.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-07-29T01:03:26.000Z (7 months ago)
• Last Synced: 2024-12-07T06:22:38.705Z (2 months ago)
• Topics: monochrome-icons, notification-icons, pwa, pwa-icons, shortcut-icons
• Language: HTML
• Homepage: https://monochrome.fyi
• Size: 3 MB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


# Monochrome.fyi

_Preview monochrome icons in the browser!_

---

[Monochrome icons](https://www.w3.org/TR/appmanifest/#purpose-member) allow web

developers to specify a single color icon that will be filled in by the

user-agent to match other icons on the device. On Android, this lets developers

customize notifications and other areas where their icon appears with no color.

It's important to test monochrome icons to ensure your icon appears how you

expect when it is displayed without any color. Upload a monochrome icon or drag

and drop it into [Monochrome.fyi](https://monochrome.fyi), then preview how it

will appear on different devices.

## Developing

Install dependencies:

```shell

npm install

```

Once the modules are installed, just run a web server. Thanks to Vite, no build

step is needed to test the program.

## Licensing

This project is available under the MIT License.