How we made the suits

Click on any rank or suit below to see how it was made

Rank

A
2
3
4
5
6
7
8
9
10

Suit

club
spade
diamond
heart

How To Make A Club (Tutorial)

Learn how we combined simple shapes to create a club.
Where r is the radius, cy is the y position, cx is the x position and polygons are made of connected points.

A

A

Step 1

Place a circle (104 radius) on the left

A

A

Step 2

Place a circle (104 radius) at the top

A

A

Step 3

Place a circle (104 radius) on the right

A

A

Step 4

Place a triangle (polygon) at the bottom

Make your card now

Our card creator can also help you learn the basics of SVG creation.
You can also make cards using photos only.

Explore more related searches

Explore related searches and how TheDevCards can be more than just playing cards. Click here to learn more.

TheDevCards is proudly supported by Software Leaders at Lovable, Stripe, Amazon, ElevenLabs, Attio and more.

Made in London 🇬🇧
✉️ [email protected]
Cards version: v1.0.0