Create a configurable icon background

Here are examples with various widths, heights icon sizes and blank areas.

https://icon-background.pages.dev/?options={%22json%22:{%22xMax%22:384,%22yMax%22:1708,%22maxWidth%22:4}}

https://icon-background.pages.dev/?options={%22json%22:{%22xMax%22:1024,%22yMax%22:1708,%22maxWidth%22:9}}

https://icon-background.pages.dev/?options={%22json%22:{%22xMax%22:1670,%22yMax%22:1852,%22maxWidth%22:9,%22blank%22:{%22ellipse%22:true,%22padding%22:0,%22top%22:48,%22left%22:515,%22width%22:640,%22height%22:549}}}

https://icon-background.pages.dev/?options={%22json%22:{%22xMax%22:384,%22yMax%22:1708,%22maxWidth%22:4,%22blank%22:{%22circle%22:true,%22padding%22:0,%22top%22:132,%22left%22:48,%22width%22:288,%22height%22:247}}}

https://icon-background.pages.dev/?options={%22json%22:{%22xMax%22:640,%22yMax%22:1600,%22maxWidth%22:3,%22blank%22:{%22ellipse%22:true,%22padding%22:0,%22top%22:56,%22left%22:200,%22width%22:240,%22height%22:206}}}

https://icon-background.pages.dev/?options={%22json%22:{%22xMax%22:640,%22yMax%22:1600,%22maxWidth%22:3,%22blank%22:{%22ellipse%22:false,%22padding%22:50,%22top%22:56,%22left%22:200,%22width%22:240,%22height%22:206}}}

🏗️ Icon, color, transformation options under construction

Use https://github.com/genie-design/icon-bg-wrangler to take screenshots and use on your site