adamschwartz / get.svg.workers.dev

SVG

Basic

<img src="https://g.svg.workers.dev/?size=100&fill=black">

<img src="https://g.svg.workers.dev/?w=200&h=50&f=rgb(0,50,100)">

Scale

<img src="https://g.svg.workers.dev/?w=10&h=1&f=rgba(0,20,60,.083)&scale">

<img src="https://g.svg.workers.dev/?w=16&h=9&f=black&scale">

Stroke

<img width="80" height="80" src="https://g.svg.workers.dev/?w=40&h=40&f=rgba(0,20,60,.083)&stroke=rgba(0,20,60,.2)">
<img width="80" height="80" src="https://g.svg.workers.dev/?w=40&h=40&f=rgba(0,20,60,.083)&stroke=rgba(0,20,60,.6)">
<img width="80" height="80" src="https://g.svg.workers.dev/?w=8&h=8&f=rgba(0,20,60,.083)&stroke=rgba(0,20,60,.2)">

Layout

<img width="80" height="80" src="https://g.svg.workers.dev/?h=8&w=8&f=rgba(0,20,60,.083)&stroke=rgba(0,20,60,.5)"><img width="20" height="80" src="https://g.svg.workers.dev/?h=8&w=2"><img width="400" height="80" src="https://g.svg.workers.dev/?h=8&w=40&f=rgba(0,20,60,.04)&stroke=rgba(0,20,60,.5)"><img width="20" height="80" src="https://g.svg.workers.dev/?h=8&w=2"><img width="80" height="80" src="https://g.svg.workers.dev/?h=8&w=8&f=rgba(0,20,60,.083)&stroke=rgba(0,20,60,.5)">

<img width="80" height="240" src="https://g.svg.workers.dev/?h=24&w=8&f=rgba(0,20,60,.083)&stroke=rgba(0,20,60,.5)"><img width="20" height="240" src="https://g.svg.workers.dev/?h=24&w=2"><img width="400" height="240" src="https://g.svg.workers.dev/?h=24&w=40&f=rgba(0,20,60,.04)&stroke=rgba(0,20,60,.5)"><img width="20" height="80" src="https://g.svg.workers.dev/?h=8&w=2"><img width="80" height="240" src="https://g.svg.workers.dev/?h=24&w=8&f=rgba(0,20,60,.083)&stroke=rgba(0,20,60,.5)">

Horizontal rule

<img height="2" src="https://g.svg.workers.dev/?h=2&w=1000&fill=%23eaecef&scale">

<img height="2" src="https://g.svg.workers.dev/?h=2&w=1000&fill=%23e05a54&scale">

<img height="10" src="https://g.svg.workers.dev/?h=10&w=1000&fill=black&scale">

Miscellanous

<img width="40" height="40" src="https://g.svg.workers.dev/?s=80&fill=%236876e2">
<img width="40" height="40" src="https://g.svg.workers.dev/?s=80&fill=%233998d1">
<img width="40" height="40" src="https://g.svg.workers.dev/?s=80&fill=%232fb380">
<img width="40" height="40" src="https://g.svg.workers.dev/?s=80&fill=%23e29f50">
<img width="40" height="40" src="https://g.svg.workers.dev/?s=80&fill=%23e05a54">
<img width="40" height="40" src="https://g.svg.workers.dev/?s=80&fill=%23b66dc2">
<img width="40" height="40" src="https://g.svg.workers.dev/?s=80&fill=%238f71d3">
<img width="40" height="40" src="https://g.svg.workers.dev/?s=80&fill=%236876e2">
...

<img width="4" height="4" src="https://g.svg.workers.dev/?s=8&fill=%236876e2"><img width="18" height="4" src="https://g.svg.workers.dev/?s=8"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%233998d1"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%232fb380"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%23e29f50"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%23e05a54"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%23b66dc2"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%238f71d3"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%236876e2"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%233998d1"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%232fb380"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%23e29f50"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%23e05a54"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%23b66dc2"><img width="40" height="4" src="https://g.svg.workers.dev/?s=8&fill=%238f71d3">

Path d attr

<img width="100" height="100" src="https://g.svg.workers.dev/?s=100&d=M10,30A20,20+0,0,1+50,30A20,20+0,0,1+90,30Q90,60+50,90Q10,60+10,30z&f=red">

<img width="100" height="100" src="https://g.svg.workers.dev/?s=5&d=M2,2v-1h1v1h1v1h-1v1h-1v-1h-1v-1z&f=0&scale">