Preview image. Unlock full-res
Mobile app charging status indicator combining dark background, bright yellow lightning silhouette, and white percentage and time-to-charge labels.
Summary
Charging status icon with dark square background, large yellow lightning bolt shape, and white text displaying battery percentage, status label, and time-to-full-charge estimate.
Visual description
Square icon with rounded corners on dark charcoal background. A bright, electric-yellow lightning bolt occupies the bottom-right half of the square, tilted diagonally. Top left displays white sans-serif text: "52%" in large numerals, "Charged" as label in smaller gray type. Below reads "2.5 hours" and "for full charge" in white and gray respectively. A subtle gradient shadow effect on the upper-right edge adds depth. The high contrast between dark ground and bright yellow creates immediate visual impact for quick scanning in app notifications or status bars.
Key takeaway
Diagonal lightning bolt composition creates motion and urgency without animation; large percentage typography paired with smaller supporting text (status + time) establishes clear information hierarchy; neon yellow against dark background achieves high contrast and accessibility while feeling energetic rather than warning-like.
Reuse notes
Ideal for mobile charging, battery-status, or power-related UI. The yellow-on-dark palette works in notification centers, lock screens, and status indicators. Consider this approach for any "charging", "loading", or "energy" metaphors in consumer electronics or apps.
