:sparkles: example module shapes

examples/shapes.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 19" preserveAspectRatio="xMidYMid">
+	<!-- full square -->
+	<path d="M1,1 h1 v1 h-1Z" />
+	<!-- square with 4 rounded corners -->
+	<path d="M3,1 m0,0.3 v0.4 q0,0.3 0.3,0.3 h0.4 q0.3,0 0.3,-0.3 v-0.4 q0,-0.3 -0.3,-0.3 h-0.4 q-0.3,0 -0.3,0.3Z" />
+	<!-- inverted round corners -->
+	<path d="M5,1 h0.3 q-0.3,0 -0.3,0.3z m1,0 v0.3 q0,-0.3 -0.3,-0.3z m0,1 h-0.3 q0.3,0 0.3,-0.3z m-1,0 v-0.3 q0,0.3 0.3,0.3Z" />
+	<!-- 3 rounded corners -->
+	<path d="M1,3 v0.7 q0,0.3 0.3,0.3 h0.4 q0.3,0 0.3,-0.3 v-0.4 q0,-0.3 -0.3,-0.3Z" />
+	<path d="M3,3 m1,0 v0.7 q0,0.3 -0.3,0.3 h-0.4 q-0.3,0 -0.3,-0.3 v-0.4 q0,-0.3 0.3,-0.3Z" />
+	<path d="M5,3 m1,1 h-0.7 q-0.3,0 -0.3,-0.3 v-0.4 q0,-0.3 0.3,-0.3 h0.4 q0.3,0 0.3,0.3Z" />
+	<path d="M7,3 m0,1 h0.7 q0.3,0 0.3,-0.3 v-0.4 q0,-0.3 -0.3,-0.3 h-0.4 q-0.3,0 -0.3,0.3Z" />
+	<!-- inverted -->
+	<path d="M1,5 m1,0 v0.3 q0,-0.3 -0.3,-0.3z m0,1 h-0.3 q0.3,0 0.3,-0.3z m-1,0 v-0.3 q0,0.3 0.3,0.3Z" />
+	<path d="M3,5 h0.3 q-0.3,0 -0.3,0.3z m0,1 v-0.3 q0,0.3 0.3,0.3z m1,0 h-0.3 q0.3,0 0.3,-0.3Z" />
+	<path d="M5,5 h0.3 q-0.3,0 -0.3,0.3z m0,1 v-0.3 q0,0.3 0.3,0.3z m1,-1 v0.3 q0,-0.3 -0.3,-0.3Z" />
+	<path d="M7,5 h0.3 q-0.3,0 -0.3,0.3z m1,0 v0.3 q0,-0.3 -0.3,-0.3z m0,1 h-0.3 q0.3,0 0.3,-0.3Z" />
+	<!-- 2 rounded corners -->
+	<path d="M1,7 v0.7 q0,0.3 0.3,0.3 h0.4 q0.3,0 0.3,-0.3 v-0.7Z" />
+	<path d="M3,7 m1,1 v-1 h-0.7 q-0.3,0 -0.3,0.3 v0.4 q0,0.3 0.3,0.3Z" />
+	<path d="M5,7 m0,1 h1 v-0.7 q0,-0.3 -0.3,-0.3 h-0.4 q-0.3,0 -0.3,0.3Z" />
+	<path d="M7,7 h0.7 q0.3,0 0.3,0.3 v0.4 q0,0.3 -0.3,0.3 h-0.7Z" />
+	<path d="M9,7 h0.7 q0.3,0 0.3,0.3 v0.7 h-0.7 q-0.3,0 -0.3,-0.3Z" />
+	<path d="M11,7 m0,1 h0.7 q0.3,0 0.3,-0.3 v-0.7 h-0.7 q-0.3,0 -0.3,0.3Z" />
+	<!-- inverted -->
+	<path d="M1,9 m1,1 h-0.3 q0.3,0 0.3,-0.3z m-1,0 v-0.3 q0,0.3 0.3,0.3Z" />
+	<path d="M3,9 h0.3 q-0.3,0 -0.3,0.3z m0,1 v-0.3 q0,0.3 0.3,0.3Z" />
+	<path d="M5,9 h0.3 q-0.3,0 -0.3,0.3z m1,0 v0.3 q0,-0.3 -0.3,-0.3Z" />
+	<path d="M7,9 m1,0 v0.3 q0,-0.3 -0.3,-0.3z m0,1 h-0.3 q0.3,0 0.3,-0.3Z" />
+	<path d="M9,9 m1,0 v0.3 q0,-0.3 -0.3,-0.3z m-1,1 v-0.3 q0,0.3 0.3,0.3Z" />
+	<path d="M11,9 h0.3 q-0.3,0 -0.3,0.3z m1,1 h-0.3 q0.3,0 0.3,-0.3Z" />
+	<!-- 1 rounded corner -->
+	<path d="M1,11 v0.7 q0,0.3 0.3,0.3 h0.7 v-1Z" />
+	<path d="M3,11 m0,1 h1 v-1 h-0.7 q-0.3,0 -0.3,0.3Z" />
+	<path d="M5,11 h0.7 q0.3,0 0.3,0.3 v0.7 h-1Z" />
+	<path d="M7,11 h1 v0.7 q0,0.3 -0.3,0.3 h-0.7Z" />
+	<!-- inverted -->
+	<path d="M1,13 m0,1 v-0.3 q0,0.3 0.3,0.3Z" />
+	<path d="M3,13 h0.3 q-0.3,0 -0.3,0.3Z" />
+	<path d="M5,13 m1,0 v0.3 q0,-0.3 -0.3,-0.3Z" />
+	<path d="M7,13 m1,1 h-0.3 q0.3,0 0.3,-0.3Z" />
+
+	<!-- several custom shapes -->
+	<!-- heart -->
+	<path d="M1,15 m0.5,0.96 l-0.412,-0.412 a0.3 0.3 0 0 1 0.412,-0.435 a0.3 0.3 0 0 1 0.412,0.435Z" />
+	<!-- tilted square with rounded corners -->
+	<path d="M3,15 m0.394,0.106 a0.15 0.15 0 0 1 0.21,0 l0.288,0.288 a0.15 0.15 0 0 1 0,0.21 l-0.288,0.288 a0.15 0.15 0 0 1 -0.21,0 l-0.288,-0.288 a0.15 0.15 0 0 1 0,-0.21Z" />
+	<!-- star 4 -->
+	<path d="M5,15 m0.5,0 l0.15,0.35 l0.35,0.15 l-0.35,0.15 l-0.15,0.35 l-0.15,-0.35 l-0.35,-0.15 l0.35,-0.15Z" />
+	<!-- star 5 -->
+	<path d="M7,15 m0.5,0.047 l0.1122,0.3454 l0.3632,0 l-0.2938,0.2135 l0.1122,0.3454 l-0.2938,-0.2135 l-0.2938,0.2135 l0.1122,-0.3454 l-0.2938,-0.2135 l0.3632,0Z" />
+	<!-- star 6 -->
+	<path d="M9,15 m0.5,0 l0.1443,0.25 l0.2887,0 l-0.1443,0.25 l0.1443,0.25 l-0.2887,0 l-0.1443,0.25 l-0.1443,-0.25 l-0.2887,0 l0.1443,-0.25 l-0.1443,-0.25 l0.2887,0Z" />
+
+	<!-- tilted square -->
+	<path d="M5,17 m0.5,0 l0.5,0.5 l-0.5,0.5 l-0.5,-0.5Z" />
+	<!-- pentagon -->
+	<path d="M7,17 m0.5,0.0475 l0.475,0.345 l-0.182,0.559 l-0.588,0 l-0.182,-0.559Z" />
+	<!-- hexagon -->
+	<path d="M9,17 m0.5,0 l0.433,0.25 l0,0.5 l-0.433,0.25 l-0.433,-0.25 l0,-0.5Z" />
+</svg>