Skip to main content
PUBLIC.INTERNET
⚡ Instant Access🔒 Privacy First🆓 Always Free📱 Works Everywhere

Squircle Generator - Super-Ellipse SVG Maker

Apple's app icons aren't rounded rectangles - they're squircles (super-ellipses). This squircle generator creates mathematically perfect smooth-cornered shapes used by Apple, Figma, and premium brands worldwide. More elegant than border-radius, squircles have continuous curvature that feels organic. Export SVG code for icons, buttons, cards, or any UI element. Free, precise, professional. It is ideal for designers and marketers who want polished assets without opening heavyweight software. Tweak settings, preview changes instantly, then export and download in a clean format. Everything runs in your browser, so your files stay on your device. Built for speed, clarity, and repeat use. Copy the SVG path into Figma or code to keep corners consistent across your whole design system.

0.6 = iOS, 0.8 = Figma, 1.0 = Perfect circle

Preview

SVG Code

How to Generate Squircles
  1. Set dimensions - Width, height, and size
  2. Adjust smoothness - Control the curve intensity (lower = rounder)
  3. Choose corner radius - How much to round the corners
  4. Export SVG code - Copy for use in web or design tools
Understanding Super-Ellipses
Squircles use the super-ellipse formula:|x/a|^n + |y/b|^n = 1 where n controls curvature. When n=2, you get a perfect circle. When n=4, you get a squircle - somewhere between a circle and a square with continuously smooth curves. CSS border-radius creates arcs (pieces of circles), which aren't as mathematically smooth. 
Why Apple chose squircles: Traditional rounded rectangles have abrupt transitions between straight edges and curves. Squircles have continuous curvature - the rate of curvature changes smoothly. This feels more organic and premium. It's why app icons look elegant, not boxy. 
Pro tip: Use squircles for app icons, buttons with high visual weight, or cards that need to feel premium. For typical UI elements, CSS border-radius is faster. To implement: use SVG as background or clip-path. For interactive elements, use inline SVG with hover states. Squircles look best at sizes 64px and larger.