SVG Icon Craft — Cyberflow RPG Icon Design System

1. Cyberpunk SVG Icon Design Principles

Visual Language

• Sharp angles — No rounded, friendly shapes. Use 45-degree and 60-degree angles, angular silhouettes
• Circuit board motifs — Thin lines connecting elements, node dots at intersections
• Geometric precision — Hexagons, triangles, diamonds — avoid circles (too soft)
• Negative space — Use cutouts and voids to create depth
• Neon-ready — Icons work as outlines with glow applied via CSS (stroke only, no fills)
• Monochrome base — Design in single color (currentColor), let CSS handle color and glow

Grid System