Test

Prompt

Write complete, self-contained SVG code for an interactive electric desk fan featuring clickable speed control buttons integrated directly into its base. Visual Design: Modern vector desk fan (outer cage, central hub, blades, stand, and a control console base). Use a clean, sleek color palette (e.g., dark matte metallic body with distinct accent buttons). Control Panel: Render UI buttons directly inside the SVG graphic labeled 'Off', '1', '2', and '3' (or Low, Med, High) on the base. Animation & Interactivity (JavaScript): Define a CSS rotation keyframe animation for the fan blades (@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }). Embed an internal <script> tag within the SVG that adds click event listeners to the control buttons. Clicking a button should dynamically change the CSS animation duration or play/pause state of the blades (e.g., Off = paused/stopped, Low = 1.5s, Med = 0.6s, High = 0.2s). Structure: Ensure proper scaling using viewBox="0 0 800 800", with all styles in a <style> block and logic in a <script> block. Output: Return strictly valid, raw SVG code with no markdown text or explanation outside of it.