Plus UI Design · Practical guides

Guides for Squircly

Practical workflows, examples and troubleshooting for Squircly. Choose the task you want to complete.

Create and export an SVG squircle

Adjust curvature, rotation and appearance to make a shape that fits your composition.

Design an icon tile using a squircle

Use the shape as a consistent container while giving the icon enough room to remain recognizable.

Keep a squircle sharp after export

Preserve the SVG geometry and check the surrounding layout when the exported shape appears distorted.