Products
Music Lunacy

Surr Style Illustrations

Surreal Surr scenes twist familiar interface elements into dreamlike layouts. Neutral palettes and doodle lines meet floating objects, giving mobile and web products a conceptual voice without overwhelming minimalist UI structures.

593+ illustrations SVG & PNG Editable colors Commercial license
A colorful character with a paint palette - Surr style illustration
Neutral Color Base
Soft grays and muted accents keep scenes readable against product UI elements.
Doodle Line Work
Loose strokes suggest motion and imperfection, adding a sketchbook feel to digital structures.
Surreal Arrangements
Floating panels and impossible staircases bend perspective while still hinting at recognizable interface patterns.
UI-Friendly Framing
Compositions leave clean negative space so headlines and buttons can sit comfortably beside illustrations and charts.

What is Surr Style?

Rounded forms and skewed angles collide with hand-drawn outlines. Neutral backgrounds support occasional color pops. Objects hover above panels and buttons, creating quiet tension inside otherwise familiar interface fragments.

App developers and creative directors reach for Surr when flows need to feel slightly uncanny. Experimental SaaS dashboards and portfolio sites use these scenes. Learning platforms frame content about process and imagination with surreal interface metaphors.

For surreal product UX

Portfolio Sites
Creative studios frame case studies with Surr scenes that hint at tools and workflows without copying literal screenshots.
Onboarding Flow
Experimental apps introduce abstract features through floating panels and figures, turning simple welcome steps into memorable visual moments.
Marketing Pages
Design-forward SaaS landing pages use surreal interface mashups to signal creativity and differentiate from more conventional competitor visuals.
Education Content
Courses about UX or creativity place Surr illustrations beside frameworks, making abstract theories and process diagrams feel more approachable.

Surreal interface motifs

Floating windows and impossible staircases sit beside dreamlike human figures that reimagine dashboards or app flows as strange landscapes. Filter the gallery by tags to find matching subjects.

Which surreal direction fits

Comparing illustration moods helps you decide how far from conventional UI patterns your product visuals should drift.

Two abstract blue shapes on a black background - Scandi style illustration
Scandi

Scandi stays minimal and geometric with flat color blocks, while Surr bends perspective and introduces hand-drawn surreal contradictions.

496+ illustrations
A woman checking her watch - 3D Flame style illustration
3D Flame

3D Flame uses glossy volumetric shapes and lighting. Surr remains flat, doodled and concept-focused with impossible interface collages.

341+ illustrations
A confident man with curly hair and a badge - Karlsson style illustration
Karlsson

Karlsson delivers friendly character scenes grounded in reality, whereas Surr distorts bodies and spaces into symbolic, dreamlike interface metaphors.

74+ illustrations
A wallet with abstract shapes around it - Grain style illustration
Grain

Grain leans on textured shading and retro palettes. Surr keeps lines cleaner and focuses on surreal layouts inside sparse environments.

74+ illustrations
A cheerful character giving a thumbs up - 3D Buddy style illustration
3D Buddy

3D Buddy emphasizes chunky characters and playful depth. Surr avoids volume, using flatter doodles to twist familiar interface components.

233+ illustrations
A muscular figure swinging towards a banana - Macaroni style illustration
Macaroni

Macaroni features tubular forms and bright curves. Surr relies on sketched outlines and muted tones arranged into uncanny UI structures.

868+ illustrations
A colorful figure with exaggerated limbs - 3D Stripy style illustration
3D Stripy

3D Stripy mixes dimensional stripes and solid figures. Surr trades volume for line-centric illusions and stranger compositional puzzles.

222+ illustrations
A person riding a bicycle with a flag - Stripy style illustration
Stripy

Stripy stays flat but graphic with bold bands and characters. Surr feels sketchier and more conceptual around interface components.

750+ illustrations
An orange cat with toilet paper - Ginger Cat style illustration
Ginger Cat

Ginger Cat focuses on a single mascot in everyday actions. Surr instead frames abstract workflows and spaces through anonymous figures.

171+ illustrations
A pipe, shamrock, coins, horseshoe, and green hat - Festicon style illustration
Festicon

Festicon celebrates holidays and events with simple icons. Surr dives into surreal environments that reference products and digital journeys.

47+ illustrations
A geometric figure with abstract shapes and colors - Geom style illustration
Geom

Geom builds strict geometric abstractions from clean shapes. Surr mixes organic doodles with irregular architecture to suggest unlikely interfaces.

61+ illustrations
A moka pot with a steaming cup - Marker style illustration
Marker

Marker looks like bold felt-tip notes over paper. Surr keeps lines finer and pushes forms into gravity-defying interface compositions.

153+ illustrations

Frequently asked questions

Yes. You can use Surr illustrations in client and commercial projects. On the free plan you must link to Icons8. Paid plans remove the attribution requirement.
All Surr assets are available as ready-to-use PNG files on the free plan and as scalable SVG files on paid subscriptions through Icons8.
Icons8 ships Surr illustrations as finished PNG or SVG exports. There are no layered source files, but you can edit SVGs in your design tools or Mega Creator.
PNG downloads are high resolution and work for many print layouts. For very large formats, SVG files on paid plans scale cleanly without loss.
Most Surr scenes are tuned for light or neutral backgrounds. You can still recolor SVG shapes or add outlines to adapt them for darker interfaces.
Abstract liquid sphere illustration 3D coins illustration 3D charts in metal box illustration

Start using Surr illustrations today

Grab Surr scenes and drop PNGs or SVGs into Figma or Sketch. Then pipe them into Webflow builds and prototypes so everyday flows gain a quietly surreal layer of meaning.

Explore Surr library