240 lines
24 KiB
HTML
240 lines
24 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<script>
|
||
const setTheme = (theme) => {
|
||
theme ??= localStorage.theme || "system";
|
||
document.getElementById("themeLight").checked = theme === "light";
|
||
document.getElementById("themeDark").checked = theme === "dark";
|
||
localStorage.theme = theme;
|
||
};
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
setTheme();
|
||
});
|
||
</script>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width,initial-scale=1" />
|
||
<link rel="shortcut icon" href="../assets/image/favicon.png" />
|
||
<link
|
||
rel="stylesheet"
|
||
type="text/css"
|
||
href="../assets/style/styleguide.css"
|
||
/>
|
||
<title>Iconography</title>
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<a href="/" id="backToWiki">
|
||
<img
|
||
src="../assets/image/logo_eventname_glow.svg"
|
||
class="header-image dark-only"
|
||
alt="Logo of Easterhegg 2025. In the style of a neon sign:
|
||
The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
|
||
The egg shell and the word 'Eggception' are glowing in a light blue, everything else in a bright pink."
|
||
/>
|
||
<img
|
||
src="../assets/image/logo_eventname_glow_off.svg"
|
||
class="header-image light-only"
|
||
alt="Logo of Easterhegg 2025. In the style of a unpowered neon sign:
|
||
The text 'Unhandled Eggception Easterhegg 2025' with a line art of a hare and an egg.
|
||
The egg shell and the word 'Eggception' are dimly glowing in a dark blue, everything else in a dark pink."
|
||
/>
|
||
</a>
|
||
</header>
|
||
<div>
|
||
<nav>
|
||
<button aria-label="Open Navigation">
|
||
<i data-icon="menu_small"></i>
|
||
</button>
|
||
<ul>
|
||
<li class="link-back">
|
||
<a href="/"><i data-icon="arrow_left"></i>Back to Wiki</a>
|
||
</li>
|
||
<li>
|
||
<a href="../"><i data-icon="home"></i>Overview</a>
|
||
</li>
|
||
<li>
|
||
<a href="../colors"><i data-icon="pen"></i>Colors</a>
|
||
</li>
|
||
<li>
|
||
<a href="../typography"><i data-icon="font"></i>Typography</a>
|
||
</li>
|
||
<li class="active">
|
||
<a href=""><i data-icon="info"></i>Iconography</a>
|
||
</li>
|
||
<li>
|
||
<a href="../logo"><i data-icon="hare_head"></i>Logo</a>
|
||
</li>
|
||
<li>
|
||
<a href="../glow"><i data-icon="lightbulb"></i>Glow</a>
|
||
</li>
|
||
<li>
|
||
<a href="../doodles"><i data-icon="looping"></i>Doodles</a>
|
||
</li>
|
||
<li>
|
||
<a href="../demopage"><i data-icon="code"></i>Demopage</a>
|
||
</li>
|
||
<li>
|
||
<a href="../generator"
|
||
><i data-icon="settings"></i>Image Generator</a
|
||
>
|
||
</li>
|
||
<li>
|
||
<a href="../changelog"><i data-icon="history"></i>Changelog</a>
|
||
</li>
|
||
<li id="themeToggleDark" class="themeToggle">
|
||
<input
|
||
id="themeDark"
|
||
type="checkbox"
|
||
aria-label="Switch between dark and light mode"
|
||
/>
|
||
<label for="themeDark">
|
||
<i data-icon="lightbulb"></i>
|
||
</label>
|
||
</li>
|
||
<li id="themeToggleLight" class="themeToggle">
|
||
<input
|
||
id="themeLight"
|
||
type="checkbox"
|
||
aria-label="Switch between dark and light mode"
|
||
/>
|
||
<label for="themeLight">
|
||
<i data-icon="lightbulb"></i>
|
||
</label>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<main>
|
||
<h1>Iconography</h1>
|
||
<p>
|
||
Icons can help with conveying meaning or to help with directions. In
|
||
order to fit into the overall theme, we wanted to have a set of icons
|
||
that implement the same design characteristics and rules as the
|
||
<a href="../logo/">logo, about which you can read more here</a>, and
|
||
our font,
|
||
<a href="../typography/"
|
||
>Argon Glow, which we talk about more in the typography</a
|
||
>.
|
||
</p>
|
||
<p>
|
||
Of course, creating a full iconset would require years of work for
|
||
such a small team, which is why we focused on the icons needed for the
|
||
wiki, styleguide and signage on the event. At time of writing that is
|
||
still roughly sixty icons which we needed to design. They can be found
|
||
<a href="list/">in the form of this icon overview</a> and in
|
||
<a href="https://git.hamburg.ccc.de/EH22/design-public"
|
||
>our design repository</a
|
||
>.
|
||
</p>
|
||
<p>
|
||
Luckily, the rules which the icons needed to adhere to, also meant,
|
||
that the icons would need to be fairly simple. Uniform bend-radii
|
||
(based on a circle, not bezier), a minimum gap distance, and as few
|
||
lines as possible, all within a limited canvas size. In the end, we
|
||
decide on an SVG canvas of 600 by 600 units with a uniform grid of 25
|
||
units between gridlines. Line width was set to 50 units, and the same
|
||
for a 90° bend's radius. Because gaps didn't always align perfectly to
|
||
the grid, they were chosen to always be at least 50 units and rounded
|
||
up to the next gridline. Because we are aiming at a neon-esque tube
|
||
look, line-caps were set to rounded, adding a semicircle with a radius
|
||
of 25 units.
|
||
</p>
|
||
<figure>
|
||
<svg
|
||
height="20rem"
|
||
viewBox="0 0 600 600"
|
||
version="1.1"
|
||
id="svg"
|
||
xml:space="preserve"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
xmlns:svg="http://www.w3.org/2000/svg"
|
||
>
|
||
<defs>
|
||
<style>
|
||
#up_arrow {
|
||
fill: var(--color-shade-3);
|
||
}
|
||
.measurement-drawing {
|
||
fill: var(--color-text-2);
|
||
opacity: 0.5;
|
||
}
|
||
.measurement-text {
|
||
fill: var(--color-foreground);
|
||
}
|
||
</style>
|
||
</defs>
|
||
<path
|
||
id="up_arrow"
|
||
d="m 71.185433,207.42553 c -24.198406,24.1984 -24.198409,64.19342 2e-6,88.39183 24.198408,24.1984 64.188205,24.19318 88.386605,-0.005 l 93.25145,-93.25145 c 6.65612,-6.65612 13.62014,-6.88923 20.43547,-4.06623 6.81531,2.82303 11.57225,7.91132 11.57224,17.32449 v 359.18379 a 25.000064,25.000064 0 0 0 24.99756,24.99756 25.000064,25.000064 0 0 0 25.00277,-25.00277 V 215.82438 c -2e-5,-29.56391 -18.80469,-53.72862 -42.44207,-63.51956 -23.6374,-9.79092 -54.01472,-6.00236 -74.91957,14.90249 l -93.25145,93.25145 c -5.09091,5.09091 -12.58327,5.09091 -17.67419,0 -5.09091,-5.09092 -5.09613,-12.5885 -0.005,-17.67941 L 292.15457,57.163587 c 9.97247,-9.972464 25.38634,-9.972456 35.35881,1.1e-5 L 504.29182,233.94204 a 25.000064,25.000064 0 0 0 35.34837,0 25.000064,25.000064 0 0 0 0.005,-35.35361 L 362.86699,21.809987 c -29.07996,-29.0799606 -76.98606,-29.0799539 -106.06602,1e-6 z"
|
||
/>
|
||
<g aria-label="line-width of 50">
|
||
<path
|
||
class="measurement-drawing"
|
||
d="m 557.29687,216.24219 -5.30273,5.30273 5.05078,5.05078 -24.74805,24.74805 -5.05273,-5.05078 -5.30273,5.30273 10.35546,10.35547 35.35547,-35.35547 z"
|
||
/>
|
||
<path
|
||
class="measurement-text"
|
||
d="m 203.7852,571.28626 h 8.26041 v 1.77083 h -6.33333 v 3.81249 q 0.45834,-0.15625 0.91667,-0.22916 0.45833,-0.0833 0.91666,-0.0833 2.60417,0 4.125,1.42709 1.52083,1.42708 1.52083,3.86457 0,2.51042 -1.5625,3.90625 -1.5625,1.38541 -4.40624,1.38541 -0.97917,0 -2,-0.16667 -1.01041,-0.16666 -2.09375,-0.49999 v -2.11458 q 0.9375,0.51041 1.9375,0.76041 1,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94791 1.05209,-0.94792 1.05209,-2.57292 0,-1.625 -1.05209,-2.57291 -1.05208,-0.94792 -2.85416,-0.94792 -0.84375,0 -1.6875,0.1875 -0.83333,0.1875 -1.70833,0.58334 z m 18.05206,1.38541 q -1.625,0 -2.44791,1.60417 -0.8125,1.59375 -0.8125,4.80207 0,3.19792 0.8125,4.80208 0.82291,1.59375 2.44791,1.59375 1.63541,0 2.44791,-1.59375 0.82292,-1.60416 0.82292,-4.80208 0,-3.20832 -0.82292,-4.80207 -0.8125,-1.60417 -2.44791,-1.60417 z m 0,-1.66666 q 2.61458,0 3.98958,2.07291 1.38541,2.0625 1.38541,5.99999 0,3.92708 -1.38541,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61458,0 -4,-2.0625 -1.37499,-2.07291 -1.37499,-5.99999 0,-3.93749 1.37499,-5.99999 1.38542,-2.07291 4,-2.07291 z"
|
||
transform="rotate(-45)"
|
||
/>
|
||
</g>
|
||
<g aria-label="α=90°, d=100">
|
||
<path
|
||
class="measurement-drawing"
|
||
d="m 359.83264,75 a 50,50 0 0 1 -50,50 50,50 0 0 1 -50,-50 50,50 0 0 1 50,-50 50,50 0 0 1 50,50 z"
|
||
/>
|
||
<path
|
||
class="measurement-text"
|
||
d="m 331.17094,135.01885 -0.45833,-2.40625 q -0.46875,-2.46874 -2.32292,-2.46874 -1.39583,0 -2.03124,1.14583 -0.80208,1.4375 -0.80208,3.33333 0,2.29166 0.78124,3.38541 0.79167,1.11458 2.05208,1.11458 1.39584,0 2.14583,-2.21875 z m 1.07291,-3.1875 1.03125,-3.05208 h 1.70833 l -2.13541,6.32291 0.41667,2.28125 q 0.0937,0.51041 0.45833,0.9375 0.42708,0.5 0.76041,0.5 h 0.91667 v 1.62499 h -1.14583 q -0.97917,0 -1.85417,-0.875 -0.42708,-0.4375 -0.60416,-1.35416 -0.47917,1.15625 -1.45833,2.0625 -0.45834,0.42708 -1.94792,0.42708 -2.44791,0 -3.63541,-1.58333 -1.21875,-1.63542 -1.21875,-4.49999 0,-3.0625 1.32292,-4.5 1.46875,-1.60416 3.53124,-1.60416 3.23958,0 3.85416,3.31249 z m 6.43749,-1.07291 h 13.35415 v 1.75 h -13.35415 z m 0,4.24999 h 13.35415 v 1.77083 h -13.35415 z m 17.95831,5.11458 v -1.91667 q 0.79167,0.375 1.60416,0.57292 0.8125,0.19792 1.59375,0.19792 2.08333,0 3.17708,-1.39584 1.10417,-1.40624 1.26041,-4.26041 -0.60416,0.89584 -1.53124,1.375 -0.92708,0.47917 -2.05208,0.47917 -2.33333,0 -3.69791,-1.40625 -1.35417,-1.41666 -1.35417,-3.86458 0,-2.39583 1.41667,-3.84374 1.41666,-1.44792 3.77082,-1.44792 2.69792,0 4.11458,2.07292 1.42708,2.06249 1.42708,5.99999 0,3.67708 -1.75,5.87499 -1.73958,2.1875 -4.68749,2.1875 -0.79166,0 -1.60416,-0.15625 -0.8125,-0.15625 -1.6875,-0.46875 z m 4.18749,-6.59374 q 1.41667,0 2.23958,-0.96875 0.83334,-0.96875 0.83334,-2.65625 0,-1.67708 -0.83334,-2.64583 -0.82291,-0.97916 -2.23958,-0.97916 -1.41666,0 -2.24999,0.97916 -0.82292,0.96875 -0.82292,2.64583 0,1.6875 0.82292,2.65625 0.83333,0.96875 2.24999,0.96875 z m 13.8229,-7.24999 q -1.625,0 -2.44791,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80207 0.82291,1.59375 2.44791,1.59375 1.63541,0 2.44791,-1.59375 0.82292,-1.60416 0.82292,-4.80207 0,-3.20833 -0.82292,-4.80208 -0.8125,-1.60416 -2.44791,-1.60416 z m 0,-1.66667 q 2.61458,0 3.98958,2.07292 1.38541,2.06249 1.38541,5.99999 0,3.92708 -1.38541,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61458,0 -4,-2.0625 -1.37499,-2.07291 -1.37499,-5.99999 0,-3.9375 1.37499,-5.99999 1.38542,-2.07292 4,-2.07292 z m 12.12498,1.34375 q -0.83333,0 -1.40625,0.58333 -0.57291,0.57292 -0.57291,1.40625 0,0.82292 0.57291,1.39583 0.57292,0.5625 1.40625,0.5625 0.83333,0 1.40625,-0.5625 0.57291,-0.57291 0.57291,-1.39583 0,-0.82291 -0.58333,-1.40625 -0.57292,-0.58333 -1.39583,-0.58333 z m 0,-1.34375 q 0.66666,0 1.28125,0.26042 0.61458,0.25 1.0625,0.72917 0.47916,0.46875 0.71874,1.06249 0.23959,0.59375 0.23959,1.28125 0,1.375 -0.96875,2.33333 -0.95833,0.94792 -2.35416,0.94792 -1.40625,0 -2.34375,-0.9375 -0.9375,-0.9375 -0.9375,-2.34375 0,-1.39583 0.95833,-2.36458 0.95833,-0.96875 2.34375,-0.96875 z"
|
||
/>
|
||
<path
|
||
class="measurement-text"
|
||
d="m 330.85323,158.03921 v -6.31249 h 1.91667 v 16.20831 h -1.91667 v -1.75 q -0.60416,1.04166 -1.53125,1.55208 -0.91666,0.5 -2.20833,0.5 -2.11458,0 -3.44791,-1.6875 -1.32291,-1.6875 -1.32291,-4.43749 0,-2.75 1.32291,-4.4375 1.33333,-1.68749 3.44791,-1.68749 1.29167,0 2.20833,0.51041 0.92709,0.5 1.53125,1.54167 z m -6.53124,4.07291 q 0,2.11458 0.86458,3.32291 0.875,1.19791 2.39583,1.19791 1.52083,0 2.39583,-1.19791 0.875,-1.20833 0.875,-3.32291 0,-2.11458 -0.875,-3.3125 -0.875,-1.20833 -2.39583,-1.20833 -1.52083,0 -2.39583,1.20833 -0.86458,1.19792 -0.86458,3.3125 z m 12.64582,-3.86458 h 13.35414 v 1.75 h -13.35414 z m 0,4.24999 h 13.35414 v 1.77083 h -13.35414 z m 18.26038,3.66666 h 3.4375 v -11.86456 l -3.73958,0.75 v -1.91666 l 3.71874,-0.75 h 2.10417 v 13.78122 h 3.43749 v 1.77084 h -8.95832 z m 17.70831,-12.39581 q -1.625,0 -2.44792,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80208 0.82292,1.59374 2.44792,1.59374 1.63541,0 2.44791,-1.59374 0.82291,-1.60417 0.82291,-4.80208 0,-3.20833 -0.82291,-4.80208 -0.8125,-1.60416 -2.44791,-1.60416 z m 0,-1.66666 q 2.61458,0 3.98957,2.07291 1.38542,2.0625 1.38542,5.99999 0,3.92708 -1.38542,5.99999 -1.37499,2.0625 -3.98957,2.0625 -2.61458,0 -4,-2.0625 -1.375,-2.07291 -1.375,-5.99999 0,-3.93749 1.375,-5.99999 1.38542,-2.07291 4,-2.07291 z m 13.57289,1.66666 q -1.62499,0 -2.44791,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80208 0.82292,1.59374 2.44791,1.59374 1.63542,0 2.44792,-1.59374 0.82291,-1.60417 0.82291,-4.80208 0,-3.20833 -0.82291,-4.80208 -0.8125,-1.60416 -2.44792,-1.60416 z m 0,-1.66666 q 2.61458,0 3.98958,2.07291 1.38542,2.0625 1.38542,5.99999 0,3.92708 -1.38542,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61457,0 -3.99999,-2.0625 -1.375,-2.07291 -1.375,-5.99999 0,-3.93749 1.375,-5.99999 1.38542,-2.07291 3.99999,-2.07291 z"
|
||
/>
|
||
</g>
|
||
<g aria-label="α=135°, d=87.5">
|
||
<path
|
||
class="measurement-drawing"
|
||
d="m 309.83264,215.8215 a 43.75,43.75 0 0 1 -43.75,43.75 43.75,43.75 0 0 1 -43.75,-43.75 43.75,43.75 0 0 1 43.75,-43.75 43.75,43.75 0 0 1 43.75,43.75 z"
|
||
/>
|
||
<path
|
||
class="measurement-text"
|
||
d="m 205.14032,275.65239 -0.45833,-2.40624 q -0.46875,-2.46875 -2.32291,-2.46875 -1.39584,0 -2.03125,1.14583 -0.80208,1.4375 -0.80208,3.33333 0,2.29166 0.78125,3.38541 0.79166,1.11458 2.05208,1.11458 1.39583,0 2.14583,-2.21874 z m 1.07292,-3.18749 1.03124,-3.05208 h 1.70833 l -2.13541,6.32291 0.41667,2.28124 q 0.0937,0.51042 0.45833,0.9375 0.42708,0.5 0.76042,0.5 h 0.91666 v 1.625 h -1.14583 q -0.97917,0 -1.85416,-0.875 -0.42709,-0.4375 -0.60417,-1.35417 -0.47917,1.15625 -1.45833,2.0625 -0.45833,0.42708 -1.94791,0.42708 -2.44792,0 -3.63542,-1.58333 -1.21874,-1.63541 -1.21874,-4.49999 0,-3.06249 1.32291,-4.49999 1.46875,-1.60417 3.53125,-1.60417 3.23957,0 3.85416,3.3125 z m 6.43749,-1.07292 h 13.35414 v 1.75 h -13.35414 z m 0,4.25 h 13.35414 v 1.77083 h -13.35414 z m 18.26038,3.66666 h 3.4375 v -11.86457 l -3.73958,0.75 v -1.91666 l 3.71875,-0.75 h 2.10416 v 13.78123 h 3.43749 v 1.77083 h -8.95832 z m 19.58331,-6.61458 q 1.51041,0.32292 2.35416,1.34375 0.85416,1.02083 0.85416,2.52083 0,2.30208 -1.58333,3.5625 -1.58333,1.26041 -4.49999,1.26041 -0.97916,0 -2.02083,-0.19792 -1.03125,-0.1875 -2.13541,-0.57291 v -2.03125 q 0.875,0.51042 1.91666,0.77083 1.04167,0.26042 2.17708,0.26042 1.97916,0 3.01041,-0.78125 1.04167,-0.78125 1.04167,-2.27083 0,-1.375 -0.96875,-2.14583 -0.95833,-0.78125 -2.67708,-0.78125 h -1.8125 v -1.72916 h 1.89583 q 1.55208,0 2.375,-0.61458 0.82292,-0.625 0.82292,-1.79167 0,-1.19791 -0.85417,-1.83333 -0.84375,-0.64583 -2.42708,-0.64583 -0.86458,0 -1.85416,0.1875 -0.98958,0.1875 -2.17708,0.58333 v -1.87499 q 1.19791,-0.33334 2.23958,-0.5 1.05208,-0.16667 1.97916,-0.16667 2.39583,0 3.79166,1.09375 1.39583,1.08333 1.39583,2.93749 0,1.29167 -0.73958,2.1875 -0.73958,0.88541 -2.10416,1.22916 z m 7.21873,-7.16665 h 8.26041 v 1.77083 h -6.33332 v 3.81249 q 0.45833,-0.15625 0.91666,-0.22916 0.45833,-0.0833 0.91667,-0.0833 2.60416,0 4.12499,1.42709 1.52083,1.42708 1.52083,3.86457 0,2.51042 -1.5625,3.90625 -1.56249,1.38541 -4.40624,1.38541 -0.97917,0 -2,-0.16667 -1.01041,-0.16666 -2.09374,-0.49999 v -2.11458 q 0.93749,0.51041 1.93749,0.76041 1,0.25 2.11458,0.25 1.80208,0 2.85417,-0.94792 1.05208,-0.94791 1.05208,-2.57291 0,-1.625 -1.05208,-2.57291 -1.05209,-0.94792 -2.85417,-0.94792 -0.84375,0 -1.68749,0.1875 -0.83334,0.1875 -1.70834,0.58334 z m 16.60415,1.0625 q -0.83334,0 -1.40625,0.58333 -0.57292,0.57292 -0.57292,1.40625 0,0.82291 0.57292,1.39583 0.57291,0.5625 1.40625,0.5625 0.83333,0 1.40624,-0.5625 0.57292,-0.57292 0.57292,-1.39583 0,-0.82292 -0.58333,-1.40625 -0.57292,-0.58333 -1.39583,-0.58333 z m 0,-1.34375 q 0.66666,0 1.28124,0.26042 0.61459,0.25 1.0625,0.72916 0.47917,0.46875 0.71875,1.0625 0.23958,0.59375 0.23958,1.28125 0,1.375 -0.96875,2.33333 -0.95833,0.94791 -2.35416,0.94791 -1.40625,0 -2.34374,-0.9375 -0.9375,-0.93749 -0.9375,-2.34374 0,-1.39583 0.95833,-2.36458 0.95833,-0.96875 2.34375,-0.96875 z"
|
||
/>
|
||
<path
|
||
class="measurement-text"
|
||
d="m 208.21844,298.67275 v -6.31249 h 1.91666 v 16.20831 h -1.91666 v -1.75 q -0.60416,1.04167 -1.53125,1.55208 -0.91666,0.5 -2.20833,0.5 -2.11458,0 -3.44791,-1.68749 -1.32291,-1.6875 -1.32291,-4.4375 0,-2.74999 1.32291,-4.43749 1.33333,-1.6875 3.44791,-1.6875 1.29167,0 2.20833,0.51042 0.92709,0.5 1.53125,1.54166 z m -6.53124,4.07291 q 0,2.11458 0.86458,3.32291 0.875,1.19792 2.39583,1.19792 1.52083,0 2.39583,-1.19792 0.875,-1.20833 0.875,-3.32291 0,-2.11458 -0.875,-3.31249 -0.875,-1.20833 -2.39583,-1.20833 -1.52083,0 -2.39583,1.20833 -0.86458,1.19791 -0.86458,3.31249 z m 12.64581,-3.86457 h 13.35415 v 1.74999 h -13.35415 z m 0,4.24999 h 13.35415 v 1.77083 h -13.35415 z m 22.3958,-1.94791 q -1.5,0 -2.36458,0.80208 -0.85416,0.80208 -0.85416,2.20833 0,1.40624 0.85416,2.20833 0.86458,0.80208 2.36458,0.80208 1.5,0 2.36458,-0.80208 0.86458,-0.8125 0.86458,-2.20833 0,-1.40625 -0.86458,-2.20833 -0.85416,-0.80208 -2.36458,-0.80208 z m -2.10416,-0.89584 q -1.35417,-0.33333 -2.11458,-1.26041 -0.75,-0.92708 -0.75,-2.26041 0,-1.86459 1.32291,-2.94792 1.33334,-1.08333 3.64583,-1.08333 2.32292,0 3.64583,1.08333 1.32291,1.08333 1.32291,2.94792 0,1.33333 -0.76041,2.26041 -0.75,0.92708 -2.09375,1.26041 1.52083,0.35417 2.36458,1.38542 0.85417,1.03125 0.85417,2.52083 0,2.26041 -1.38542,3.46874 -1.375,1.20833 -3.94791,1.20833 -2.57291,0 -3.95833,-1.20833 -1.37499,-1.20833 -1.37499,-3.46874 0,-1.48958 0.85416,-2.52083 0.85417,-1.03125 2.375,-1.38542 z m -0.77083,-3.32291 q 0,1.20833 0.75,1.88542 0.76041,0.67708 2.12499,0.67708 1.35417,0 2.11458,-0.67708 0.77083,-0.67709 0.77083,-1.88542 0,-1.20833 -0.77083,-1.88541 -0.76041,-0.67708 -2.11458,-0.67708 -1.36458,0 -2.12499,0.67708 -0.75,0.67708 -0.75,1.88541 z m 11.41664,-3.94791 h 9.99999 v 0.89583 l -5.64583,14.65623 h -2.19791 l 5.31249,-13.78123 h -7.46874 z m 14.10415,12.90623 h 2.19791 v 2.64583 h -2.19791 z m 6.80207,-12.90623 h 8.2604 v 1.77083 h -6.33332 v 3.8125 q 0.45833,-0.15625 0.91666,-0.22917 0.45834,-0.0833 0.91667,-0.0833 2.60416,0 4.12499,1.42708 1.52083,1.42708 1.52083,3.86457 0,2.51042 -1.56249,3.90625 -1.5625,1.38541 -4.40625,1.38541 -0.97916,0 -1.99999,-0.16666 -1.01042,-0.16667 -2.09375,-0.5 v -2.11458 q 0.9375,0.51041 1.9375,0.76041 1,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94791 1.05208,-0.94792 1.05208,-2.57292 0,-1.62499 -1.05208,-2.57291 -1.05208,-0.94791 -2.85416,-0.94791 -0.84375,0 -1.6875,0.1875 -0.83333,0.1875 -1.70833,0.58333 z"
|
||
/>
|
||
</g>
|
||
<g aria-label="α=180°, d=75">
|
||
<path
|
||
class="measurement-drawing"
|
||
d="m 152.87961,251.62318 a 37.5,37.5 0 0 1 -37.5,37.5 37.5,37.5 0 0 1 -37.500002,-37.5 37.5,37.5 0 0 1 37.500002,-37.5 37.5,37.5 0 0 1 37.5,37.5 z"
|
||
/>
|
||
<path
|
||
class="measurement-text"
|
||
d="m 82.95778,331.13567 -0.458333,-2.40625 q -0.468749,-2.46874 -2.322913,-2.46874 -1.395831,0 -2.031246,1.14583 -0.802083,1.4375 -0.802083,3.33333 0,2.29166 0.781249,3.38541 0.791666,1.11458 2.05208,1.11458 1.395831,0 2.14583,-2.21875 z m 1.072915,-3.1875 1.031248,-3.05207 h 1.708331 l -2.135413,6.3229 0.416666,2.28125 q 0.09375,0.51041 0.458332,0.9375 0.427083,0.5 0.760416,0.5 h 0.916665 v 1.62499 h -1.145832 q -0.979165,0 -1.854163,-0.87499 -0.427083,-0.4375 -0.604166,-1.35417 -0.479166,1.15625 -1.458331,2.0625 -0.458333,0.42708 -1.947914,0.42708 -2.447912,0 -3.635411,-1.58333 -1.218748,-1.63541 -1.218748,-4.49999 0,-3.0625 1.322915,-4.5 1.468748,-1.60416 3.531244,-1.60416 3.239579,0 3.854161,3.31249 z m 6.43749,-1.07291 h 13.354145 v 1.75 H 90.468185 Z m 0,4.24999 h 13.354145 v 1.77083 H 90.468185 Z m 18.260385,3.66666 h 3.4375 v -11.86456 l -3.73958,0.75 v -1.91667 l 3.71874,-0.74999 h 2.10417 v 13.78122 h 3.43749 v 1.77083 h -8.95832 z m 17.70831,-5.61457 q -1.5,0 -2.36458,0.80208 -0.85417,0.80208 -0.85417,2.20833 0,1.40625 0.85417,2.20833 0.86458,0.80208 2.36458,0.80208 1.5,0 2.36458,-0.80208 0.86458,-0.8125 0.86458,-2.20833 0,-1.40625 -0.86458,-2.20833 -0.85417,-0.80208 -2.36458,-0.80208 z m -2.10416,-0.89583 q -1.35417,-0.33334 -2.11458,-1.26042 -0.75,-0.92708 -0.75,-2.26041 0,-1.86458 1.32291,-2.94791 1.33333,-1.08333 3.64583,-1.08333 2.32291,0 3.64583,1.08333 1.32291,1.08333 1.32291,2.94791 0,1.33333 -0.76041,2.26041 -0.75,0.92708 -2.09375,1.26042 1.52083,0.35416 2.36458,1.38541 0.85416,1.03125 0.85416,2.52083 0,2.26041 -1.38541,3.46875 -1.375,1.20833 -3.94791,1.20833 -2.57291,0 -3.95833,-1.20833 -1.375,-1.20834 -1.375,-3.46875 0,-1.48958 0.85417,-2.52083 0.85416,-1.03125 2.375,-1.38541 z m -0.77084,-3.32291 q 0,1.20833 0.75,1.88541 0.76042,0.67708 2.125,0.67708 1.35416,0 2.11458,-0.67708 0.77083,-0.67708 0.77083,-1.88541 0,-1.20834 -0.77083,-1.88542 -0.76042,-0.67708 -2.11458,-0.67708 -1.36458,0 -2.125,0.67708 -0.75,0.67708 -0.75,1.88542 z m 16.44789,-2.5625 q -1.62499,0 -2.44791,1.60416 -0.8125,1.59375 -0.8125,4.80208 0,3.19791 0.8125,4.80208 0.82292,1.59374 2.44791,1.59374 1.63542,0 2.44792,-1.59374 0.82291,-1.60417 0.82291,-4.80208 0,-3.20833 -0.82291,-4.80208 -0.8125,-1.60416 -2.44792,-1.60416 z m 0,-1.66666 q 2.61458,0 3.98958,2.07291 1.38542,2.0625 1.38542,5.99999 0,3.92708 -1.38542,5.99999 -1.375,2.0625 -3.98958,2.0625 -2.61458,0 -3.99999,-2.0625 -1.375,-2.07291 -1.375,-5.99999 0,-3.93749 1.375,-5.99999 1.38541,-2.07291 3.99999,-2.07291 z m 12.12498,1.34374 q -0.83333,0 -1.40624,0.58334 -0.57292,0.57291 -0.57292,1.40624 0,0.82292 0.57292,1.39584 0.57291,0.56249 1.40624,0.56249 0.83334,0 1.40625,-0.56249 0.57292,-0.57292 0.57292,-1.39584 0,-0.82291 -0.58333,-1.40624 -0.57292,-0.58334 -1.39584,-0.58334 z m 0,-1.34374 q 0.66667,0 1.28125,0.26041 0.61458,0.25 1.0625,0.72917 0.47917,0.46875 0.71875,1.0625 0.23958,0.59374 0.23958,1.28124 0,1.375 -0.96875,2.33333 -0.95833,0.94792 -2.35416,0.94792 -1.40625,0 -2.34375,-0.9375 -0.93749,-0.9375 -0.93749,-2.34375 0,-1.39583 0.95833,-2.36458 0.95833,-0.96874 2.34374,-0.96874 z"
|
||
/>
|
||
<path
|
||
class="measurement-text"
|
||
d="m 96.212967,354.15603 v -6.31249 h 1.916664 v 16.20831 h -1.916664 v -1.75 q -0.604165,1.04166 -1.531247,1.55208 -0.916665,0.5 -2.20833,0.5 -2.11458,0 -3.447911,-1.6875 -1.322915,-1.6875 -1.322915,-4.43749 0,-2.75 1.322915,-4.43749 1.333331,-1.6875 3.447911,-1.6875 1.291665,0 2.20833,0.51041 0.927082,0.5 1.531247,1.54167 z m -6.531239,4.07291 q 0,2.11458 0.864582,3.32291 0.874998,1.19792 2.395829,1.19792 1.520831,0 2.39583,-1.19792 0.874998,-1.20833 0.874998,-3.32291 0,-2.11458 -0.874998,-3.3125 -0.874999,-1.20833 -2.39583,-1.20833 -1.520831,0 -2.395829,1.20833 -0.864582,1.19792 -0.864582,3.3125 z m 12.645812,-3.86458 h 13.35415 v 1.75 h -13.35415 z m 0,4.24999 h 13.35415 v 1.77084 h -13.35415 z m 17.36456,-10.11456 h 9.99998 v 0.89583 l -5.64582,14.65623 h -2.19792 l 5.31249,-13.78123 h -7.46873 z m 14.12497,0 h 8.26041 v 1.77083 h -6.33333 v 3.81249 q 0.45833,-0.15625 0.91667,-0.22916 0.45833,-0.0833 0.91666,-0.0833 2.60417,0 4.125,1.42708 1.52083,1.42708 1.52083,3.86458 0,2.51041 -1.5625,3.90624 -1.5625,1.38542 -4.40624,1.38542 -0.97917,0 -2,-0.16667 -1.01042,-0.16666 -2.09375,-0.5 v -2.11458 q 0.9375,0.51042 1.9375,0.76042 1,0.25 2.11458,0.25 1.80208,0 2.85416,-0.94792 1.05208,-0.94791 1.05208,-2.57291 0,-1.625 -1.05208,-2.57291 -1.05208,-0.94792 -2.85416,-0.94792 -0.84375,0 -1.6875,0.1875 -0.83333,0.1875 -1.70833,0.58334 z"
|
||
/>
|
||
</g>
|
||
</svg>
|
||
<figcaption>
|
||
Example icon depicting an arrow pointing up, which follows the
|
||
design rules outlined above. Two bends are given an angle-marker and
|
||
values that describe one as a 90° angle with a 50 px bend radius,
|
||
and the other as a 135° angle with a a 75 px bend. At one end of the
|
||
only line, the line-width is marked as 50 px.
|
||
</figcaption>
|
||
</figure>
|
||
</main>
|
||
</div>
|
||
<script
|
||
src="../assets/script/styleguide.js"
|
||
type="text/javascript"
|
||
></script>
|
||
</body>
|
||
</html>
|