Created
December 28, 2025 18:06
-
-
Save josh-gree/448e0173e479bde2640e5c58a8a7870f to your computer and use it in GitHub Desktop.
Card SVG examples (fixed) for PR #6
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 140" width="100" height="140"> | |
| <!-- Card background --> | |
| <rect x="1" y="1" width="98" height="138" rx="6" ry="6" fill="white" stroke="#333" stroke-width="1"/> | |
| <!-- Top left rank --> | |
| <text x="8" y="22" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#e74c3c">K</text> | |
| <!-- Top left suit symbol --> | |
| <g transform="translate(4, 24)"> | |
| <svg width="16" height="16" viewBox="0 0 24 24"> | |
| <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" fill="#e74c3c"/> | |
| </svg> | |
| </g> | |
| <!-- Centre suit symbol --> | |
| <g transform="translate(30, 50)"> | |
| <svg width="40" height="40" viewBox="0 0 24 24"> | |
| <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" fill="#e74c3c"/> | |
| </svg> | |
| </g> | |
| <!-- Bottom right (rotated 180 around card centre) --> | |
| <g transform="rotate(180 50 70)"> | |
| <!-- Rank --> | |
| <text x="8" y="22" font-family="Arial, sans-serif" font-size="16" font-weight="bold" fill="#e74c3c">K</text> | |
| <!-- Suit symbol --> | |
| <g transform="translate(4, 24)"> | |
| <svg width="16" height="16" viewBox="0 0 24 24"> | |
| <path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z" fill="#e74c3c"/> | |
| </svg> | |
| </g> | |
| </g> | |
| </svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment