Material Food Icons

While this package is Open Source and part of ThymeSave there is no official support for this package. Feel free to use it in your projects anyway, but don't expect support in case of problems.

Loading icons created by Creative Stall from Noun Project to make them available to the ThymeSave app.

Usage

Recommend way of using is to put the name of the icon inside a .material-food-icons:

<i class="material-food-icons">cherries</i>

For more comprehensive documentation please check the svgtofont docs, as it was used to generate this font as well.

Installation

with npm:

npm i --save @thymesave/material-food-icons

Then you can include the font from @thymesave/material-food-icons/font/material-food-icons/.{ttf|woff|woff2|css}.

including from GitHub Pages (not recommended for production usage)

If you just want to play around you can also include the CSS directly from GitHub Pages:

<link rel="stylesheet" href="https://thymesave.app/material-food-icons/font/material-food-icons.css"/>

Credits

• Icons are created by Creative Stall from Noun Project

Development

Updating

• Get current active icons via API: https://thenounproject.com/api/
• Load icons, convert to SVG and generate font: npm run generate
• Publish package: npm publish

Notes

• The API calls are not scripted, since effort is not worth it
• project is seperated from silverware to limit the scope