Erudus Allergen & Dietary Icon Set

The Erudus Icon Set includes icons to represent common food allergens as used by Erudus, a product data solution for the Food Industry.

View the icons demo.

We have made the icons available for others to use. Tweet us if you put them to use : @erudus. We'd love to see where they are being used.

For more information see : http://www.erudus.com/resource-centre/

License

Erudus icons are licensed under the MIT License: https://opensource.org/licenses/mit-license.html

Using the Icon Font

The dist folder contains all files need to use the icons in a project. See index.html for example usage.

Using with SASS

import _icons.scss from the dist/sass folder.

Example 1

Drop a simple icon into your project:

<span class="eicon eicon-circle-cereal"></span>

Example 2

Produce a list of icons with colour coded levels:

<ul class="eicon-list">
    <li class="allergen-level-yes"><span class="eicon eicon-circle-cereal"></span>Cereal</li>
    <li class="allergen-level-may"><span class="eicon eicon-circle-gluten"></span>Gluten</li>
    <li><span class="eicon eicon-circle-milk"></span>Milk</li>
</ul>

Source Vectors

The source artwork used to create the icons can be found in the src folder along with svg files for each icon.

Example artwork

The examples folder contains an AI file which uses the font (you need to install it on your system). We used this file to generate some useable png and svg files for each icon. These are also contained in the examples folder.