---
title: Squircley
date: 2021-03-06T18:17:56.414Z
url: https://squircley.app/
thumbnail: /images/uploads/screenshot-squircley.app-2021.03.06-19_17_25.webp
category:
  - SVG
tags:
  - svg
  - squircle
  - css
  - shape
---
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](https://www.plusuidesign.com/resources/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.