Squircley

Create fancy Squircle (Square+Circle) shapes. This became very popular among design trends from 2020-2021 and it will for sure continue to be present everywhere.

You can choose the rotation, scale, curvature and fill color. After that you can save the .svg file or copy the generated svg code ready to insert on your HTML or CSS.

The generated code can easily be used on the URL-encoder for SVG to be used in your CSS. This shape is commonly used for masking avatar photos, or to add as a background design element.

Squircley

Go to resource website

Tags

svgsquirclecssshape
Loving Plus UI Design?

Your support really makes a big difference!
Thanks a latte! ☕✨

Buy me a coffee

Figma Plugins

Figma to Plugin API

Figma to Plugin API

Figma to React Bootstrap

Figma to React Bootstrap

Figma to Tailwind AI

Figma to Tailwind AI

Figma to Tailwind CSS

Figma to Tailwind CSS

File Thumbnails Generator

File Thumbnails Generator

Iconiverse

Iconiverse

Ikonate to Figma

Ikonate to Figma

Lorem Picsum to Figma

Lorem Picsum to Figma

Neumorphism Shadow Generator

Neumorphism Shadow Generator

PageGenius Pro

PageGenius Pro

Popular Brand Logos

Popular Brand Logos

QR Code Gen Z

QR Code Gen Z

Seamless Waves Generator

Seamless Waves Generator

SVG Patterns

SVG Patterns

Tailwind Blocks

Tailwind Blocks

Tech Stack & Design Stack Icons

Tech Stack & Design Stack Icons

UI Table Builder

UI Table Builder

Ultimate Blob Maker Designer

Ultimate Blob Maker Designer

Variables Doc Designer

Variables Doc Designer

TwitterFacebookInstagramPinterest

Plus UI Design 2020 - 2024

Designed & Coded by@keno_reloaded