thejayman77/random_tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add existing to tracked

Browse Source
This commit is contained in:
Jay
2026-08-11 09:53:42 -04:00
parent afe07f3055
commit ffd6e3d73c
8531 changed files with 4396230 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
@sideCards/exports/art/back.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 272 KiB

@sideCards/exports/art/courts/jc.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 576 KiB

@sideCards/exports/art/courts/jd.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 574 KiB

@sideCards/exports/art/courts/jh.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 570 KiB

@sideCards/exports/art/courts/js.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 573 KiB

@sideCards/exports/art/courts/kc.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 610 KiB

@sideCards/exports/art/courts/kd.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 620 KiB

@sideCards/exports/art/courts/kh.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 586 KiB

@sideCards/exports/art/courts/ks.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 587 KiB

@sideCards/exports/art/courts/qc.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 561 KiB

@sideCards/exports/art/courts/qd.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 554 KiB

@sideCards/exports/art/courts/qh.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 581 KiB

@sideCards/exports/art/courts/qs.png
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 561 KiB

@sideCards/exports/cards/10c.svg
+48
View File
@@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>10 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 105) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 105) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 200) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 270) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 270) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 430) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 430) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 500) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 595) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 595) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(6.9731 85.0000) scale(0.040904 -0.040904)"><path d="M77 0V164L318 194V1202H74V1359L590 1456V194L831 164V0Z" transform="translate(0 0)"/><path d="M590 -21Q365 -21 233.5 128.5Q102 278 102 564V891Q102 1177 233.0 1327.0Q364 1477 588 1477Q812 1477 943.5 1327.0Q1075 1177 1075 891V564Q1075 278 944.5 128.5Q814 -21 590 -21ZM590 188Q695 188 749.5 271.5Q804 355 804 534V923Q804 1100 748.5 1183.5Q693 1267 588 1267Q483 1267 428.0 1183.5Q373 1100 373 923V534Q373 355 428.5 271.5Q484 188 590 188Z" transform="translate(857 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(6.9731 85.0000) scale(0.040904 -0.040904)"><path d="M77 0V164L318 194V1202H74V1359L590 1456V194L831 164V0Z" transform="translate(0 0)"/><path d="M590 -21Q365 -21 233.5 128.5Q102 278 102 564V891Q102 1177 233.0 1327.0Q364 1477 588 1477Q812 1477 943.5 1327.0Q1075 1177 1075 891V564Q1075 278 944.5 128.5Q814 -21 590 -21ZM590 188Q695 188 749.5 271.5Q804 355 804 534V923Q804 1100 748.5 1183.5Q693 1267 588 1267Q483 1267 428.0 1183.5Q373 1100 373 923V534Q373 355 428.5 271.5Q484 188 590 188Z" transform="translate(857 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

@sideCards/exports/cards/10d.svg
+48
View File
@@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>10 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 105) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 105) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 200) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 270) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 270) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 430) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 430) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 500) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 595) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 595) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(6.9731 85.0000) scale(0.040904 -0.040904)"><path d="M77 0V164L318 194V1202H74V1359L590 1456V194L831 164V0Z" transform="translate(0 0)"/><path d="M590 -21Q365 -21 233.5 128.5Q102 278 102 564V891Q102 1177 233.0 1327.0Q364 1477 588 1477Q812 1477 943.5 1327.0Q1075 1177 1075 891V564Q1075 278 944.5 128.5Q814 -21 590 -21ZM590 188Q695 188 749.5 271.5Q804 355 804 534V923Q804 1100 748.5 1183.5Q693 1267 588 1267Q483 1267 428.0 1183.5Q373 1100 373 923V534Q373 355 428.5 271.5Q484 188 590 188Z" transform="translate(857 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(6.9731 85.0000) scale(0.040904 -0.040904)"><path d="M77 0V164L318 194V1202H74V1359L590 1456V194L831 164V0Z" transform="translate(0 0)"/><path d="M590 -21Q365 -21 233.5 128.5Q102 278 102 564V891Q102 1177 233.0 1327.0Q364 1477 588 1477Q812 1477 943.5 1327.0Q1075 1177 1075 891V564Q1075 278 944.5 128.5Q814 -21 590 -21ZM590 188Q695 188 749.5 271.5Q804 355 804 534V923Q804 1100 748.5 1183.5Q693 1267 588 1267Q483 1267 428.0 1183.5Q373 1100 373 923V534Q373 355 428.5 271.5Q484 188 590 188Z" transform="translate(857 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

@sideCards/exports/cards/10h.svg
+48
View File
@@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>10 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 105) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 105) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 200) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 270) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 270) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 430) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 430) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 500) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 595) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 595) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(6.9731 85.0000) scale(0.040904 -0.040904)"><path d="M77 0V164L318 194V1202H74V1359L590 1456V194L831 164V0Z" transform="translate(0 0)"/><path d="M590 -21Q365 -21 233.5 128.5Q102 278 102 564V891Q102 1177 233.0 1327.0Q364 1477 588 1477Q812 1477 943.5 1327.0Q1075 1177 1075 891V564Q1075 278 944.5 128.5Q814 -21 590 -21ZM590 188Q695 188 749.5 271.5Q804 355 804 534V923Q804 1100 748.5 1183.5Q693 1267 588 1267Q483 1267 428.0 1183.5Q373 1100 373 923V534Q373 355 428.5 271.5Q484 188 590 188Z" transform="translate(857 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(6.9731 85.0000) scale(0.040904 -0.040904)"><path d="M77 0V164L318 194V1202H74V1359L590 1456V194L831 164V0Z" transform="translate(0 0)"/><path d="M590 -21Q365 -21 233.5 128.5Q102 278 102 564V891Q102 1177 233.0 1327.0Q364 1477 588 1477Q812 1477 943.5 1327.0Q1075 1177 1075 891V564Q1075 278 944.5 128.5Q814 -21 590 -21ZM590 188Q695 188 749.5 271.5Q804 355 804 534V923Q804 1100 748.5 1183.5Q693 1267 588 1267Q483 1267 428.0 1183.5Q373 1100 373 923V534Q373 355 428.5 271.5Q484 188 590 188Z" transform="translate(857 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

@sideCards/exports/cards/10s.svg
+48
View File
@@ -0,0 +1,48 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>10 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 105) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 105) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 200) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 270) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 270) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 430) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 430) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 500) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 595) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 595) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(6.9731 85.0000) scale(0.040904 -0.040904)"><path d="M77 0V164L318 194V1202H74V1359L590 1456V194L831 164V0Z" transform="translate(0 0)"/><path d="M590 -21Q365 -21 233.5 128.5Q102 278 102 564V891Q102 1177 233.0 1327.0Q364 1477 588 1477Q812 1477 943.5 1327.0Q1075 1177 1075 891V564Q1075 278 944.5 128.5Q814 -21 590 -21ZM590 188Q695 188 749.5 271.5Q804 355 804 534V923Q804 1100 748.5 1183.5Q693 1267 588 1267Q483 1267 428.0 1183.5Q373 1100 373 923V534Q373 355 428.5 271.5Q484 188 590 188Z" transform="translate(857 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(6.9731 85.0000) scale(0.040904 -0.040904)"><path d="M77 0V164L318 194V1202H74V1359L590 1456V194L831 164V0Z" transform="translate(0 0)"/><path d="M590 -21Q365 -21 233.5 128.5Q102 278 102 564V891Q102 1177 233.0 1327.0Q364 1477 588 1477Q812 1477 943.5 1327.0Q1075 1177 1075 891V564Q1075 278 944.5 128.5Q814 -21 590 -21ZM590 188Q695 188 749.5 271.5Q804 355 804 534V923Q804 1100 748.5 1183.5Q693 1267 588 1267Q483 1267 428.0 1183.5Q373 1100 373 923V534Q373 355 428.5 271.5Q484 188 590 188Z" transform="translate(857 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.7 KiB

@sideCards/exports/cards/2c.svg
+40
View File
@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>2 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 175) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 525) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.6511 85.0000) scale(0.043331 -0.043331)"><path d="M81 0V179L555 691Q666 817 708.0 895.5Q750 974 750 1050Q750 1141 697.5 1203.5Q645 1266 545 1266Q438 1266 382.0 1198.0Q326 1130 326 1009H62L60 1015Q57 1145 116.0 1249.5Q175 1354 286.0 1415.5Q397 1477 549 1477Q696 1477 802.0 1423.5Q908 1370 965.0 1275.0Q1022 1180 1022 1056Q1022 971 991.0 894.0Q960 817 895.5 732.5Q831 648 730 541L427 214L429 209H835L850 353H1064V0Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.6511 85.0000) scale(0.043331 -0.043331)"><path d="M81 0V179L555 691Q666 817 708.0 895.5Q750 974 750 1050Q750 1141 697.5 1203.5Q645 1266 545 1266Q438 1266 382.0 1198.0Q326 1130 326 1009H62L60 1015Q57 1145 116.0 1249.5Q175 1354 286.0 1415.5Q397 1477 549 1477Q696 1477 802.0 1423.5Q908 1370 965.0 1275.0Q1022 1180 1022 1056Q1022 971 991.0 894.0Q960 817 895.5 732.5Q831 648 730 541L427 214L429 209H835L850 353H1064V0Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

@sideCards/exports/cards/2d.svg
+40
View File
@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>2 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 175) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 525) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.6511 85.0000) scale(0.043331 -0.043331)"><path d="M81 0V179L555 691Q666 817 708.0 895.5Q750 974 750 1050Q750 1141 697.5 1203.5Q645 1266 545 1266Q438 1266 382.0 1198.0Q326 1130 326 1009H62L60 1015Q57 1145 116.0 1249.5Q175 1354 286.0 1415.5Q397 1477 549 1477Q696 1477 802.0 1423.5Q908 1370 965.0 1275.0Q1022 1180 1022 1056Q1022 971 991.0 894.0Q960 817 895.5 732.5Q831 648 730 541L427 214L429 209H835L850 353H1064V0Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.6511 85.0000) scale(0.043331 -0.043331)"><path d="M81 0V179L555 691Q666 817 708.0 895.5Q750 974 750 1050Q750 1141 697.5 1203.5Q645 1266 545 1266Q438 1266 382.0 1198.0Q326 1130 326 1009H62L60 1015Q57 1145 116.0 1249.5Q175 1354 286.0 1415.5Q397 1477 549 1477Q696 1477 802.0 1423.5Q908 1370 965.0 1275.0Q1022 1180 1022 1056Q1022 971 991.0 894.0Q960 817 895.5 732.5Q831 648 730 541L427 214L429 209H835L850 353H1064V0Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

@sideCards/exports/cards/2h.svg
+40
View File
@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>2 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 175) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 525) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.6511 85.0000) scale(0.043331 -0.043331)"><path d="M81 0V179L555 691Q666 817 708.0 895.5Q750 974 750 1050Q750 1141 697.5 1203.5Q645 1266 545 1266Q438 1266 382.0 1198.0Q326 1130 326 1009H62L60 1015Q57 1145 116.0 1249.5Q175 1354 286.0 1415.5Q397 1477 549 1477Q696 1477 802.0 1423.5Q908 1370 965.0 1275.0Q1022 1180 1022 1056Q1022 971 991.0 894.0Q960 817 895.5 732.5Q831 648 730 541L427 214L429 209H835L850 353H1064V0Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.6511 85.0000) scale(0.043331 -0.043331)"><path d="M81 0V179L555 691Q666 817 708.0 895.5Q750 974 750 1050Q750 1141 697.5 1203.5Q645 1266 545 1266Q438 1266 382.0 1198.0Q326 1130 326 1009H62L60 1015Q57 1145 116.0 1249.5Q175 1354 286.0 1415.5Q397 1477 549 1477Q696 1477 802.0 1423.5Q908 1370 965.0 1275.0Q1022 1180 1022 1056Q1022 971 991.0 894.0Q960 817 895.5 732.5Q831 648 730 541L427 214L429 209H835L850 353H1064V0Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

@sideCards/exports/cards/2s.svg
+40
View File
@@ -0,0 +1,40 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>2 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 175) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 525) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.6511 85.0000) scale(0.043331 -0.043331)"><path d="M81 0V179L555 691Q666 817 708.0 895.5Q750 974 750 1050Q750 1141 697.5 1203.5Q645 1266 545 1266Q438 1266 382.0 1198.0Q326 1130 326 1009H62L60 1015Q57 1145 116.0 1249.5Q175 1354 286.0 1415.5Q397 1477 549 1477Q696 1477 802.0 1423.5Q908 1370 965.0 1275.0Q1022 1180 1022 1056Q1022 971 991.0 894.0Q960 817 895.5 732.5Q831 648 730 541L427 214L429 209H835L850 353H1064V0Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.6511 85.0000) scale(0.043331 -0.043331)"><path d="M81 0V179L555 691Q666 817 708.0 895.5Q750 974 750 1050Q750 1141 697.5 1203.5Q645 1266 545 1266Q438 1266 382.0 1198.0Q326 1130 326 1009H62L60 1015Q57 1145 116.0 1249.5Q175 1354 286.0 1415.5Q397 1477 549 1477Q696 1477 802.0 1423.5Q908 1370 965.0 1275.0Q1022 1180 1022 1056Q1022 971 991.0 894.0Q960 817 895.5 732.5Q831 648 730 541L427 214L429 209H835L850 353H1064V0Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

@sideCards/exports/cards/3c.svg
+41
View File
@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>3 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 155) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 545) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.9563 85.0000) scale(0.043331 -0.043331)"><path d="M549 -21Q411 -21 299.0 28.0Q187 77 122.0 169.5Q57 262 61 393L63 399H326Q326 306 385.5 247.0Q445 188 549 188Q655 188 716.0 247.5Q777 307 777 414Q777 523 718.0 581.5Q659 640 538 640H377V845H543Q653 845 704.0 901.5Q755 958 755 1055Q755 1155 702.0 1211.0Q649 1267 549 1267Q457 1267 399.5 1213.0Q342 1159 342 1072H79L77 1078Q73 1192 132.5 1282.5Q192 1373 299.5 1425.0Q407 1477 547 1477Q765 1477 896.0 1369.5Q1027 1262 1027 1064Q1027 965 970.5 881.5Q914 798 803 747Q926 704 987.5 614.5Q1049 525 1049 407Q1049 274 984.5 178.0Q920 82 807.0 30.5Q694 -21 549 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.9563 85.0000) scale(0.043331 -0.043331)"><path d="M549 -21Q411 -21 299.0 28.0Q187 77 122.0 169.5Q57 262 61 393L63 399H326Q326 306 385.5 247.0Q445 188 549 188Q655 188 716.0 247.5Q777 307 777 414Q777 523 718.0 581.5Q659 640 538 640H377V845H543Q653 845 704.0 901.5Q755 958 755 1055Q755 1155 702.0 1211.0Q649 1267 549 1267Q457 1267 399.5 1213.0Q342 1159 342 1072H79L77 1078Q73 1192 132.5 1282.5Q192 1373 299.5 1425.0Q407 1477 547 1477Q765 1477 896.0 1369.5Q1027 1262 1027 1064Q1027 965 970.5 881.5Q914 798 803 747Q926 704 987.5 614.5Q1049 525 1049 407Q1049 274 984.5 178.0Q920 82 807.0 30.5Q694 -21 549 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

@sideCards/exports/cards/3d.svg
+41
View File
@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>3 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 155) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 545) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.9563 85.0000) scale(0.043331 -0.043331)"><path d="M549 -21Q411 -21 299.0 28.0Q187 77 122.0 169.5Q57 262 61 393L63 399H326Q326 306 385.5 247.0Q445 188 549 188Q655 188 716.0 247.5Q777 307 777 414Q777 523 718.0 581.5Q659 640 538 640H377V845H543Q653 845 704.0 901.5Q755 958 755 1055Q755 1155 702.0 1211.0Q649 1267 549 1267Q457 1267 399.5 1213.0Q342 1159 342 1072H79L77 1078Q73 1192 132.5 1282.5Q192 1373 299.5 1425.0Q407 1477 547 1477Q765 1477 896.0 1369.5Q1027 1262 1027 1064Q1027 965 970.5 881.5Q914 798 803 747Q926 704 987.5 614.5Q1049 525 1049 407Q1049 274 984.5 178.0Q920 82 807.0 30.5Q694 -21 549 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.9563 85.0000) scale(0.043331 -0.043331)"><path d="M549 -21Q411 -21 299.0 28.0Q187 77 122.0 169.5Q57 262 61 393L63 399H326Q326 306 385.5 247.0Q445 188 549 188Q655 188 716.0 247.5Q777 307 777 414Q777 523 718.0 581.5Q659 640 538 640H377V845H543Q653 845 704.0 901.5Q755 958 755 1055Q755 1155 702.0 1211.0Q649 1267 549 1267Q457 1267 399.5 1213.0Q342 1159 342 1072H79L77 1078Q73 1192 132.5 1282.5Q192 1373 299.5 1425.0Q407 1477 547 1477Q765 1477 896.0 1369.5Q1027 1262 1027 1064Q1027 965 970.5 881.5Q914 798 803 747Q926 704 987.5 614.5Q1049 525 1049 407Q1049 274 984.5 178.0Q920 82 807.0 30.5Q694 -21 549 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

@sideCards/exports/cards/3h.svg
+41
View File
@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>3 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 155) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 545) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.9563 85.0000) scale(0.043331 -0.043331)"><path d="M549 -21Q411 -21 299.0 28.0Q187 77 122.0 169.5Q57 262 61 393L63 399H326Q326 306 385.5 247.0Q445 188 549 188Q655 188 716.0 247.5Q777 307 777 414Q777 523 718.0 581.5Q659 640 538 640H377V845H543Q653 845 704.0 901.5Q755 958 755 1055Q755 1155 702.0 1211.0Q649 1267 549 1267Q457 1267 399.5 1213.0Q342 1159 342 1072H79L77 1078Q73 1192 132.5 1282.5Q192 1373 299.5 1425.0Q407 1477 547 1477Q765 1477 896.0 1369.5Q1027 1262 1027 1064Q1027 965 970.5 881.5Q914 798 803 747Q926 704 987.5 614.5Q1049 525 1049 407Q1049 274 984.5 178.0Q920 82 807.0 30.5Q694 -21 549 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.9563 85.0000) scale(0.043331 -0.043331)"><path d="M549 -21Q411 -21 299.0 28.0Q187 77 122.0 169.5Q57 262 61 393L63 399H326Q326 306 385.5 247.0Q445 188 549 188Q655 188 716.0 247.5Q777 307 777 414Q777 523 718.0 581.5Q659 640 538 640H377V845H543Q653 845 704.0 901.5Q755 958 755 1055Q755 1155 702.0 1211.0Q649 1267 549 1267Q457 1267 399.5 1213.0Q342 1159 342 1072H79L77 1078Q73 1192 132.5 1282.5Q192 1373 299.5 1425.0Q407 1477 547 1477Q765 1477 896.0 1369.5Q1027 1262 1027 1064Q1027 965 970.5 881.5Q914 798 803 747Q926 704 987.5 614.5Q1049 525 1049 407Q1049 274 984.5 178.0Q920 82 807.0 30.5Q694 -21 549 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

@sideCards/exports/cards/3s.svg
+41
View File
@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>3 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 155) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 545) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.9563 85.0000) scale(0.043331 -0.043331)"><path d="M549 -21Q411 -21 299.0 28.0Q187 77 122.0 169.5Q57 262 61 393L63 399H326Q326 306 385.5 247.0Q445 188 549 188Q655 188 716.0 247.5Q777 307 777 414Q777 523 718.0 581.5Q659 640 538 640H377V845H543Q653 845 704.0 901.5Q755 958 755 1055Q755 1155 702.0 1211.0Q649 1267 549 1267Q457 1267 399.5 1213.0Q342 1159 342 1072H79L77 1078Q73 1192 132.5 1282.5Q192 1373 299.5 1425.0Q407 1477 547 1477Q765 1477 896.0 1369.5Q1027 1262 1027 1064Q1027 965 970.5 881.5Q914 798 803 747Q926 704 987.5 614.5Q1049 525 1049 407Q1049 274 984.5 178.0Q920 82 807.0 30.5Q694 -21 549 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.9563 85.0000) scale(0.043331 -0.043331)"><path d="M549 -21Q411 -21 299.0 28.0Q187 77 122.0 169.5Q57 262 61 393L63 399H326Q326 306 385.5 247.0Q445 188 549 188Q655 188 716.0 247.5Q777 307 777 414Q777 523 718.0 581.5Q659 640 538 640H377V845H543Q653 845 704.0 901.5Q755 958 755 1055Q755 1155 702.0 1211.0Q649 1267 549 1267Q457 1267 399.5 1213.0Q342 1159 342 1072H79L77 1078Q73 1192 132.5 1282.5Q192 1373 299.5 1425.0Q407 1477 547 1477Q765 1477 896.0 1369.5Q1027 1262 1027 1064Q1027 965 970.5 881.5Q914 798 803 747Q926 704 987.5 614.5Q1049 525 1049 407Q1049 274 984.5 178.0Q920 82 807.0 30.5Q694 -21 549 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

@sideCards/exports/cards/4c.svg
+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>4 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 175) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 175) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 525) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 525) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(22.7253 85.0000) scale(0.043956 -0.043956)"><path d="M505 0V164L662 194V345H56L44 482L657 1456H933V531H1106V345H933V194L1090 164V0ZM304 531H662V1090L656 1092L633 1048Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(22.7253 85.0000) scale(0.043956 -0.043956)"><path d="M505 0V164L662 194V345H56L44 482L657 1456H933V531H1106V345H933V194L1090 164V0ZM304 531H662V1090L656 1092L633 1048Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

@sideCards/exports/cards/4d.svg
+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>4 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 175) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 175) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 525) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 525) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(22.7253 85.0000) scale(0.043956 -0.043956)"><path d="M505 0V164L662 194V345H56L44 482L657 1456H933V531H1106V345H933V194L1090 164V0ZM304 531H662V1090L656 1092L633 1048Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(22.7253 85.0000) scale(0.043956 -0.043956)"><path d="M505 0V164L662 194V345H56L44 482L657 1456H933V531H1106V345H933V194L1090 164V0ZM304 531H662V1090L656 1092L633 1048Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

@sideCards/exports/cards/4h.svg
+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>4 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 175) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 175) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 525) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 525) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(22.7253 85.0000) scale(0.043956 -0.043956)"><path d="M505 0V164L662 194V345H56L44 482L657 1456H933V531H1106V345H933V194L1090 164V0ZM304 531H662V1090L656 1092L633 1048Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(22.7253 85.0000) scale(0.043956 -0.043956)"><path d="M505 0V164L662 194V345H56L44 482L657 1456H933V531H1106V345H933V194L1090 164V0ZM304 531H662V1090L656 1092L633 1048Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.4 KiB

@sideCards/exports/cards/4s.svg
+42
View File
@@ -0,0 +1,42 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>4 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 175) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 175) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 525) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 525) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(22.7253 85.0000) scale(0.043956 -0.043956)"><path d="M505 0V164L662 194V345H56L44 482L657 1456H933V531H1106V345H933V194L1090 164V0ZM304 531H662V1090L656 1092L633 1048Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(22.7253 85.0000) scale(0.043956 -0.043956)"><path d="M505 0V164L662 194V345H56L44 482L657 1456H933V531H1106V345H933V194L1090 164V0ZM304 531H662V1090L656 1092L633 1048Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

@sideCards/exports/cards/5c.svg
+43
View File
@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>5 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 165) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 165) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 535) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 535) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.8272 85.0000) scale(0.043956 -0.043956)"><path d="M542 -21Q411 -21 303.5 27.5Q196 76 133.0 167.5Q70 259 73 387L75 392L334 403Q334 302 391.5 245.0Q449 188 542 188Q649 188 702.5 264.5Q756 341 756 464Q756 593 700.0 672.0Q644 751 537 751Q447 751 401.0 719.0Q355 687 335 631L96 648L180 1456H1004V1133H831L806 1234H405L363 883Q405 914 462.0 934.0Q519 954 588 955Q797 958 912.0 827.5Q1027 697 1027 466Q1027 325 971.0 215.0Q915 105 807.0 42.0Q699 -21 542 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.8272 85.0000) scale(0.043956 -0.043956)"><path d="M542 -21Q411 -21 303.5 27.5Q196 76 133.0 167.5Q70 259 73 387L75 392L334 403Q334 302 391.5 245.0Q449 188 542 188Q649 188 702.5 264.5Q756 341 756 464Q756 593 700.0 672.0Q644 751 537 751Q447 751 401.0 719.0Q355 687 335 631L96 648L180 1456H1004V1133H831L806 1234H405L363 883Q405 914 462.0 934.0Q519 954 588 955Q797 958 912.0 827.5Q1027 697 1027 466Q1027 325 971.0 215.0Q915 105 807.0 42.0Q699 -21 542 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

@sideCards/exports/cards/5d.svg
+43
View File
@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>5 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 165) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 165) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 535) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 535) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.8272 85.0000) scale(0.043956 -0.043956)"><path d="M542 -21Q411 -21 303.5 27.5Q196 76 133.0 167.5Q70 259 73 387L75 392L334 403Q334 302 391.5 245.0Q449 188 542 188Q649 188 702.5 264.5Q756 341 756 464Q756 593 700.0 672.0Q644 751 537 751Q447 751 401.0 719.0Q355 687 335 631L96 648L180 1456H1004V1133H831L806 1234H405L363 883Q405 914 462.0 934.0Q519 954 588 955Q797 958 912.0 827.5Q1027 697 1027 466Q1027 325 971.0 215.0Q915 105 807.0 42.0Q699 -21 542 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.8272 85.0000) scale(0.043956 -0.043956)"><path d="M542 -21Q411 -21 303.5 27.5Q196 76 133.0 167.5Q70 259 73 387L75 392L334 403Q334 302 391.5 245.0Q449 188 542 188Q649 188 702.5 264.5Q756 341 756 464Q756 593 700.0 672.0Q644 751 537 751Q447 751 401.0 719.0Q355 687 335 631L96 648L180 1456H1004V1133H831L806 1234H405L363 883Q405 914 462.0 934.0Q519 954 588 955Q797 958 912.0 827.5Q1027 697 1027 466Q1027 325 971.0 215.0Q915 105 807.0 42.0Q699 -21 542 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

@sideCards/exports/cards/5h.svg
+43
View File
@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>5 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 165) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 165) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 535) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 535) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.8272 85.0000) scale(0.043956 -0.043956)"><path d="M542 -21Q411 -21 303.5 27.5Q196 76 133.0 167.5Q70 259 73 387L75 392L334 403Q334 302 391.5 245.0Q449 188 542 188Q649 188 702.5 264.5Q756 341 756 464Q756 593 700.0 672.0Q644 751 537 751Q447 751 401.0 719.0Q355 687 335 631L96 648L180 1456H1004V1133H831L806 1234H405L363 883Q405 914 462.0 934.0Q519 954 588 955Q797 958 912.0 827.5Q1027 697 1027 466Q1027 325 971.0 215.0Q915 105 807.0 42.0Q699 -21 542 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.8272 85.0000) scale(0.043956 -0.043956)"><path d="M542 -21Q411 -21 303.5 27.5Q196 76 133.0 167.5Q70 259 73 387L75 392L334 403Q334 302 391.5 245.0Q449 188 542 188Q649 188 702.5 264.5Q756 341 756 464Q756 593 700.0 672.0Q644 751 537 751Q447 751 401.0 719.0Q355 687 335 631L96 648L180 1456H1004V1133H831L806 1234H405L363 883Q405 914 462.0 934.0Q519 954 588 955Q797 958 912.0 827.5Q1027 697 1027 466Q1027 325 971.0 215.0Q915 105 807.0 42.0Q699 -21 542 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

@sideCards/exports/cards/5s.svg
+43
View File
@@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>5 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 165) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 165) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 535) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 535) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.8272 85.0000) scale(0.043956 -0.043956)"><path d="M542 -21Q411 -21 303.5 27.5Q196 76 133.0 167.5Q70 259 73 387L75 392L334 403Q334 302 391.5 245.0Q449 188 542 188Q649 188 702.5 264.5Q756 341 756 464Q756 593 700.0 672.0Q644 751 537 751Q447 751 401.0 719.0Q355 687 335 631L96 648L180 1456H1004V1133H831L806 1234H405L363 883Q405 914 462.0 934.0Q519 954 588 955Q797 958 912.0 827.5Q1027 697 1027 466Q1027 325 971.0 215.0Q915 105 807.0 42.0Q699 -21 542 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.8272 85.0000) scale(0.043956 -0.043956)"><path d="M542 -21Q411 -21 303.5 27.5Q196 76 133.0 167.5Q70 259 73 387L75 392L334 403Q334 302 391.5 245.0Q449 188 542 188Q649 188 702.5 264.5Q756 341 756 464Q756 593 700.0 672.0Q644 751 537 751Q447 751 401.0 719.0Q355 687 335 631L96 648L180 1456H1004V1133H831L806 1234H405L363 883Q405 914 462.0 934.0Q519 954 588 955Q797 958 912.0 827.5Q1027 697 1027 466Q1027 325 971.0 215.0Q915 105 807.0 42.0Q699 -21 542 -21Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

@sideCards/exports/cards/6c.svg
+44
View File
@@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>6 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 145) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 145) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 555) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 555) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(22.1747 85.0000) scale(0.043331 -0.043331)"><path d="M612 -21Q461 -21 345.0 49.5Q229 120 163.0 252.0Q97 384 97 570V813Q97 1024 170.5 1172.5Q244 1321 374.0 1399.0Q504 1477 673 1477Q753 1477 823.5 1461.5Q894 1446 959 1416L911 1217Q858 1237 800.5 1250.5Q743 1264 679 1264Q533 1264 455.0 1164.5Q377 1065 375 870L379 865Q429 916 505.5 945.5Q582 975 674 975Q805 975 899.0 912.0Q993 849 1044.0 738.5Q1095 628 1095 487Q1095 339 1034.0 224.5Q973 110 864.0 44.5Q755 -21 612 -21ZM607 188Q707 188 765.0 275.5Q823 363 823 490Q823 613 762.5 691.0Q702 769 591 769Q517 769 459.0 740.5Q401 712 368 662V560Q368 381 434.5 284.5Q501 188 607 188Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(22.1747 85.0000) scale(0.043331 -0.043331)"><path d="M612 -21Q461 -21 345.0 49.5Q229 120 163.0 252.0Q97 384 97 570V813Q97 1024 170.5 1172.5Q244 1321 374.0 1399.0Q504 1477 673 1477Q753 1477 823.5 1461.5Q894 1446 959 1416L911 1217Q858 1237 800.5 1250.5Q743 1264 679 1264Q533 1264 455.0 1164.5Q377 1065 375 870L379 865Q429 916 505.5 945.5Q582 975 674 975Q805 975 899.0 912.0Q993 849 1044.0 738.5Q1095 628 1095 487Q1095 339 1034.0 224.5Q973 110 864.0 44.5Q755 -21 612 -21ZM607 188Q707 188 765.0 275.5Q823 363 823 490Q823 613 762.5 691.0Q702 769 591 769Q517 769 459.0 740.5Q401 712 368 662V560Q368 381 434.5 284.5Q501 188 607 188Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

@sideCards/exports/cards/6d.svg
+44
View File
@@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>6 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 145) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 145) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 555) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 555) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(22.1747 85.0000) scale(0.043331 -0.043331)"><path d="M612 -21Q461 -21 345.0 49.5Q229 120 163.0 252.0Q97 384 97 570V813Q97 1024 170.5 1172.5Q244 1321 374.0 1399.0Q504 1477 673 1477Q753 1477 823.5 1461.5Q894 1446 959 1416L911 1217Q858 1237 800.5 1250.5Q743 1264 679 1264Q533 1264 455.0 1164.5Q377 1065 375 870L379 865Q429 916 505.5 945.5Q582 975 674 975Q805 975 899.0 912.0Q993 849 1044.0 738.5Q1095 628 1095 487Q1095 339 1034.0 224.5Q973 110 864.0 44.5Q755 -21 612 -21ZM607 188Q707 188 765.0 275.5Q823 363 823 490Q823 613 762.5 691.0Q702 769 591 769Q517 769 459.0 740.5Q401 712 368 662V560Q368 381 434.5 284.5Q501 188 607 188Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(22.1747 85.0000) scale(0.043331 -0.043331)"><path d="M612 -21Q461 -21 345.0 49.5Q229 120 163.0 252.0Q97 384 97 570V813Q97 1024 170.5 1172.5Q244 1321 374.0 1399.0Q504 1477 673 1477Q753 1477 823.5 1461.5Q894 1446 959 1416L911 1217Q858 1237 800.5 1250.5Q743 1264 679 1264Q533 1264 455.0 1164.5Q377 1065 375 870L379 865Q429 916 505.5 945.5Q582 975 674 975Q805 975 899.0 912.0Q993 849 1044.0 738.5Q1095 628 1095 487Q1095 339 1034.0 224.5Q973 110 864.0 44.5Q755 -21 612 -21ZM607 188Q707 188 765.0 275.5Q823 363 823 490Q823 613 762.5 691.0Q702 769 591 769Q517 769 459.0 740.5Q401 712 368 662V560Q368 381 434.5 284.5Q501 188 607 188Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

@sideCards/exports/cards/6h.svg
+44
View File
@@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>6 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 145) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 145) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 555) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 555) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(22.1747 85.0000) scale(0.043331 -0.043331)"><path d="M612 -21Q461 -21 345.0 49.5Q229 120 163.0 252.0Q97 384 97 570V813Q97 1024 170.5 1172.5Q244 1321 374.0 1399.0Q504 1477 673 1477Q753 1477 823.5 1461.5Q894 1446 959 1416L911 1217Q858 1237 800.5 1250.5Q743 1264 679 1264Q533 1264 455.0 1164.5Q377 1065 375 870L379 865Q429 916 505.5 945.5Q582 975 674 975Q805 975 899.0 912.0Q993 849 1044.0 738.5Q1095 628 1095 487Q1095 339 1034.0 224.5Q973 110 864.0 44.5Q755 -21 612 -21ZM607 188Q707 188 765.0 275.5Q823 363 823 490Q823 613 762.5 691.0Q702 769 591 769Q517 769 459.0 740.5Q401 712 368 662V560Q368 381 434.5 284.5Q501 188 607 188Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(22.1747 85.0000) scale(0.043331 -0.043331)"><path d="M612 -21Q461 -21 345.0 49.5Q229 120 163.0 252.0Q97 384 97 570V813Q97 1024 170.5 1172.5Q244 1321 374.0 1399.0Q504 1477 673 1477Q753 1477 823.5 1461.5Q894 1446 959 1416L911 1217Q858 1237 800.5 1250.5Q743 1264 679 1264Q533 1264 455.0 1164.5Q377 1065 375 870L379 865Q429 916 505.5 945.5Q582 975 674 975Q805 975 899.0 912.0Q993 849 1044.0 738.5Q1095 628 1095 487Q1095 339 1034.0 224.5Q973 110 864.0 44.5Q755 -21 612 -21ZM607 188Q707 188 765.0 275.5Q823 363 823 490Q823 613 762.5 691.0Q702 769 591 769Q517 769 459.0 740.5Q401 712 368 662V560Q368 381 434.5 284.5Q501 188 607 188Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

@sideCards/exports/cards/6s.svg
+44
View File
@@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>6 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 145) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 145) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 555) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 555) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(22.1747 85.0000) scale(0.043331 -0.043331)"><path d="M612 -21Q461 -21 345.0 49.5Q229 120 163.0 252.0Q97 384 97 570V813Q97 1024 170.5 1172.5Q244 1321 374.0 1399.0Q504 1477 673 1477Q753 1477 823.5 1461.5Q894 1446 959 1416L911 1217Q858 1237 800.5 1250.5Q743 1264 679 1264Q533 1264 455.0 1164.5Q377 1065 375 870L379 865Q429 916 505.5 945.5Q582 975 674 975Q805 975 899.0 912.0Q993 849 1044.0 738.5Q1095 628 1095 487Q1095 339 1034.0 224.5Q973 110 864.0 44.5Q755 -21 612 -21ZM607 188Q707 188 765.0 275.5Q823 363 823 490Q823 613 762.5 691.0Q702 769 591 769Q517 769 459.0 740.5Q401 712 368 662V560Q368 381 434.5 284.5Q501 188 607 188Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(22.1747 85.0000) scale(0.043331 -0.043331)"><path d="M612 -21Q461 -21 345.0 49.5Q229 120 163.0 252.0Q97 384 97 570V813Q97 1024 170.5 1172.5Q244 1321 374.0 1399.0Q504 1477 673 1477Q753 1477 823.5 1461.5Q894 1446 959 1416L911 1217Q858 1237 800.5 1250.5Q743 1264 679 1264Q533 1264 455.0 1164.5Q377 1065 375 870L379 865Q429 916 505.5 945.5Q582 975 674 975Q805 975 899.0 912.0Q993 849 1044.0 738.5Q1095 628 1095 487Q1095 339 1034.0 224.5Q973 110 864.0 44.5Q755 -21 612 -21ZM607 188Q707 188 765.0 275.5Q823 363 823 490Q823 613 762.5 691.0Q702 769 591 769Q517 769 459.0 740.5Q401 712 368 662V560Q368 381 434.5 284.5Q501 188 607 188Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.6 KiB

@sideCards/exports/cards/7c.svg
+45
View File
@@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>7 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 135) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 135) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 245) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 565) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 565) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.1868 85.0000) scale(0.043956 -0.043956)"><path d="M336 0 350 150Q386 476 500.0 745.0Q614 1014 812 1246H279L267 1097H55V1456H1074V1246Q954 1105 875.0 978.5Q796 852 747.0 725.5Q698 599 669.5 458.5Q641 318 622 150L608 0Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.1868 85.0000) scale(0.043956 -0.043956)"><path d="M336 0 350 150Q386 476 500.0 745.0Q614 1014 812 1246H279L267 1097H55V1456H1074V1246Q954 1105 875.0 978.5Q796 852 747.0 725.5Q698 599 669.5 458.5Q641 318 622 150L608 0Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

@sideCards/exports/cards/7d.svg
+45
View File
@@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>7 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 135) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 135) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 245) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 565) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 565) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.1868 85.0000) scale(0.043956 -0.043956)"><path d="M336 0 350 150Q386 476 500.0 745.0Q614 1014 812 1246H279L267 1097H55V1456H1074V1246Q954 1105 875.0 978.5Q796 852 747.0 725.5Q698 599 669.5 458.5Q641 318 622 150L608 0Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.1868 85.0000) scale(0.043956 -0.043956)"><path d="M336 0 350 150Q386 476 500.0 745.0Q614 1014 812 1246H279L267 1097H55V1456H1074V1246Q954 1105 875.0 978.5Q796 852 747.0 725.5Q698 599 669.5 458.5Q641 318 622 150L608 0Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

@sideCards/exports/cards/7h.svg
+45
View File
@@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>7 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 135) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 135) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 245) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 565) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 565) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.1868 85.0000) scale(0.043956 -0.043956)"><path d="M336 0 350 150Q386 476 500.0 745.0Q614 1014 812 1246H279L267 1097H55V1456H1074V1246Q954 1105 875.0 978.5Q796 852 747.0 725.5Q698 599 669.5 458.5Q641 318 622 150L608 0Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.1868 85.0000) scale(0.043956 -0.043956)"><path d="M336 0 350 150Q386 476 500.0 745.0Q614 1014 812 1246H279L267 1097H55V1456H1074V1246Q954 1105 875.0 978.5Q796 852 747.0 725.5Q698 599 669.5 458.5Q641 318 622 150L608 0Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

@sideCards/exports/cards/7s.svg
+45
View File
@@ -0,0 +1,45 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>7 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 135) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 135) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 245) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 565) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 565) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.1868 85.0000) scale(0.043956 -0.043956)"><path d="M336 0 350 150Q386 476 500.0 745.0Q614 1014 812 1246H279L267 1097H55V1456H1074V1246Q954 1105 875.0 978.5Q796 852 747.0 725.5Q698 599 669.5 458.5Q641 318 622 150L608 0Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.1868 85.0000) scale(0.043956 -0.043956)"><path d="M336 0 350 150Q386 476 500.0 745.0Q614 1014 812 1246H279L267 1097H55V1456H1074V1246Q954 1105 875.0 978.5Q796 852 747.0 725.5Q698 599 669.5 458.5Q641 318 622 150L608 0Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.9 KiB

@sideCards/exports/cards/8c.svg
+46
View File
@@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>8 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 125) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 125) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 235) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 465) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 575) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 575) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.5829 85.0000) scale(0.043331 -0.043331)"><path d="M565 -21Q344 -21 208.0 87.0Q72 195 72 397Q72 516 140.5 607.5Q209 699 327 747Q223 793 165.0 877.0Q107 961 107 1071Q107 1265 232.0 1371.0Q357 1477 563 1477Q767 1477 893.5 1371.0Q1020 1265 1020 1071Q1020 961 961.0 877.0Q902 793 799 747Q917 699 986.0 607.5Q1055 516 1055 397Q1055 195 919.0 87.0Q783 -21 565 -21ZM565 852Q649 852 698.5 908.5Q748 965 748 1060Q748 1152 697.0 1209.5Q646 1267 563 1267Q477 1267 428.5 1211.0Q380 1155 380 1060Q380 965 429.0 908.5Q478 852 565 852ZM565 188Q662 188 723.0 249.0Q784 310 784 414Q784 516 722.0 579.0Q660 642 563 642Q465 642 404.5 579.0Q344 516 344 414Q344 309 404.0 248.5Q464 188 565 188Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.5829 85.0000) scale(0.043331 -0.043331)"><path d="M565 -21Q344 -21 208.0 87.0Q72 195 72 397Q72 516 140.5 607.5Q209 699 327 747Q223 793 165.0 877.0Q107 961 107 1071Q107 1265 232.0 1371.0Q357 1477 563 1477Q767 1477 893.5 1371.0Q1020 1265 1020 1071Q1020 961 961.0 877.0Q902 793 799 747Q917 699 986.0 607.5Q1055 516 1055 397Q1055 195 919.0 87.0Q783 -21 565 -21ZM565 852Q649 852 698.5 908.5Q748 965 748 1060Q748 1152 697.0 1209.5Q646 1267 563 1267Q477 1267 428.5 1211.0Q380 1155 380 1060Q380 965 429.0 908.5Q478 852 565 852ZM565 188Q662 188 723.0 249.0Q784 310 784 414Q784 516 722.0 579.0Q660 642 563 642Q465 642 404.5 579.0Q344 516 344 414Q344 309 404.0 248.5Q464 188 565 188Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

@sideCards/exports/cards/8d.svg
+46
View File
@@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>8 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 125) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 125) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 235) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 465) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 575) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 575) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.5829 85.0000) scale(0.043331 -0.043331)"><path d="M565 -21Q344 -21 208.0 87.0Q72 195 72 397Q72 516 140.5 607.5Q209 699 327 747Q223 793 165.0 877.0Q107 961 107 1071Q107 1265 232.0 1371.0Q357 1477 563 1477Q767 1477 893.5 1371.0Q1020 1265 1020 1071Q1020 961 961.0 877.0Q902 793 799 747Q917 699 986.0 607.5Q1055 516 1055 397Q1055 195 919.0 87.0Q783 -21 565 -21ZM565 852Q649 852 698.5 908.5Q748 965 748 1060Q748 1152 697.0 1209.5Q646 1267 563 1267Q477 1267 428.5 1211.0Q380 1155 380 1060Q380 965 429.0 908.5Q478 852 565 852ZM565 188Q662 188 723.0 249.0Q784 310 784 414Q784 516 722.0 579.0Q660 642 563 642Q465 642 404.5 579.0Q344 516 344 414Q344 309 404.0 248.5Q464 188 565 188Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.5829 85.0000) scale(0.043331 -0.043331)"><path d="M565 -21Q344 -21 208.0 87.0Q72 195 72 397Q72 516 140.5 607.5Q209 699 327 747Q223 793 165.0 877.0Q107 961 107 1071Q107 1265 232.0 1371.0Q357 1477 563 1477Q767 1477 893.5 1371.0Q1020 1265 1020 1071Q1020 961 961.0 877.0Q902 793 799 747Q917 699 986.0 607.5Q1055 516 1055 397Q1055 195 919.0 87.0Q783 -21 565 -21ZM565 852Q649 852 698.5 908.5Q748 965 748 1060Q748 1152 697.0 1209.5Q646 1267 563 1267Q477 1267 428.5 1211.0Q380 1155 380 1060Q380 965 429.0 908.5Q478 852 565 852ZM565 188Q662 188 723.0 249.0Q784 310 784 414Q784 516 722.0 579.0Q660 642 563 642Q465 642 404.5 579.0Q344 516 344 414Q344 309 404.0 248.5Q464 188 565 188Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

@sideCards/exports/cards/8h.svg
+46
View File
@@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>8 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 125) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 125) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 235) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 465) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 575) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 575) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.5829 85.0000) scale(0.043331 -0.043331)"><path d="M565 -21Q344 -21 208.0 87.0Q72 195 72 397Q72 516 140.5 607.5Q209 699 327 747Q223 793 165.0 877.0Q107 961 107 1071Q107 1265 232.0 1371.0Q357 1477 563 1477Q767 1477 893.5 1371.0Q1020 1265 1020 1071Q1020 961 961.0 877.0Q902 793 799 747Q917 699 986.0 607.5Q1055 516 1055 397Q1055 195 919.0 87.0Q783 -21 565 -21ZM565 852Q649 852 698.5 908.5Q748 965 748 1060Q748 1152 697.0 1209.5Q646 1267 563 1267Q477 1267 428.5 1211.0Q380 1155 380 1060Q380 965 429.0 908.5Q478 852 565 852ZM565 188Q662 188 723.0 249.0Q784 310 784 414Q784 516 722.0 579.0Q660 642 563 642Q465 642 404.5 579.0Q344 516 344 414Q344 309 404.0 248.5Q464 188 565 188Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.5829 85.0000) scale(0.043331 -0.043331)"><path d="M565 -21Q344 -21 208.0 87.0Q72 195 72 397Q72 516 140.5 607.5Q209 699 327 747Q223 793 165.0 877.0Q107 961 107 1071Q107 1265 232.0 1371.0Q357 1477 563 1477Q767 1477 893.5 1371.0Q1020 1265 1020 1071Q1020 961 961.0 877.0Q902 793 799 747Q917 699 986.0 607.5Q1055 516 1055 397Q1055 195 919.0 87.0Q783 -21 565 -21ZM565 852Q649 852 698.5 908.5Q748 965 748 1060Q748 1152 697.0 1209.5Q646 1267 563 1267Q477 1267 428.5 1211.0Q380 1155 380 1060Q380 965 429.0 908.5Q478 852 565 852ZM565 188Q662 188 723.0 249.0Q784 310 784 414Q784 516 722.0 579.0Q660 642 563 642Q465 642 404.5 579.0Q344 516 344 414Q344 309 404.0 248.5Q464 188 565 188Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

@sideCards/exports/cards/8s.svg
+46
View File
@@ -0,0 +1,46 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>8 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 125) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 125) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 235) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 465) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 575) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 575) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.5829 85.0000) scale(0.043331 -0.043331)"><path d="M565 -21Q344 -21 208.0 87.0Q72 195 72 397Q72 516 140.5 607.5Q209 699 327 747Q223 793 165.0 877.0Q107 961 107 1071Q107 1265 232.0 1371.0Q357 1477 563 1477Q767 1477 893.5 1371.0Q1020 1265 1020 1071Q1020 961 961.0 877.0Q902 793 799 747Q917 699 986.0 607.5Q1055 516 1055 397Q1055 195 919.0 87.0Q783 -21 565 -21ZM565 852Q649 852 698.5 908.5Q748 965 748 1060Q748 1152 697.0 1209.5Q646 1267 563 1267Q477 1267 428.5 1211.0Q380 1155 380 1060Q380 965 429.0 908.5Q478 852 565 852ZM565 188Q662 188 723.0 249.0Q784 310 784 414Q784 516 722.0 579.0Q660 642 563 642Q465 642 404.5 579.0Q344 516 344 414Q344 309 404.0 248.5Q464 188 565 188Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.5829 85.0000) scale(0.043331 -0.043331)"><path d="M565 -21Q344 -21 208.0 87.0Q72 195 72 397Q72 516 140.5 607.5Q209 699 327 747Q223 793 165.0 877.0Q107 961 107 1071Q107 1265 232.0 1371.0Q357 1477 563 1477Q767 1477 893.5 1371.0Q1020 1265 1020 1071Q1020 961 961.0 877.0Q902 793 799 747Q917 699 986.0 607.5Q1055 516 1055 397Q1055 195 919.0 87.0Q783 -21 565 -21ZM565 852Q649 852 698.5 908.5Q748 965 748 1060Q748 1152 697.0 1209.5Q646 1267 563 1267Q477 1267 428.5 1211.0Q380 1155 380 1060Q380 965 429.0 908.5Q478 852 565 852ZM565 188Q662 188 723.0 249.0Q784 310 784 414Q784 516 722.0 579.0Q660 642 563 642Q465 642 404.5 579.0Q344 516 344 414Q344 309 404.0 248.5Q464 188 565 188Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

@sideCards/exports/cards/9c.svg
+47
View File
@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>9 of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 115) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 115) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 275) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 275) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 350) rotate(0) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 425) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 425) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(165 585) rotate(180) scale(1.43)"/>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(335 585) rotate(180) scale(1.43)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.8646 85.0000) scale(0.043331 -0.043331)"><path d="M503 -21Q427 -21 346.5 -6.0Q266 9 199 39L232 238Q356 188 493 188Q624 188 699.0 280.0Q774 372 776 567L774 586Q678 456 504 456Q306 456 186.5 589.0Q67 722 67 957Q67 1105 130.0 1223.0Q193 1341 301.5 1409.0Q410 1477 549 1477Q698 1477 810.0 1409.0Q922 1341 984.5 1211.5Q1047 1082 1047 896V592Q1047 395 978.0 258.0Q909 121 786.5 50.0Q664 -21 503 -21ZM554 657Q629 657 686.5 688.5Q744 720 776 772V928Q776 1094 716.5 1180.5Q657 1267 551 1267Q490 1267 442.0 1225.5Q394 1184 366.5 1114.0Q339 1044 339 957Q339 820 394.0 738.5Q449 657 554 657Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.8646 85.0000) scale(0.043331 -0.043331)"><path d="M503 -21Q427 -21 346.5 -6.0Q266 9 199 39L232 238Q356 188 493 188Q624 188 699.0 280.0Q774 372 776 567L774 586Q678 456 504 456Q306 456 186.5 589.0Q67 722 67 957Q67 1105 130.0 1223.0Q193 1341 301.5 1409.0Q410 1477 549 1477Q698 1477 810.0 1409.0Q922 1341 984.5 1211.5Q1047 1082 1047 896V592Q1047 395 978.0 258.0Q909 121 786.5 50.0Q664 -21 503 -21ZM554 657Q629 657 686.5 688.5Q744 720 776 772V928Q776 1094 716.5 1180.5Q657 1267 551 1267Q490 1267 442.0 1225.5Q394 1184 366.5 1114.0Q339 1044 339 957Q339 820 394.0 738.5Q449 657 554 657Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

@sideCards/exports/cards/9d.svg
+47
View File
@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>9 of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 115) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 115) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 275) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 275) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 350) rotate(0) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 425) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 425) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(165 585) rotate(180) scale(1.75)"/>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(335 585) rotate(180) scale(1.75)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.8646 85.0000) scale(0.043331 -0.043331)"><path d="M503 -21Q427 -21 346.5 -6.0Q266 9 199 39L232 238Q356 188 493 188Q624 188 699.0 280.0Q774 372 776 567L774 586Q678 456 504 456Q306 456 186.5 589.0Q67 722 67 957Q67 1105 130.0 1223.0Q193 1341 301.5 1409.0Q410 1477 549 1477Q698 1477 810.0 1409.0Q922 1341 984.5 1211.5Q1047 1082 1047 896V592Q1047 395 978.0 258.0Q909 121 786.5 50.0Q664 -21 503 -21ZM554 657Q629 657 686.5 688.5Q744 720 776 772V928Q776 1094 716.5 1180.5Q657 1267 551 1267Q490 1267 442.0 1225.5Q394 1184 366.5 1114.0Q339 1044 339 957Q339 820 394.0 738.5Q449 657 554 657Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.8646 85.0000) scale(0.043331 -0.043331)"><path d="M503 -21Q427 -21 346.5 -6.0Q266 9 199 39L232 238Q356 188 493 188Q624 188 699.0 280.0Q774 372 776 567L774 586Q678 456 504 456Q306 456 186.5 589.0Q67 722 67 957Q67 1105 130.0 1223.0Q193 1341 301.5 1409.0Q410 1477 549 1477Q698 1477 810.0 1409.0Q922 1341 984.5 1211.5Q1047 1082 1047 896V592Q1047 395 978.0 258.0Q909 121 786.5 50.0Q664 -21 503 -21ZM554 657Q629 657 686.5 688.5Q744 720 776 772V928Q776 1094 716.5 1180.5Q657 1267 551 1267Q490 1267 442.0 1225.5Q394 1184 366.5 1114.0Q339 1044 339 957Q339 820 394.0 738.5Q449 657 554 657Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

@sideCards/exports/cards/9h.svg
+47
View File
@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>9 of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 115) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 115) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 275) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 275) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 350) rotate(0) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 425) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 425) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(165 585) rotate(180) scale(1.28)"/>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(335 585) rotate(180) scale(1.28)"/>
</g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(23.8646 85.0000) scale(0.043331 -0.043331)"><path d="M503 -21Q427 -21 346.5 -6.0Q266 9 199 39L232 238Q356 188 493 188Q624 188 699.0 280.0Q774 372 776 567L774 586Q678 456 504 456Q306 456 186.5 589.0Q67 722 67 957Q67 1105 130.0 1223.0Q193 1341 301.5 1409.0Q410 1477 549 1477Q698 1477 810.0 1409.0Q922 1341 984.5 1211.5Q1047 1082 1047 896V592Q1047 395 978.0 258.0Q909 121 786.5 50.0Q664 -21 503 -21ZM554 657Q629 657 686.5 688.5Q744 720 776 772V928Q776 1094 716.5 1180.5Q657 1267 551 1267Q490 1267 442.0 1225.5Q394 1184 366.5 1114.0Q339 1044 339 957Q339 820 394.0 738.5Q449 657 554 657Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(23.8646 85.0000) scale(0.043331 -0.043331)"><path d="M503 -21Q427 -21 346.5 -6.0Q266 9 199 39L232 238Q356 188 493 188Q624 188 699.0 280.0Q774 372 776 567L774 586Q678 456 504 456Q306 456 186.5 589.0Q67 722 67 957Q67 1105 130.0 1223.0Q193 1341 301.5 1409.0Q410 1477 549 1477Q698 1477 810.0 1409.0Q922 1341 984.5 1211.5Q1047 1082 1047 896V592Q1047 395 978.0 258.0Q909 121 786.5 50.0Q664 -21 503 -21ZM554 657Q629 657 686.5 688.5Q744 720 776 772V928Q776 1094 716.5 1180.5Q657 1267 551 1267Q490 1267 442.0 1225.5Q394 1184 366.5 1114.0Q339 1044 339 957Q339 820 394.0 738.5Q449 657 554 657Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

@sideCards/exports/cards/9s.svg
+47
View File
@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>9 of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips">
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 115) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 115) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 275) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 275) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 350) rotate(0) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 425) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 425) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(165 585) rotate(180) scale(1.5)"/>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(335 585) rotate(180) scale(1.5)"/>
</g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(23.8646 85.0000) scale(0.043331 -0.043331)"><path d="M503 -21Q427 -21 346.5 -6.0Q266 9 199 39L232 238Q356 188 493 188Q624 188 699.0 280.0Q774 372 776 567L774 586Q678 456 504 456Q306 456 186.5 589.0Q67 722 67 957Q67 1105 130.0 1223.0Q193 1341 301.5 1409.0Q410 1477 549 1477Q698 1477 810.0 1409.0Q922 1341 984.5 1211.5Q1047 1082 1047 896V592Q1047 395 978.0 258.0Q909 121 786.5 50.0Q664 -21 503 -21ZM554 657Q629 657 686.5 688.5Q744 720 776 772V928Q776 1094 716.5 1180.5Q657 1267 551 1267Q490 1267 442.0 1225.5Q394 1184 366.5 1114.0Q339 1044 339 957Q339 820 394.0 738.5Q449 657 554 657Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(23.8646 85.0000) scale(0.043331 -0.043331)"><path d="M503 -21Q427 -21 346.5 -6.0Q266 9 199 39L232 238Q356 188 493 188Q624 188 699.0 280.0Q774 372 776 567L774 586Q678 456 504 456Q306 456 186.5 589.0Q67 722 67 957Q67 1105 130.0 1223.0Q193 1341 301.5 1409.0Q410 1477 549 1477Q698 1477 810.0 1409.0Q922 1341 984.5 1211.5Q1047 1082 1047 896V592Q1047 395 978.0 258.0Q909 121 786.5 50.0Q664 -21 503 -21ZM554 657Q629 657 686.5 688.5Q744 720 776 772V928Q776 1094 716.5 1180.5Q657 1267 551 1267Q490 1267 442.0 1225.5Q394 1184 366.5 1114.0Q339 1044 339 957Q339 820 394.0 738.5Q449 657 554 657Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.8 KiB

@sideCards/exports/cards/ac.svg
+37
View File
@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>A of clubs</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips"><use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(250 350) rotate(0) scale(2.92)"/></g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(14.6813 85.0000) scale(0.043956 -0.043956)"><path d="M47 0V164L152 179L625 1456H896L1365 179L1469 164V0H990V164L1093 183L1022 397H495L424 183L526 164V0ZM562 602H955L776 1120L762 1162H756L741 1118Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(14.6813 85.0000) scale(0.043956 -0.043956)"><path d="M47 0V164L152 179L625 1456H896L1365 179L1469 164V0H990V164L1093 183L1022 397H495L424 183L526 164V0ZM562 602H955L776 1120L762 1162H756L741 1118Z" transform="translate(0 0)"/></g>
<use href="#suit-C" xlink:href="#suit-C" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

@sideCards/exports/cards/ad.svg
+37
View File
@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>A of diamonds</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips"><use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(250 350) rotate(0) scale(3.72)"/></g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(14.6813 85.0000) scale(0.043956 -0.043956)"><path d="M47 0V164L152 179L625 1456H896L1365 179L1469 164V0H990V164L1093 183L1022 397H495L424 183L526 164V0ZM562 602H955L776 1120L762 1162H756L741 1118Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(14.6813 85.0000) scale(0.043956 -0.043956)"><path d="M47 0V164L152 179L625 1456H896L1365 179L1469 164V0H990V164L1093 183L1022 397H495L424 183L526 164V0ZM562 602H955L776 1120L762 1162H756L741 1118Z" transform="translate(0 0)"/></g>
<use href="#suit-D" xlink:href="#suit-D" class="red" transform="translate(48 127) rotate(0) scale(0.92)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

@sideCards/exports/cards/ah.svg
+37
View File
@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>A of hearts</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips"><use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(250 350) rotate(0) scale(2.75)"/></g>
<g id="index-top" class="red">
<g class="rank-outline" transform="translate(14.6813 85.0000) scale(0.043956 -0.043956)"><path d="M47 0V164L152 179L625 1456H896L1365 179L1469 164V0H990V164L1093 183L1022 397H495L424 183L526 164V0ZM562 602H955L776 1120L762 1162H756L741 1118Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="red">
<g class="rank-outline" transform="translate(14.6813 85.0000) scale(0.043956 -0.043956)"><path d="M47 0V164L152 179L625 1456H896L1365 179L1469 164V0H990V164L1093 183L1022 397H495L424 183L526 164V0ZM562 602H955L776 1120L762 1162H756L741 1118Z" transform="translate(0 0)"/></g>
<use href="#suit-H" xlink:href="#suit-H" class="red" transform="translate(48 127) rotate(0) scale(0.71)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

@sideCards/exports/cards/as.svg
+37
View File
@@ -0,0 +1,37 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 500 700" width="500" height="700" role="img">
<title>A of spades</title>
<style>
.stock{fill:#fcfcfa}.black{fill:#111;color:#111}.red{fill:#b51620;color:#b51620}
</style>
<defs>
<clipPath id="card-clip"><rect width="500" height="700" rx="24"/></clipPath>
<g id="suit-H"><path d="M0 36C-7 27-32 10-32-9C-32-27-11-38 0-19C11-38 32-27 32-9C32 10 7 27 0 36Z"/></g>
<g id="suit-D"><path d="M0-32L23 0L0 32L-23 0Z"/></g>
<g id="suit-C">
<circle cx="0" cy="-15" r="15"/>
<circle cx="-16.5" cy="6" r="15"/>
<circle cx="16.5" cy="6" r="15"/>
<circle cx="0" cy="-2" r="12"/>
<path d="M-7 8C-6 19-11 25-17 30H17C11 25 6 19 7 8Z"/>
</g>
<g id="suit-S">
<path d="M0-32C-8-18-31-7-27 10C-24 23-9 22-2 13C-2 24-8 29-14 34H14C8 29 2 24 2 13C9 22 24 23 27 10C31-7 8-18 0-32Z"/>
</g>
</defs>
<rect class="stock" width="500" height="700" rx="24"/>
<g id="pips"><use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(250 350) rotate(0) scale(3.2)"/></g>
<g id="index-top" class="black">
<g class="rank-outline" transform="translate(14.6813 85.0000) scale(0.043956 -0.043956)"><path d="M47 0V164L152 179L625 1456H896L1365 179L1469 164V0H990V164L1093 183L1022 397H495L424 183L526 164V0ZM562 602H955L776 1120L762 1162H756L741 1118Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g>
<g id="index-bottom" transform="rotate(180 250 350)">
<g id="index-mirrored" class="black">
<g class="rank-outline" transform="translate(14.6813 85.0000) scale(0.043956 -0.043956)"><path d="M47 0V164L152 179L625 1456H896L1365 179L1469 164V0H990V164L1093 183L1022 397H495L424 183L526 164V0ZM562 602H955L776 1120L762 1162H756L741 1118Z" transform="translate(0 0)"/></g>
<use href="#suit-S" xlink:href="#suit-S" class="black" transform="translate(48 127) rotate(0) scale(0.78)"/>
</g></g>
<rect x="2" y="2" width="496" height="696" rx="22" fill="none" stroke="#b7b2aa" stroke-width="4"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

@sideCards/exports/cards/back.svg
+26
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 728 KiB

@sideCards/exports/cards/jc.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/cards/jd.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/cards/jh.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/cards/js.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/cards/kc.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

@sideCards/exports/cards/kd.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

@sideCards/exports/cards/kh.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/cards/ks.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/cards/qc.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/cards/qd.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.4 MiB

@sideCards/exports/cards/qh.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/cards/qs.svg
+50
View File
File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

@sideCards/exports/manifest.json
+59
View File
@@ -0,0 +1,59 @@
{
"cards": [
"as.svg",
"2s.svg",
"3s.svg",
"4s.svg",
"5s.svg",
"6s.svg",
"7s.svg",
"8s.svg",
"9s.svg",
"10s.svg",
"js.svg",
"qs.svg",
"ks.svg",
"ah.svg",
"2h.svg",
"3h.svg",
"4h.svg",
"5h.svg",
"6h.svg",
"7h.svg",
"8h.svg",
"9h.svg",
"10h.svg",
"jh.svg",
"qh.svg",
"kh.svg",
"ad.svg",
"2d.svg",
"3d.svg",
"4d.svg",
"5d.svg",
"6d.svg",
"7d.svg",
"8d.svg",
"9d.svg",
"10d.svg",
"jd.svg",
"qd.svg",
"kd.svg",
"ac.svg",
"2c.svg",
"3c.svg",
"4c.svg",
"5c.svg",
"6c.svg",
"7c.svg",
"8c.svg",
"9c.svg",
"10c.svg",
"jc.svg",
"qc.svg",
"kc.svg"
],
"back": "back.svg",
"format": "standalone SVG; court SVGs contain embedded PNG artwork",
"count": 52
}