EU Allergen Icons

The 14 EU allergens for Framer menus, read from a CMS text field. Write them the way the kitchen does and every dish gets its icons.

How to use

• Add a plain text field to your menu collection, for example “Allergens”

• Put EU Allergen Icons inside the collection list and connect its Allergens property to that field

• Write “gluten, milk”, “Gl, Mi” or “1, 7”, in English, Spanish, French, German or Italian

• Pick a style, size and colour

Key features

• Reads allergen names in five languages, short codes and the Annex II numbers 1 to 14

• Three modes: a single icon, a list from one text field, or the full legend

• Four styles: Line, Solid, Circle and Badge, at any size, colour and stroke

• Labels, tooltips and screen-reader names in EN, ES, FR, DE and IT; Auto follows your site’s locale

• A word it doesn’t recognise shows as a dashed circle on the canvas only, never on the live site

• Free for personal and client projects

Also free as a vector set: EU Allergen Icons in Vectors. Setup guide: miguelrecio-components.framer.website/eu-allergen-icons