improved svg files and added background variants

This commit is contained in:
Joe Arndt 2024-05-25 08:34:04 -05:00
parent ac26959851
commit d7a8256bba
10 changed files with 178 additions and 14 deletions

View file

@ -0,0 +1,25 @@
<svg
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<style>
polygon, ellipse {
fill: black;
}
</style>
<polygon
points="1024,0 512,1024 320,1024 832,0" />
<polygon
points="704,0 192,1024 0,1024 512,0" />
<ellipse
cx="928"
cy="544"
rx="96"
ry="96" />
<ellipse
cx="928"
cy="928"
rx="96"
ry="96" />
</svg>

After

Width:  |  Height:  |  Size: 442 B

View file

@ -0,0 +1,33 @@
<svg
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<style>
polygon, circle {
fill: black;
}
rect {
fill: white;
}
</style>
<rect
rx="200"
ry="200"
width="1024"
height="1024" />
<polygon
points="512,1024 320,1024 832,0 1024,0 "
transform="matrix(0.8,0,0,0.8,102.4,102.4)" />
<polygon
points="192,1024 0,1024 512,0 704,0 "
transform="matrix(0.8,0,0,0.8,102.4,102.4)" />
<circle
cx="844.79999"
cy="537.59998"
r="76.800003" />
<circle
cx="844.79999"
cy="844.79999"
r="76.800003" />
</svg>

After

Width:  |  Height:  |  Size: 658 B

View file

@ -0,0 +1,31 @@
<svg
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<style>
polygon, circle {
fill: black;
}
rect {
fill: white;
}
</style>
<rect
width="1024"
height="1024" />
<polygon
points="512,1024 320,1024 832,0 1024,0 "
transform="matrix(0.8,0,0,0.8,102.4,102.4)" />
<polygon
points="192,1024 0,1024 512,0 704,0 "
transform="matrix(0.8,0,0,0.8,102.4,102.4)" />
<circle
cx="844.79999"
cy="537.59998"
r="76.800003" />
<circle
cx="844.79999"
cy="844.79999"
r="76.800003" />
</svg>

After

Width:  |  Height:  |  Size: 632 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

View file

@ -1,7 +0,0 @@
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<defs></defs>
<polygon points="1024,0 512,1024 320,1024 832,0" style="fill: rgb(0, 0, 0);"></polygon>
<polygon points="704,0 192,1024 0,1024 512,0" style="fill: rgb(0, 0, 0);"></polygon>
<ellipse cx="928" cy="544" rx="96" ry="96" style="fill: rgb(0, 0, 0);"></ellipse>
<ellipse cx="928" cy="928" rx="96" ry="96" style="fill: rgb(0, 0, 0);"></ellipse>
</svg>

Before

Width:  |  Height:  |  Size: 432 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

View file

@ -1,7 +0,0 @@
<svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
<defs></defs>
<polygon points="1024,0 512,1024 320,1024 832,0" style="fill: rgb(255, 255, 255);"></polygon>
<polygon points="704,0 192,1024 0,1024 512,0" style="fill: rgb(255, 255, 255);"></polygon>
<ellipse cx="928" cy="544" rx="96" ry="96" style="fill: rgb(255, 255, 255);"></ellipse>
<ellipse cx="928" cy="928" rx="96" ry="96" style="fill: rgb(255, 255, 255);"></ellipse>
</svg>

Before

Width:  |  Height:  |  Size: 456 B

View file

@ -0,0 +1,33 @@
<svg
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<style>
polygon, circle {
fill: white;
}
rect {
fill: black;
}
</style>
<rect
rx="200"
ry="200"
width="1024"
height="1024" />
<polygon
points="512,1024 320,1024 832,0 1024,0 "
transform="matrix(0.8,0,0,0.8,102.4,102.4)" />
<polygon
points="192,1024 0,1024 512,0 704,0 "
transform="matrix(0.8,0,0,0.8,102.4,102.4)" />
<circle
cx="844.79999"
cy="537.59998"
r="76.800003" />
<circle
cx="844.79999"
cy="844.79999"
r="76.800003" />
</svg>

After

Width:  |  Height:  |  Size: 658 B

View file

@ -0,0 +1,31 @@
<svg
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<style>
polygon, circle {
fill: white;
}
rect {
fill: black;
}
</style>
<rect
width="1024"
height="1024" />
<polygon
points="512,1024 320,1024 832,0 1024,0 "
transform="matrix(0.8,0,0,0.8,102.4,102.4)" />
<polygon
points="192,1024 0,1024 512,0 704,0 "
transform="matrix(0.8,0,0,0.8,102.4,102.4)" />
<circle
cx="844.79999"
cy="537.59998"
r="76.800003" />
<circle
cx="844.79999"
cy="844.79999"
r="76.800003" />
</svg>

After

Width:  |  Height:  |  Size: 632 B

View file

@ -0,0 +1,25 @@
<svg
viewBox="0 0 1024 1024"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<style>
polygon, ellipse {
fill: white;
}
</style>
<polygon
points="1024,0 512,1024 320,1024 832,0" />
<polygon
points="704,0 192,1024 0,1024 512,0" />
<ellipse
cx="928"
cy="544"
rx="96"
ry="96" />
<ellipse
cx="928"
cy="928"
rx="96"
ry="96" />
</svg>

After

Width:  |  Height:  |  Size: 442 B