klemek/CompuLogic
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

SVG to PNG

Browse Source
This commit is contained in:
klemek
2020-12-22 11:37:35 +01:00
parent 972a689d9c
commit 0c64c185ab
91 changed files with 2941 additions and 1431 deletions
Download Patch File Download Diff File Expand all files Collapse all files
SVG/Gates/and.svg
Executable
+37
View File
@@ -0,0 +1,37 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="500" height="500" viewBox="0 0 500 500">
<!--<g style="stroke:rgb(0,0,255);stroke-width:2">
<line x1="0" y1="0" x2="500" y2="0"/>
<line x1="0" y1="100" x2="500" y2="100"/>
<line x1="0" y1="200" x2="500" y2="200"/>
<line x1="0" y1="300" x2="500" y2="300"/>
<line x1="0" y1="400" x2="500" y2="400"/>
<line x1="0" y1="500" x2="500" y2="500"/>
<line y1="0" x1="0" y2="500" x2="0"/>
<line y1="0" x1="100" y2="500" x2="100"/>
<line y1="0" x1="200" y2="500" x2="200"/>
<line y1="0" x1="300" y2="500" x2="300"/>
<line y1="0" x1="400" y2="500" x2="400"/>
<line y1="0" x1="500" y2="500" x2="500"/>
</g>
<g style="stroke:rgb(255,0,0);stroke-width:1">
<line x1="0" y1="50" x2="500" y2="50"/>
<line x1="0" y1="150" x2="500" y2="150"/>
<line x1="0" y1="250" x2="500" y2="250"/>
<line x1="0" y1="350" x2="500" y2="350"/>
<line x1="0" y1="450" x2="500" y2="450"/>
<line y1="0" x1="50" y2="500" x2="50"/>
<line y1="0" x1="150" y2="500" x2="150"/>
<line y1="0" x1="250" y2="500" x2="250"/>
<line y1="0" x1="350" y2="500" x2="350"/>
<line y1="0" x1="450" y2="500" x2="450"/>
</g>-->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 60 50 L 225 50 C 515 50, 515 450, 225 450 L 60 450 Z" />
</g>
<!--<g style="stroke:none;fill:green">
<circle cx="50" cy="150" r="20"/>
<circle cx="50" cy="350" r="20"/>
<circle cx="450" cy="250" r="20"/>
</g>-->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

SVG/Gates/buffer.svg
Executable
+36
View File
@@ -0,0 +1,36 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="300" height="300" viewBox="0 0 300 300">
<!--<g style="stroke:rgb(0,0,255);stroke-width:2">
<line x1="0" y1="0" x2="500" y2="0"/>
<line x1="0" y1="100" x2="500" y2="100"/>
<line x1="0" y1="200" x2="500" y2="200"/>
<line x1="0" y1="300" x2="500" y2="300"/>
<line x1="0" y1="400" x2="500" y2="400"/>
<line x1="0" y1="500" x2="500" y2="500"/>
<line y1="0" x1="0" y2="500" x2="0"/>
<line y1="0" x1="100" y2="500" x2="100"/>
<line y1="0" x1="200" y2="500" x2="200"/>
<line y1="0" x1="300" y2="500" x2="300"/>
<line y1="0" x1="400" y2="500" x2="400"/>
<line y1="0" x1="500" y2="500" x2="500"/>
</g>
<g style="stroke:rgb(255,0,0);stroke-width:1">
<line x1="0" y1="50" x2="500" y2="50"/>
<line x1="0" y1="150" x2="500" y2="150"/>
<line x1="0" y1="250" x2="500" y2="250"/>
<line x1="0" y1="350" x2="500" y2="350"/>
<line x1="0" y1="450" x2="500" y2="450"/>
<line y1="0" x1="50" y2="500" x2="50"/>
<line y1="0" x1="150" y2="500" x2="150"/>
<line y1="0" x1="250" y2="500" x2="250"/>
<line y1="0" x1="350" y2="500" x2="350"/>
<line y1="0" x1="450" y2="500" x2="450"/>
</g>-->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 60 50 L 240 150 L 60 250 Z" />
</g>
<!--<g style="stroke:none;fill:green">
<circle cx="50" cy="150" r="20"/>
<circle cx="250" cy="150" r="20"/>
</g>-->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

SVG/Gates/default.svg
Executable
+35
View File
@@ -0,0 +1,35 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="300" height="300" viewBox="0 0 300 300">
<!-- <g style="stroke:rgb(0,0,255);stroke-width:2"> -->
<!-- <line x1="0" y1="0" x2="500" y2="0"/> -->
<!-- <line x1="0" y1="100" x2="500" y2="100"/> -->
<!-- <line x1="0" y1="200" x2="500" y2="200"/> -->
<!-- <line x1="0" y1="300" x2="500" y2="300"/> -->
<!-- <line x1="0" y1="400" x2="500" y2="400"/> -->
<!-- <line x1="0" y1="500" x2="500" y2="500"/> -->
<!-- <line y1="0" x1="0" y2="500" x2="0"/> -->
<!-- <line y1="0" x1="100" y2="500" x2="100"/> -->
<!-- <line y1="0" x1="200" y2="500" x2="200"/> -->
<!-- <line y1="0" x1="300" y2="500" x2="300"/> -->
<!-- <line y1="0" x1="400" y2="500" x2="400"/> -->
<!-- <line y1="0" x1="500" y2="500" x2="500"/> -->
<!-- </g> -->
<!-- <g style="stroke:rgb(255,0,0);stroke-width:1"> -->
<!-- <line x1="0" y1="50" x2="500" y2="50"/> -->
<!-- <line x1="0" y1="150" x2="500" y2="150"/> -->
<!-- <line x1="0" y1="250" x2="500" y2="250"/> -->
<!-- <line x1="0" y1="350" x2="500" y2="350"/> -->
<!-- <line x1="0" y1="450" x2="500" y2="450"/> -->
<!-- <line y1="0" x1="50" y2="500" x2="50"/> -->
<!-- <line y1="0" x1="150" y2="500" x2="150"/> -->
<!-- <line y1="0" x1="250" y2="500" x2="250"/> -->
<!-- <line y1="0" x1="350" y2="500" x2="350"/> -->
<!-- <line y1="0" x1="450" y2="500" x2="450"/> -->
<!-- </g> -->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 50 50 H 250 V 250 H 50 Z" />
</g>
<!-- <g style="stroke:none;fill:green"> -->
<!-- <circle cx="150" cy="150" r="40"/> -->
<!-- </g> -->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

SVG/Gates/input.svg
Executable
+35
View File
@@ -0,0 +1,35 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="300" height="300" viewBox="0 0 300 300">
<!-- <g style="stroke:rgb(0,0,255);stroke-width:2"> -->
<!-- <line x1="0" y1="0" x2="500" y2="0"/> -->
<!-- <line x1="0" y1="100" x2="500" y2="100"/> -->
<!-- <line x1="0" y1="200" x2="500" y2="200"/> -->
<!-- <line x1="0" y1="300" x2="500" y2="300"/> -->
<!-- <line x1="0" y1="400" x2="500" y2="400"/> -->
<!-- <line x1="0" y1="500" x2="500" y2="500"/> -->
<!-- <line y1="0" x1="0" y2="500" x2="0"/> -->
<!-- <line y1="0" x1="100" y2="500" x2="100"/> -->
<!-- <line y1="0" x1="200" y2="500" x2="200"/> -->
<!-- <line y1="0" x1="300" y2="500" x2="300"/> -->
<!-- <line y1="0" x1="400" y2="500" x2="400"/> -->
<!-- <line y1="0" x1="500" y2="500" x2="500"/> -->
<!-- </g> -->
<!-- <g style="stroke:rgb(255,0,0);stroke-width:1"> -->
<!-- <line x1="0" y1="50" x2="500" y2="50"/> -->
<!-- <line x1="0" y1="150" x2="500" y2="150"/> -->
<!-- <line x1="0" y1="250" x2="500" y2="250"/> -->
<!-- <line x1="0" y1="350" x2="500" y2="350"/> -->
<!-- <line x1="0" y1="450" x2="500" y2="450"/> -->
<!-- <line y1="0" x1="50" y2="500" x2="50"/> -->
<!-- <line y1="0" x1="150" y2="500" x2="150"/> -->
<!-- <line y1="0" x1="250" y2="500" x2="250"/> -->
<!-- <line y1="0" x1="350" y2="500" x2="350"/> -->
<!-- <line y1="0" x1="450" y2="500" x2="450"/> -->
<!-- </g> -->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 50 50 H 250 V 250 H 50 Z" />
</g>
<!-- <g style="stroke:none;fill:green"> -->
<!-- <circle cx="150" cy="150" r="40"/> -->
<!-- </g> -->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

SVG/Gates/nand.svg
Executable
+38
View File
@@ -0,0 +1,38 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="600" height="500" viewBox="0 0 600 500">
<!--<g style="stroke:rgb(0,0,255);stroke-width:2">
<line x1="0" y1="0" x2="500" y2="0"/>
<line x1="0" y1="100" x2="500" y2="100"/>
<line x1="0" y1="200" x2="500" y2="200"/>
<line x1="0" y1="300" x2="500" y2="300"/>
<line x1="0" y1="400" x2="500" y2="400"/>
<line x1="0" y1="500" x2="500" y2="500"/>
<line y1="0" x1="0" y2="500" x2="0"/>
<line y1="0" x1="100" y2="500" x2="100"/>
<line y1="0" x1="200" y2="500" x2="200"/>
<line y1="0" x1="300" y2="500" x2="300"/>
<line y1="0" x1="400" y2="500" x2="400"/>
<line y1="0" x1="500" y2="500" x2="500"/>
</g>
<g style="stroke:rgb(255,0,0);stroke-width:1">
<line x1="0" y1="50" x2="500" y2="50"/>
<line x1="0" y1="150" x2="500" y2="150"/>
<line x1="0" y1="250" x2="500" y2="250"/>
<line x1="0" y1="350" x2="500" y2="350"/>
<line x1="0" y1="450" x2="500" y2="450"/>
<line y1="0" x1="50" y2="500" x2="50"/>
<line y1="0" x1="150" y2="500" x2="150"/>
<line y1="0" x1="250" y2="500" x2="250"/>
<line y1="0" x1="350" y2="500" x2="350"/>
<line y1="0" x1="450" y2="500" x2="450"/>
</g>-->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 60 50 L 225 50 C 515 50, 515 450, 225 450 L 60 450 Z" />
<circle cx="490" cy="250" r="35"/>
</g>
<!--<g style="stroke:none;fill:green">
<circle cx="50" cy="150" r="20"/>
<circle cx="50" cy="350" r="20"/>
<circle cx="550" cy="250" r="20"/>
</g>-->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

SVG/Gates/nor.svg
Executable
+38
View File
@@ -0,0 +1,38 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="600" height="500" viewBox="0 0 600 500">
<!--<g style="stroke:rgb(0,0,255);stroke-width:2">
<line x1="0" y1="0" x2="500" y2="0"/>
<line x1="0" y1="100" x2="500" y2="100"/>
<line x1="0" y1="200" x2="500" y2="200"/>
<line x1="0" y1="300" x2="500" y2="300"/>
<line x1="0" y1="400" x2="500" y2="400"/>
<line x1="0" y1="500" x2="500" y2="500"/>
<line y1="0" x1="0" y2="500" x2="0"/>
<line y1="0" x1="100" y2="500" x2="100"/>
<line y1="0" x1="200" y2="500" x2="200"/>
<line y1="0" x1="300" y2="500" x2="300"/>
<line y1="0" x1="400" y2="500" x2="400"/>
<line y1="0" x1="500" y2="500" x2="500"/>
</g>
<g style="stroke:rgb(255,0,0);stroke-width:1">
<line x1="0" y1="50" x2="500" y2="50"/>
<line x1="0" y1="150" x2="500" y2="150"/>
<line x1="0" y1="250" x2="500" y2="250"/>
<line x1="0" y1="350" x2="500" y2="350"/>
<line x1="0" y1="450" x2="500" y2="450"/>
<line y1="0" x1="50" y2="500" x2="50"/>
<line y1="0" x1="150" y2="500" x2="150"/>
<line y1="0" x1="250" y2="500" x2="250"/>
<line y1="0" x1="350" y2="500" x2="350"/>
<line y1="0" x1="450" y2="500" x2="450"/>
</g>-->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 10 50 L 150 50 C 375 50, 440 250, 440 250 C 440 250, 375 450, 150 450 L 20 450 L 150 450 L 10 450 C 110 400, 110 100, 10 50 L 150 50 L 10 50 Z" />
<circle cx="490" cy="250" r="35"/>
</g>
<!--<g style="stroke:none;fill:green">
<circle cx="50" cy="150" r="20"/>
<circle cx="50" cy="350" r="20"/>
<circle cx="550" cy="250" r="20"/>
</g>-->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

SVG/Gates/not.svg
Executable
+37
View File
@@ -0,0 +1,37 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="400" height="300" viewBox="0 0 400 300">
<!--<g style="stroke:rgb(0,0,255);stroke-width:2">
<line x1="0" y1="0" x2="500" y2="0"/>
<line x1="0" y1="100" x2="500" y2="100"/>
<line x1="0" y1="200" x2="500" y2="200"/>
<line x1="0" y1="300" x2="500" y2="300"/>
<line x1="0" y1="400" x2="500" y2="400"/>
<line x1="0" y1="500" x2="500" y2="500"/>
<line y1="0" x1="0" y2="500" x2="0"/>
<line y1="0" x1="100" y2="500" x2="100"/>
<line y1="0" x1="200" y2="500" x2="200"/>
<line y1="0" x1="300" y2="500" x2="300"/>
<line y1="0" x1="400" y2="500" x2="400"/>
<line y1="0" x1="500" y2="500" x2="500"/>
</g>
<g style="stroke:rgb(255,0,0);stroke-width:1">
<line x1="0" y1="50" x2="500" y2="50"/>
<line x1="0" y1="150" x2="500" y2="150"/>
<line x1="0" y1="250" x2="500" y2="250"/>
<line x1="0" y1="350" x2="500" y2="350"/>
<line x1="0" y1="450" x2="500" y2="450"/>
<line y1="0" x1="50" y2="500" x2="50"/>
<line y1="0" x1="150" y2="500" x2="150"/>
<line y1="0" x1="250" y2="500" x2="250"/>
<line y1="0" x1="350" y2="500" x2="350"/>
<line y1="0" x1="450" y2="500" x2="450"/>
</g>-->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 60 50 L 250 150 L 60 250 Z" />
<circle cx="290" cy="150" r="35"/>
</g>
<!--<g style="stroke:none;fill:green">
<circle cx="50" cy="150" r="20"/>
<circle cx="350" cy="150" r="20"/>
</g>-->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

SVG/Gates/or.svg
Executable
+37
View File
@@ -0,0 +1,37 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="500" height="500" viewBox="0 0 500 500">
<!--<g style="stroke:rgb(0,0,255);stroke-width:2">
<line x1="0" y1="0" x2="500" y2="0"/>
<line x1="0" y1="100" x2="500" y2="100"/>
<line x1="0" y1="200" x2="500" y2="200"/>
<line x1="0" y1="300" x2="500" y2="300"/>
<line x1="0" y1="400" x2="500" y2="400"/>
<line x1="0" y1="500" x2="500" y2="500"/>
<line y1="0" x1="0" y2="500" x2="0"/>
<line y1="0" x1="100" y2="500" x2="100"/>
<line y1="0" x1="200" y2="500" x2="200"/>
<line y1="0" x1="300" y2="500" x2="300"/>
<line y1="0" x1="400" y2="500" x2="400"/>
<line y1="0" x1="500" y2="500" x2="500"/>
</g>
<g style="stroke:rgb(255,0,0);stroke-width:1">
<line x1="0" y1="50" x2="500" y2="50"/>
<line x1="0" y1="150" x2="500" y2="150"/>
<line x1="0" y1="250" x2="500" y2="250"/>
<line x1="0" y1="350" x2="500" y2="350"/>
<line x1="0" y1="450" x2="500" y2="450"/>
<line y1="0" x1="50" y2="500" x2="50"/>
<line y1="0" x1="150" y2="500" x2="150"/>
<line y1="0" x1="250" y2="500" x2="250"/>
<line y1="0" x1="350" y2="500" x2="350"/>
<line y1="0" x1="450" y2="500" x2="450"/>
</g>-->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 10 50 L 150 50 C 375 50, 430 250, 430 250 C 430 250, 375 450, 150 450 L 20 450 L 150 450 L 10 450 C 110 400, 110 100, 10 50 L 150 50 L 10 50 Z" />
</g>
<!--<g style="stroke:none;fill:green">
<circle cx="50" cy="150" r="20"/>
<circle cx="50" cy="350" r="20"/>
<circle cx="450" cy="250" r="20"/>
</g>-->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.5 KiB

SVG/Gates/output.svg
Executable
+35
View File
@@ -0,0 +1,35 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="300" height="300" viewBox="0 0 300 300">
<!-- <g style="stroke:rgb(0,0,255);stroke-width:2"> -->
<!-- <line x1="0" y1="0" x2="500" y2="0"/> -->
<!-- <line x1="0" y1="100" x2="500" y2="100"/> -->
<!-- <line x1="0" y1="200" x2="500" y2="200"/> -->
<!-- <line x1="0" y1="300" x2="500" y2="300"/> -->
<!-- <line x1="0" y1="400" x2="500" y2="400"/> -->
<!-- <line x1="0" y1="500" x2="500" y2="500"/> -->
<!-- <line y1="0" x1="0" y2="500" x2="0"/> -->
<!-- <line y1="0" x1="100" y2="500" x2="100"/> -->
<!-- <line y1="0" x1="200" y2="500" x2="200"/> -->
<!-- <line y1="0" x1="300" y2="500" x2="300"/> -->
<!-- <line y1="0" x1="400" y2="500" x2="400"/> -->
<!-- <line y1="0" x1="500" y2="500" x2="500"/> -->
<!-- </g> -->
<!-- <g style="stroke:rgb(255,0,0);stroke-width:1"> -->
<!-- <line x1="0" y1="50" x2="500" y2="50"/> -->
<!-- <line x1="0" y1="150" x2="500" y2="150"/> -->
<!-- <line x1="0" y1="250" x2="500" y2="250"/> -->
<!-- <line x1="0" y1="350" x2="500" y2="350"/> -->
<!-- <line x1="0" y1="450" x2="500" y2="450"/> -->
<!-- <line y1="0" x1="50" y2="500" x2="50"/> -->
<!-- <line y1="0" x1="150" y2="500" x2="150"/> -->
<!-- <line y1="0" x1="250" y2="500" x2="250"/> -->
<!-- <line y1="0" x1="350" y2="500" x2="350"/> -->
<!-- <line y1="0" x1="450" y2="500" x2="450"/> -->
<!-- </g> -->
<g style="stroke:black;stroke-width:20;fill:white">
<circle cx="150" cy="150" r="100"/>
</g>
<!-- <g style="stroke:none;fill:green"> -->
<!-- <circle cx="150" cy="150" r="40"/> -->
<!-- </g> -->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

SVG/Gates/xnor.svg
Executable
+41
View File
@@ -0,0 +1,41 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="700" height="500" viewBox="0 0 700 500">
<!--<g style="stroke:rgb(0,0,255);stroke-width:2">
<line x1="0" y1="0" x2="600" y2="0"/>
<line x1="0" y1="100" x2="600" y2="100"/>
<line x1="0" y1="200" x2="600" y2="200"/>
<line x1="0" y1="300" x2="600" y2="300"/>
<line x1="0" y1="400" x2="600" y2="400"/>
<line x1="0" y1="500" x2="600" y2="500"/>
<line y1="0" x1="0" y2="500" x2="0"/>
<line y1="0" x1="100" y2="500" x2="100"/>
<line y1="0" x1="200" y2="500" x2="200"/>
<line y1="0" x1="300" y2="500" x2="300"/>
<line y1="0" x1="400" y2="500" x2="400"/>
<line y1="0" x1="500" y2="500" x2="500"/>
<line y1="0" x1="600" y2="500" x2="600"/>
</g>
<g style="stroke:rgb(255,0,0);stroke-width:1">
<line x1="0" y1="50" x2="600" y2="50"/>
<line x1="0" y1="150" x2="600" y2="150"/>
<line x1="0" y1="250" x2="600" y2="250"/>
<line x1="0" y1="350" x2="600" y2="350"/>
<line x1="0" y1="450" x2="600" y2="450"/>
<line y1="0" x1="50" y2="500" x2="50"/>
<line y1="0" x1="150" y2="500" x2="150"/>
<line y1="0" x1="250" y2="500" x2="250"/>
<line y1="0" x1="350" y2="500" x2="350"/>
<line y1="0" x1="450" y2="500" x2="450"/>
<line y1="0" x1="550" y2="500" x2="550"/>
</g>-->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 110 50 L 250 50 C 475 50, 530 250, 540 250 C 540 250, 475 450, 250 450 L 120 450 L 250 450 L 110 450 C 210 400, 210 100, 110 50 L 250 50 L 110 50 Z" />
<path d="M 10 50 C 110 100, 110 400, 10 450 C 110 400, 110 100, 10 50 Z" />
<circle cx="590" cy="250" r="35"/>
</g>
<!--<g style="stroke:none;fill:green">
<circle cx="50" cy="150" r="20"/>
<circle cx="50" cy="350" r="20"/>
<circle cx="650" cy="250" r="20"/>
</g>-->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

SVG/Gates/xor.svg
Executable
+40
View File
@@ -0,0 +1,40 @@
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" baseProfile="full"
width="600" height="500" viewBox="0 0 600 500">
<!--<g style="stroke:rgb(0,0,255);stroke-width:2">
<line x1="0" y1="0" x2="600" y2="0"/>
<line x1="0" y1="100" x2="600" y2="100"/>
<line x1="0" y1="200" x2="600" y2="200"/>
<line x1="0" y1="300" x2="600" y2="300"/>
<line x1="0" y1="400" x2="600" y2="400"/>
<line x1="0" y1="500" x2="600" y2="500"/>
<line y1="0" x1="0" y2="500" x2="0"/>
<line y1="0" x1="100" y2="500" x2="100"/>
<line y1="0" x1="200" y2="500" x2="200"/>
<line y1="0" x1="300" y2="500" x2="300"/>
<line y1="0" x1="400" y2="500" x2="400"/>
<line y1="0" x1="500" y2="500" x2="500"/>
<line y1="0" x1="600" y2="500" x2="600"/>
</g>
<g style="stroke:rgb(255,0,0);stroke-width:1">
<line x1="0" y1="50" x2="600" y2="50"/>
<line x1="0" y1="150" x2="600" y2="150"/>
<line x1="0" y1="250" x2="600" y2="250"/>
<line x1="0" y1="350" x2="600" y2="350"/>
<line x1="0" y1="450" x2="600" y2="450"/>
<line y1="0" x1="50" y2="500" x2="50"/>
<line y1="0" x1="150" y2="500" x2="150"/>
<line y1="0" x1="250" y2="500" x2="250"/>
<line y1="0" x1="350" y2="500" x2="350"/>
<line y1="0" x1="450" y2="500" x2="450"/>
<line y1="0" x1="550" y2="500" x2="550"/>
</g>-->
<g style="stroke:black;stroke-width:20;fill:white">
<path d="M 110 50 L 250 50 C 475 50, 530 250, 530 250 C 530 250, 475 450, 250 450 L 120 450 L 250 450 L 110 450 C 210 400, 210 100, 110 50 L 250 50 L 110 50 Z" />
<path d="M 10 50 C 110 100, 110 400, 10 450 C 110 400, 110 100, 10 50 Z" />
</g>
<!--<g style="stroke:none;fill:green">
<circle cx="50" cy="150" r="20"/>
<circle cx="50" cy="350" r="20"/>
<circle cx="550" cy="250" r="20"/>
</g>-->
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB