From f8ee8d7287b4c2d22638ab21f64e1fb9452e3fa8 Mon Sep 17 00:00:00 2001 From: Jakob Guddas Date: Sat, 14 Mar 2026 20:55:52 +0100 Subject: [PATCH] docs: add rule about consistent use of shapes (#3975) --- docs/guide/design/icon-design-guide.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/docs/guide/design/icon-design-guide.md b/docs/guide/design/icon-design-guide.md index f6b8a4844..c62c47cec 100644 --- a/docs/guide/design/icon-design-guide.md +++ b/docs/guide/design/icon-design-guide.md @@ -90,6 +90,15 @@ Here are rules that should be followed to keep quality and consistency when maki **Tip:** whenever possible align elements and arc centers to the grid. +### 14. Icons should share common shapes + +You should try to create consistent groups and variants, reuse and try to create uniformity. +Consistency inside groups and variants has a lower priority than the rules above. + +**Example:** All `-off` icons should look the same unless it for example violates the optical volume rule. + +**Tip:** Try to not move the base shape to enable better use in a toggle context. + ## Naming conventions 1. Icon names use lower kebab case.\