From 4ebc78ae1f3d111bd69680b04f63869f54e99652 Mon Sep 17 00:00:00 2001
From: kritzl <kritzl@kritzl.dev>
Date: Fri, 14 Feb 2025 23:05:39 +0100
Subject: [PATCH] add menu icon

---
 icons/menu.svg                        |  29 ++
 icons/menu_small.svg                  |  29 ++
 icons/project_files/menu.svg          | 465 ++++++++++++++++++++++++++
 icons/project_files/menu_small.svg    | 433 ++++++++++++++++++++++++
 styleguide/assets/icon/menu.svg       |  29 ++
 styleguide/assets/icon/menu_small.svg |  29 ++
 6 files changed, 1014 insertions(+)
 create mode 100644 icons/menu.svg
 create mode 100644 icons/menu_small.svg
 create mode 100644 icons/project_files/menu.svg
 create mode 100644 icons/project_files/menu_small.svg
 create mode 100644 styleguide/assets/icon/menu.svg
 create mode 100644 styleguide/assets/icon/menu_small.svg

diff --git a/icons/menu.svg b/icons/menu.svg
new file mode 100644
index 0000000..0dee1bf
--- /dev/null
+++ b/icons/menu.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="600"
+   height="600"
+   viewBox="0 0 158.75 158.75"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,0 A 6.6145501,6.6145501 0 0 0 0,6.6152344 6.6145501,6.6145501 0 0 0 6.6152344,13.228516 H 152.13477 A 6.6145501,6.6145501 0 0 0 158.75,6.6152344 6.6145501,6.6145501 0 0 0 152.13477,0 Z"
+       id="path27" />
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,72.759766 A 6.6145501,6.6145501 0 0 0 0,79.375 6.6145501,6.6145501 0 0 0 6.6152344,85.990234 H 152.13477 A 6.6145501,6.6145501 0 0 0 158.75,79.375 6.6145501,6.6145501 0 0 0 152.13477,72.759766 Z"
+       id="path27-2" />
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,145.52148 A 6.6145501,6.6145501 0 0 0 0,152.13477 6.6145501,6.6145501 0 0 0 6.6152344,158.75 H 152.13477 a 6.6145501,6.6145501 0 0 0 6.61523,-6.61523 6.6145501,6.6145501 0 0 0 -6.61523,-6.61329 z"
+       id="path27-7" />
+  </g>
+</svg>
diff --git a/icons/menu_small.svg b/icons/menu_small.svg
new file mode 100644
index 0000000..d25eae3
--- /dev/null
+++ b/icons/menu_small.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="412.5"
+   height="412.5"
+   viewBox="0 0 109.14063 109.14063"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,0 A 6.6145501,6.6145501 0 0 0 0,6.6152344 6.6145501,6.6145501 0 0 0 6.6152344,13.228516 H 102.52539 A 6.6145501,6.6145501 0 0 0 109.14063,6.6152344 6.6145501,6.6145501 0 0 0 102.52539,0 Z"
+       id="path27" />
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,47.955078 A 6.6145501,6.6145501 0 0 0 0,54.570312 6.6145501,6.6145501 0 0 0 6.6152344,61.185547 H 102.52539 a 6.6145501,6.6145501 0 0 0 6.61524,-6.615235 6.6145501,6.6145501 0 0 0 -6.61524,-6.615234 z"
+       id="path27-8" />
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,95.912109 A 6.6145501,6.6145501 0 0 0 0,102.52539 6.6145501,6.6145501 0 0 0 6.6152344,109.14063 H 102.52539 a 6.6145501,6.6145501 0 0 0 6.61524,-6.61524 6.6145501,6.6145501 0 0 0 -6.61524,-6.613281 z"
+       id="path27-1" />
+  </g>
+</svg>
diff --git a/icons/project_files/menu.svg b/icons/project_files/menu.svg
new file mode 100644
index 0000000..3c2289a
--- /dev/null
+++ b/icons/project_files/menu.svg
@@ -0,0 +1,465 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="600"
+   height="600"
+   viewBox="0 0 158.75 158.75"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"
+   sodipodi:docname="menu.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#5f5f5f"
+     inkscape:document-units="px"
+     inkscape:zoom="1"
+     inkscape:cx="241"
+     inkscape:cy="261"
+     inkscape:window-width="1800"
+     inkscape:window-height="1097"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showguides="true">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="26.458332"
+       spacingx="6.6145835"
+       spacingy="6.6145835"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="4"
+       enabled="true"
+       visible="true" />
+    <sodipodi:guide
+       position="79.375002,79.375"
+       orientation="0,-1"
+       id="guide13"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="79.375002,79.375"
+       orientation="-1,0"
+       id="guide15"
+       inkscape:locked="false"
+       inkscape:label=""
+       inkscape:color="rgb(0,134,229)" />
+    <sodipodi:guide
+       position="66.145835,88.981614"
+       orientation="1,0"
+       id="guide16"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="92.604169,88.98162"
+       orientation="1,0"
+       id="guide17"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="59.531251,85.989583"
+       orientation="1,0"
+       id="guide18"
+       inkscape:locked="false" />
+    <sodipodi:guide
+       position="99.218752,67.971306"
+       orientation="1,0"
+       id="guide19"
+       inkscape:locked="false" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect33"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect31"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect29"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect16"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect12"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect10"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect19"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect14"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,20.716289,0,1 @ F,0,0,1,1,0,0,1 @ F,0,0,1,1,7.9943854,0,1 @ F,0,0,1,1,7.9943854,0,1 @ F,0,0,1,1,20.052625,0,1 @ F,0,0,1,1,0,0,1 @ F,0,0,1,1,7.9943854,0,1"
+       radius="30.215"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect13"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,20.047017,0,1 @ F,0,0,1,1,0,0,1"
+       radius="35"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect8"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,13.229166,0,1 @ F,0,0,1,0,0,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,0,1,0,0,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect6"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,0,1,1,0,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect5"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,0,1,0,0,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect1"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,26.458333,0,1 @ F,0,1,1,1,26.458333,0,1 @ F,0,0,1,0,0,0,1"
+       radius="100"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect4"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect3"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect2"
+       is_visible="true"
+       lpeversion="1.3"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false"
+       uniform="false" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect6-7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect8-7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,9.2604173,0,1 @ F,0,0,1,1,9.2604167,0,1"
+       radius="35"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect19-7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,30.465022,0,1 @ F,0,0,1,1,21.620362,0,1 @ F,0,1,1,1,30.465011,0,1 @ F,0,0,1,1,21.620361,0,1 @ F,0,1,1,1,30.46502,0,1 @ F,0,0,1,1,21.62036,0,1 @ F,0,1,1,1,30.465013,0,1 @ F,0,0,1,1,21.620361,0,1 @ F,0,1,1,1,30.465015,0,1 @ F,0,0,1,1,21.620361,0,1 @ F,0,1,1,1,30.465017,0,1 @ F,0,0,1,1,21.620359,0,1 @ F,0,1,1,1,30.465013,0,1 @ F,0,0,1,1,9.4589067,0,1 @ F,0,1,1,1,30.465012,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect19-2"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,0,1,1,12.170833,0,1 @ F,0,0,1,1,12.170833,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path27"
+       style="display:inline;fill:none;stroke:#000000;stroke-width:13.2291;stroke-linecap:round;paint-order:markers fill stroke"
+       inkscape:transform-center-y="3.5879767"
+       d="M 152.13542,6.6145833 6.6145835,6.6145816"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="2.02e-05" />
+    <path
+       id="path27-2"
+       style="display:inline;fill:none;stroke:#000000;stroke-width:13.2291;stroke-linecap:round;paint-order:markers fill stroke"
+       inkscape:transform-center-y="3.5879767"
+       d="M 152.13542,79.375002 6.6145835,79.375"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="2.02e-05" />
+    <path
+       id="path27-7"
+       style="display:inline;fill:none;stroke:#000000;stroke-width:13.2291;stroke-linecap:round;paint-order:markers fill stroke"
+       inkscape:transform-center-y="3.5879767"
+       d="m 152.13542,152.13542 -145.5208365,0"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="2.02e-05" />
+  </g>
+</svg>
diff --git a/icons/project_files/menu_small.svg b/icons/project_files/menu_small.svg
new file mode 100644
index 0000000..5f339b5
--- /dev/null
+++ b/icons/project_files/menu_small.svg
@@ -0,0 +1,433 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="412.5"
+   height="412.5"
+   viewBox="0 0 109.14063 109.14063"
+   version="1.1"
+   id="svg1"
+   inkscape:version="1.4 (e7c3feb1, 2024-10-09)"
+   sodipodi:docname="menu_small.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="1"
+     inkscape:showpageshadow="0"
+     inkscape:pageopacity="0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#5f5f5f"
+     inkscape:document-units="px"
+     inkscape:zoom="0.99380034"
+     inkscape:cx="234.45353"
+     inkscape:cy="187.16033"
+     inkscape:window-width="1800"
+     inkscape:window-height="1097"
+     inkscape:window-x="0"
+     inkscape:window-y="44"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     showguides="true">
+    <inkscape:grid
+       id="grid1"
+       units="px"
+       originx="0"
+       originy="26.458332"
+       spacingx="6.6145835"
+       spacingy="6.6145835"
+       empcolor="#0099e5"
+       empopacity="0.30196078"
+       color="#0099e5"
+       opacity="0.14901961"
+       empspacing="4"
+       enabled="true"
+       visible="true" />
+  </sodipodi:namedview>
+  <defs
+     id="defs1">
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect33"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect31"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect29"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect16"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect12"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect10"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect19"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,1,1,1,21.620361,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect14"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,20.716289,0,1 @ F,0,0,1,1,0,0,1 @ F,0,0,1,1,7.9943854,0,1 @ F,0,0,1,1,7.9943854,0,1 @ F,0,0,1,1,20.052625,0,1 @ F,0,0,1,1,0,0,1 @ F,0,0,1,1,7.9943854,0,1"
+       radius="30.215"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect13"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,20.047017,0,1 @ F,0,0,1,1,0,0,1"
+       radius="35"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect8"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,13.229166,0,1 @ F,0,0,1,0,0,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,0,1,0,0,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect6"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,0,1,1,0,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect5"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1 @ F,0,0,1,0,0,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect1"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,26.458333,0,1 @ F,0,1,1,1,26.458333,0,1 @ F,0,0,1,0,0,0,1"
+       radius="100"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect4"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect3"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect2"
+       is_visible="true"
+       lpeversion="1.3"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false"
+       uniform="false" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect6-7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,13.229167,0,1 @ F,0,0,1,1,13.229167,0,1 @ F,0,1,1,1,13.229167,0,1"
+       radius="50"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="true"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect8-7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,9.2604173,0,1 @ F,0,0,1,1,9.2604167,0,1"
+       radius="35"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect19-7"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,0,1,1,0,0,1 @ F,0,1,1,1,30.465022,0,1 @ F,0,0,1,1,21.620362,0,1 @ F,0,1,1,1,30.465011,0,1 @ F,0,0,1,1,21.620361,0,1 @ F,0,1,1,1,30.46502,0,1 @ F,0,0,1,1,21.62036,0,1 @ F,0,1,1,1,30.465013,0,1 @ F,0,0,1,1,21.620361,0,1 @ F,0,1,1,1,30.465015,0,1 @ F,0,0,1,1,21.620361,0,1 @ F,0,1,1,1,30.465017,0,1 @ F,0,0,1,1,21.620359,0,1 @ F,0,1,1,1,30.465013,0,1 @ F,0,0,1,1,9.4589067,0,1 @ F,0,1,1,1,30.465012,0,1 @ F,0,0,1,1,0,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+    <inkscape:path-effect
+       effect="fillet_chamfer"
+       id="path-effect19-2"
+       is_visible="true"
+       lpeversion="1"
+       nodesatellites_param="F,0,1,1,1,0,0,1 @ F,0,0,1,1,12.170833,0,1 @ F,0,0,1,1,12.170833,0,1"
+       radius="46"
+       unit="px"
+       method="arc"
+       mode="F"
+       chamfer_steps="1"
+       flexible="false"
+       use_knot_distance="false"
+       apply_no_radius="true"
+       apply_with_radius="true"
+       only_selected="true"
+       hide_knots="true" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       id="path27"
+       style="display:inline;fill:none;stroke:#000000;stroke-width:13.2291;stroke-linecap:round;paint-order:markers fill stroke"
+       inkscape:transform-center-y="3.5879767"
+       d="M 102.52604,6.6145834 6.6145835,6.6145816"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="2.02e-05" />
+    <path
+       id="path27-8"
+       style="display:inline;fill:none;stroke:#000000;stroke-width:13.2291;stroke-linecap:round;paint-order:markers fill stroke"
+       inkscape:transform-center-y="3.5879767"
+       d="m 102.52604,54.570316 -95.9114532,-2e-6"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="2.02e-05" />
+    <path
+       id="path27-1"
+       style="display:inline;fill:none;stroke:#000000;stroke-width:13.2291;stroke-linecap:round;paint-order:markers fill stroke"
+       inkscape:transform-center-y="3.5879767"
+       d="m 102.52601,102.52608 -95.9114599,0"
+       sodipodi:nodetypes="cc"
+       inkscape:transform-center-x="2.02e-05" />
+  </g>
+</svg>
diff --git a/styleguide/assets/icon/menu.svg b/styleguide/assets/icon/menu.svg
new file mode 100644
index 0000000..0dee1bf
--- /dev/null
+++ b/styleguide/assets/icon/menu.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="600"
+   height="600"
+   viewBox="0 0 158.75 158.75"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,0 A 6.6145501,6.6145501 0 0 0 0,6.6152344 6.6145501,6.6145501 0 0 0 6.6152344,13.228516 H 152.13477 A 6.6145501,6.6145501 0 0 0 158.75,6.6152344 6.6145501,6.6145501 0 0 0 152.13477,0 Z"
+       id="path27" />
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,72.759766 A 6.6145501,6.6145501 0 0 0 0,79.375 6.6145501,6.6145501 0 0 0 6.6152344,85.990234 H 152.13477 A 6.6145501,6.6145501 0 0 0 158.75,79.375 6.6145501,6.6145501 0 0 0 152.13477,72.759766 Z"
+       id="path27-2" />
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,145.52148 A 6.6145501,6.6145501 0 0 0 0,152.13477 6.6145501,6.6145501 0 0 0 6.6152344,158.75 H 152.13477 a 6.6145501,6.6145501 0 0 0 6.61523,-6.61523 6.6145501,6.6145501 0 0 0 -6.61523,-6.61329 z"
+       id="path27-7" />
+  </g>
+</svg>
diff --git a/styleguide/assets/icon/menu_small.svg b/styleguide/assets/icon/menu_small.svg
new file mode 100644
index 0000000..d25eae3
--- /dev/null
+++ b/styleguide/assets/icon/menu_small.svg
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="412.5"
+   height="412.5"
+   viewBox="0 0 109.14063 109.14063"
+   version="1.1"
+   id="svg1"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs1" />
+  <g
+     id="layer1">
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,0 A 6.6145501,6.6145501 0 0 0 0,6.6152344 6.6145501,6.6145501 0 0 0 6.6152344,13.228516 H 102.52539 A 6.6145501,6.6145501 0 0 0 109.14063,6.6152344 6.6145501,6.6145501 0 0 0 102.52539,0 Z"
+       id="path27" />
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,47.955078 A 6.6145501,6.6145501 0 0 0 0,54.570312 6.6145501,6.6145501 0 0 0 6.6152344,61.185547 H 102.52539 a 6.6145501,6.6145501 0 0 0 6.61524,-6.615235 6.6145501,6.6145501 0 0 0 -6.61524,-6.615234 z"
+       id="path27-8" />
+    <path
+       style="stroke-linecap:round;paint-order:markers fill stroke"
+       d="M 6.6152344,95.912109 A 6.6145501,6.6145501 0 0 0 0,102.52539 6.6145501,6.6145501 0 0 0 6.6152344,109.14063 H 102.52539 a 6.6145501,6.6145501 0 0 0 6.61524,-6.61524 6.6145501,6.6145501 0 0 0 -6.61524,-6.613281 z"
+       id="path27-1" />
+  </g>
+</svg>