110 lines
3.2 KiB
HTML
110 lines
3.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de"><head>
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Fahrrad mit Auto-Verbotssymbol</title>
|
|
<style>
|
|
html, body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
background: #ffffff;
|
|
}
|
|
|
|
body {
|
|
display: grid;
|
|
place-items: center;
|
|
overflow: hidden;
|
|
}
|
|
|
|
svg {
|
|
display: block;
|
|
width: min(90vw, 1100px);
|
|
height: min(90vh, 720px);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<svg viewBox="0 0 1000 600" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="title desc" preserveAspectRatio="xMidYMid meet">
|
|
<title id="title">Fahrrad mit rotem Auto-Verbotssymbol</title>
|
|
<desc id="desc">
|
|
Ein minimalistisches schwarzes Fahrrad. Das Vorderrad ist rot und
|
|
enthält ein schwarzes Auto mit rotem Verbotsstrich von oben rechts
|
|
nach unten links.
|
|
</desc>
|
|
|
|
<!-- Hinterrad und Fahrrad -->
|
|
<g fill="none" stroke="#111111" stroke-width="20" stroke-linecap="round" stroke-linejoin="round">
|
|
<!-- Hinterrad -->
|
|
<circle cx="260" cy="385" r="125"></circle>
|
|
|
|
<!-- Rahmen -->
|
|
<path d="M260 385 L385 220 L475 385 Z"></path>
|
|
<path d="M385 220 L545 220 L475 385"></path>
|
|
<path d="M260 385 L475 385"></path>
|
|
|
|
<!-- Sattel -->
|
|
<path d="M385 220 L365 155"></path>
|
|
<path d="M332 150 H400"></path>
|
|
|
|
<!-- Steuerrohr und Lenker -->
|
|
<path d="M545 220 L530 150"></path>
|
|
<path d="M530 150 H585"></path>
|
|
<path d="M585 150 Q610 150 610 175 Q610 198 585 198"></path>
|
|
|
|
<!-- Hinterbau -->
|
|
<path d="M475 385 L545 220"></path>
|
|
|
|
<!-- Gabel: endet exakt am oberen Rand des Vorderrads -->
|
|
<path d="M545 220 L602 287"></path>
|
|
|
|
<!-- Kurbel -->
|
|
<circle cx="475" cy="385" r="20" fill="#111111"></circle>
|
|
</g>
|
|
|
|
<!-- Rotes Vorderrad -->
|
|
<circle cx="690" cy="385" r="125" fill="none" stroke="#d32626" stroke-width="20"></circle>
|
|
|
|
<!-- Auto-Verbotssymbol -->
|
|
<g transform="translate(690 385)">
|
|
<!-- Auto -->
|
|
<path d="M-74 18
|
|
L-62 -28
|
|
Q-56 -52 -32 -58
|
|
H32
|
|
Q56 -52 62 -28
|
|
L74 18
|
|
V48
|
|
Q74 60 62 60
|
|
H-62
|
|
Q-74 60 -74 48
|
|
Z" fill="#111111"></path>
|
|
|
|
<!-- Windschutzscheibe -->
|
|
<path d="M-42 -30
|
|
Q-38 -42 -24 -45
|
|
H24
|
|
Q38 -42 42 -30
|
|
L47 -12
|
|
H-47
|
|
Z" fill="#ffffff"></path>
|
|
|
|
<!-- Scheinwerfer -->
|
|
<circle cx="-45" cy="27" r="10" fill="#ffffff"></circle>
|
|
<circle cx="45" cy="27" r="10" fill="#ffffff"></circle>
|
|
|
|
<!-- Kühleröffnung -->
|
|
<rect x="-24" y="25" width="48" height="10" rx="5" fill="#ffffff"></rect>
|
|
|
|
<!-- Räder -->
|
|
<circle cx="-48" cy="62" r="12" fill="#111111"></circle>
|
|
<circle cx="48" cy="62" r="12" fill="#111111"></circle>
|
|
|
|
<!-- Roter Verbotsstrich: oben rechts nach unten links -->
|
|
<path d="M88 -88 L-88 88" fill="none" stroke="#d32626" stroke-width="18" stroke-linecap="round"></path>
|
|
</g>
|
|
</svg>
|
|
|
|
|
|
</body></html> |