← Каталог
SVG — рисунки кодом — Простая снежинка
Фрагмент из «SVG — рисунки кодом»: Простая снежинка.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Снежинка SVG</title>
<style>
body { margin: 0; display: grid; place-items: center; min-height: 100dvh; background: #0f172a; }
</style>
</head>
<body>
<svg width="260" height="260" viewBox="0 0 260 260" role="img" aria-label="Снежинка">
<g transform="translate(130 130)" stroke="#67e8f9" stroke-width="3" stroke-linecap="round">
<line x1="0" y1="-70" x2="0" y2="70"/>
<line x1="-70" y1="0" x2="70" y2="0"/>
<line x1="-49" y1="-49" x2="49" y2="49"/>
<line x1="49" y1="-49" x2="-49" y2="49"/>
<line x1="0" y1="-70" x2="0" y2="70" transform="rotate(22.5)"/>
<line x1="0" y1="-70" x2="0" y2="70" transform="rotate(45)"/>
<line x1="0" y1="-70" x2="0" y2="70" transform="rotate(67.5)"/>
<line x1="0" y1="-70" x2="0" y2="70" transform="rotate(90)"/>
</g>
</svg>
</body>
</html><!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Снежинка SVG</title>
<style>
body { margin: 0; display: grid; place-items: center; min-height: 100dvh; background: #0f172a; }
</style>
</head>
<body>
<svg width="260" height="260" viewBox="0 0 260 260" role="img" aria-label="Снежинка">
<g transform="translate(130 130)" stroke="#67e8f9" stroke-width="3" stroke-linecap="round">
<line x1="0" y1="-70" x2="0" y2="70"/>
<line x1="-70" y1="0" x2="70" y2="0"/>
<line x1="-49" y1="-49" x2="49" y2="49"/>
<line x1="49" y1="-49" x2="-49" y2="49"/>
<line x1="0" y1="-70" x2="0" y2="70" transform="rotate(22.5)"/>
<line x1="0" y1="-70" x2="0" y2="70" transform="rotate(45)"/>
<line x1="0" y1="-70" x2="0" y2="70" transform="rotate(67.5)"/>
<line x1="0" y1="-70" x2="0" y2="70" transform="rotate(90)"/>
</g>
</svg>
</body>
</html>