Add icons to this collection by clicking the heart icon.
Cards icon - also known as play, game, card, cards, and gaming. Created in a clean lineal color style with a gray, black, yellow, olive, teal, navy, purple, and orange finish, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<rect width="32" height="50" y="8" fill="#ffdc00" rx="4" />
<path
fill="#fec108"
d="M28 8h-3a4 4 0 0 1 4 4v42a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V12a4 4 0 0 0-4-4z"
/>
<path fill="#3f51b5" d="M0 13h32v31H0z" />
<path fill="#283593" d="M29 13h3v31h-3z" />
<circle cx="6" cy="51" r="2" fill="#9d27b0" />
<path
fill="#9d27b0"
d="M22 49v4h-8a2.006 2.006 0 0 1-2-2 2.015 2.015 0 0 1 2-2z"
/>
<path
fill="#ff9801"
d="M28 51a2.015 2.015 0 0 1-2 2h-4v-4h4a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#9d27b0"
d="M58 4v42a4 4 0 0 1-4 4H32V12a4 4 0 0 0-4-4h-2V4a4 4 0 0 1 4-4h24a4 4 0 0 1 4 4z"
/>
<path
fill="#6a1b9a"
d="M54 0h-3a4 4 0 0 1 4 4v42a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4z"
/>
<path fill="#a4c400" d="M58 5v31H32V12a4 4 0 0 0-4-4h-2V5z" />
<path fill="#90ac00" d="M55 5h3v31h-3z" />
<path
fill="#ffdc00"
d="M45 41v4h-7a2.006 2.006 0 0 1-2-2 2.015 2.015 0 0 1 2-2z"
/>
<path
fill="#6a1b9a"
d="M54 43a2.015 2.015 0 0 1-2 2h-7v-4h7a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#9e9e9e"
d="M26 31c0 6-1 7-1 7l-9 2-9-2s-1-1-1-7c0 0 .55-.21 1.4-.51C9.78 29.63 14.52 28 16 28s6.22 1.63 8.6 2.49c.85.3 1.4.51 1.4.51z"
/>
<path
fill="#7f8e94"
d="M24.6 30.49C22.22 29.63 17.48 28 16 28s-6.22 1.63-8.6 2.49c-.37-2.1-.57-5.14.6-7.49 2-4 8-5 8-5s6 1 8 5c1.17 2.35.97 5.39.6 7.49z"
/>
<path
fill="#3f51b5"
d="M52 28c0 2.21-4.48 4-10 4s-10-1.79-10-4c0-1.43 1.88-2.68 4.7-3.39L41.05 9.7a1 1 0 0 1 1.9 0l4.35 14.91c2.82.71 4.7 1.96 4.7 3.39z"
/>
</g>
<g fill="#000">
<path
d="M7 49a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM27 49H15a3 3 0 0 0 0 6h12a3 3 0 0 0 0-6zm-13 3a1 1 0 0 1 1-1h7v2h-7a1 1 0 0 1-1-1zm13 1h-3v-2h3a1 1 0 0 1 0 2z"
/>
<path
d="M55 0H31a5.006 5.006 0 0 0-5 5v3H5a5.006 5.006 0 0 0-5 5v42a5.006 5.006 0 0 0 5 5h24a5.006 5.006 0 0 0 5-5v-3h21a5.006 5.006 0 0 0 5-5V5a5.006 5.006 0 0 0-5-5zM31 2h24a3 3 0 0 1 3 3h-2V4a1 1 0 0 0-2 0v1h-2V4a1 1 0 0 0-2 0v1H36V4a1 1 0 0 0-2 0v1h-2V4a1 1 0 0 0-2 0v1h-2a3 3 0 0 1 3-3zm-3 5h30v29H34v-4.042C36.122 33.3 39.626 34 43 34c5.333 0 11-1.752 11-5 0-1.788-1.784-3.294-4.89-4.194L44.907 10.4a2 2 0 0 0-3.821.021l-4.2 14.387A11.2 11.2 0 0 0 34 26.044V13a5.006 5.006 0 0 0-5-5h-1zM2 15h30v29H2zm34.72 13.96a1 1 0 0 0 1.24-.68l5.034-17.3 5.046 17.3a1 1 0 0 0 1.92-.56l-.169-.579C51.3 27.758 52 28.482 52 29c0 1.224-3.506 3-9 3s-9-1.776-9-3c0-.518.7-1.242 2.209-1.859l-.169.579a1 1 0 0 0 .68 1.24zM5 10h24a3 3 0 0 1 3 3h-2v-1a1 1 0 0 0-2 0v1h-2v-1a1 1 0 0 0-2 0v1H10v-1a1 1 0 0 0-2 0v1H6v-1a1 1 0 0 0-2 0v1H2a3 3 0 0 1 3-3zm24 48H5a3 3 0 0 1-3-3v-9h30v9a3 3 0 0 1-3 3zm26-8H34V38h24v9a3 3 0 0 1-3 3z"
/>
<path
d="M53 41H39a3 3 0 0 0 0 6h14a3 3 0 0 0 0-6zm-15 3a1 1 0 0 1 1-1h6v2h-6a1 1 0 0 1-1-1zm15 1h-6v-2h6a1 1 0 0 1 0 2zM27.351 31.063c-.109-.04-.332-.124-.637-.235.438-2.453.153-4.98-.819-7.275-1.753-3.505-6.069-4.908-7.895-5.359V18a1 1 0 0 0-2 0v.194c-1.826.451-6.142 1.854-7.895 5.361a12.85 12.85 0 0 0-.819 7.273c-.3.111-.528.2-.637.235A1 1 0 0 0 6 32c0 5.789.9 7.318 1.293 7.707a1 1 0 0 0 .49.27l9 2c.143.03.291.03.434 0l9-2a1 1 0 0 0 .49-.27C27.1 39.318 28 37.789 28 32a1 1 0 0 0-.649-.937zM9.9 24.447c1.567-3.147 6.167-4.237 7.1-4.428.933.191 5.533 1.284 7.105 4.426.739 1.8.972 3.767.675 5.69C22.184 29.227 18.417 28 17 28s-5.184 1.227-7.78 2.135c-.296-1.923-.06-3.89.68-5.688zm15.443 13.674L17 39.976l-8.343-1.855a16.631 16.631 0 0 1-.652-5.427C11.087 31.563 15.767 30 17 30s5.913 1.563 9 2.694a16.631 16.631 0 0 1-.657 5.427z"
/>
<path
d="M15 32a1 1 0 0 0-1 1v5a1 1 0 0 0 2 0v-5a1 1 0 0 0-1-1zM11 33a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1zM19 39a1 1 0 0 0 1-1v-5a1 1 0 0 0-2 0v5a1 1 0 0 0 1 1zM23 37a1 1 0 0 0 1-1v-2a1 1 0 0 0-2 0v2a1 1 0 0 0 1 1zM20.554 26.9a1 1 0 0 0 .893-1.791A11.347 11.347 0 0 0 17 24a11.347 11.347 0 0 0-4.447 1.105 1 1 0 0 0 .893 1.791A9.355 9.355 0 0 1 17 26a9.355 9.355 0 0 1 3.554.9zM43.688 57.274l.759-.379a1 1 0 1 0-.894-1.79l-.553.277V55a1 1 0 0 0-2 0v.382l-.553-.277a1 1 0 0 0-.894 1.79l.759.379-1.019 1.019a1 1 0 0 0 1.414 1.414L42 58.414l1.293 1.293a1 1 0 0 0 1.414-1.414zM15.293 5.707a1 1 0 0 0 1.414 0L18 4.414l1.293 1.293a1 1 0 0 0 1.414-1.414l-1.019-1.019.759-.379a1 1 0 1 0-.894-1.79L19 1.382V1a1 1 0 0 0-2 0v.382l-.553-.277a1 1 0 1 0-.894 1.79l.759.379-1.019 1.019a1 1 0 0 0 0 1.414z"
/>
<circle cx="11" cy="4" r="1" />
<circle cx="50" cy="56" r="1" />
</g>
</g>
</svg>
More icons in the same style and category