Add icons to this collection by clicking the heart icon.
Card icon - also known as card, happy, files, year, new year, communications, greetings, greeting card, and birthday and party. Created in a clean lineal color style, 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 64 64"
>
<g>
<path fill="#4891d3" d="M57 61 9 55V3l48 8z" />
<path fill="#84d2f4" d="M9 3h44v52H9z" />
<path fill="#57b7eb" d="M53 44v11H9V3h9v15a26 26 0 0 0 26 26z" />
<path fill="#f7f754" d="m25 12 6 9-16 4z" />
<path
fill="#f9e109"
d="m31 21-16 4 6.06-7.88a3.984 3.984 0 0 0 5.11 2.36l3.07-1.12z"
/>
<path fill="#f8664f" d="m24.49 22.63-3.91.98-.59-5.1 3.5-4.54z" />
<path
fill="#cc5144"
d="m24.49 22.63-3.91.98-.59-5.1 1.07-1.39a3.968 3.968 0 0 0 3.09 2.55z"
/>
<g fill="#fcbc04">
<path
d="M18.72 24.07 15 25l3.16-4.11a24.025 24.025 0 0 0 .56 3.18z"
/>
<path
d="M18.72 24.07 15 25l3.16-4.11a24.025 24.025 0 0 0 .56 3.18z"
/>
</g>
<g fill="#39519d">
<path
d="M57 31a1 1 0 0 0 1-1V11a1 1 0 0 0-.835-.986L54 9.486V3a1 1 0 0 0-1-1h-4a1 1 0 0 0 0 2h3v50H10v-8a1 1 0 0 0-2 0v9a1 1 0 0 0 .876.992l48 6A.861.861 0 0 0 57 62a1 1 0 0 0 1-1V34a1 1 0 0 0-2 0v25.867L25.062 56H53a1 1 0 0 0 1-1V11.514l2 .333V30a1 1 0 0 0 1 1zM9 43a1 1 0 0 0 1-1V4h35a1 1 0 0 0 0-2H9a1 1 0 0 0-1 1v39a1 1 0 0 0 1 1z"
/>
<path
d="M47 41h-4a1 1 0 0 0-1 1v8a1 1 0 0 0 2 0v-3h3a1 1 0 0 1 1 1v2a1 1 0 0 0 2 0v-2a2.981 2.981 0 0 0-.78-2A2.987 2.987 0 0 0 47 41zm-3 2h3a1 1 0 0 1 0 2h-3zM16 51a1 1 0 0 0 1-1v-3.667l2.8-3.733a1 1 0 1 0-1.6-1.2L16 44.333 13.8 41.4a1 1 0 0 0-1.6 1.2l2.8 3.733V50a1 1 0 0 0 1 1zM32.649 50.937a1 1 0 0 0 1.288-.586L34.443 49h3.114l.506 1.351A1 1 0 0 0 39 51a1.029 1.029 0 0 0 .351-.063 1 1 0 0 0 .586-1.288l-3-8a1 1 0 0 0-1.874 0l-3 8a1 1 0 0 0 .586 1.288zM36 44.848 36.807 47h-1.614zM29 43a1 1 0 0 0 0-2h-6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-5v-2h5a1 1 0 0 0 0-2h-5v-2zM24 37a1.019 1.019 0 0 0 .316-.051A1 1 0 0 0 25 36v-8a1 1 0 0 0-2 0v5l-4.2-5.6a1 1 0 0 0-1.8.6v8a1 1 0 0 0 2 0v-5l4.2 5.6a1 1 0 0 0 .8.4zM35 36a1 1 0 0 0-1-1h-5v-2h5a1 1 0 0 0 0-2h-5v-2h5a1 1 0 0 0 0-2h-6a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1zM43.143 36.515A1 1 0 0 0 44 37a1.027 1.027 0 0 0 .267-.036A1 1 0 0 0 45 36v-8a1 1 0 0 0-2 0v4.39l-1.143-1.905a1.039 1.039 0 0 0-1.714 0L39 32.39V28a1 1 0 0 0-2 0v8a1 1 0 0 0 1.857.515L41 32.944zM14.164 25.548A1 1 0 0 0 15 26a1.01 1.01 0 0 0 .243-.03l16-4a1 1 0 0 0 .589-1.525l-6-9a1 1 0 0 0-1.624-.055l-10 13a1 1 0 0 0-.044 1.158zm7.278-3.189L21.03 18.8l1.749-2.274.621 5.344zm7.939-1.985-4.029 1.007-.823-7.129.413-.536zm-10.1.7.205 1.772-1.942.485zM34.072 20.372a1 1 0 0 0 1.3.556l1.651-.66a5.851 5.851 0 0 1 5.422.564 1 1 0 1 0 1.11-1.664 7.847 7.847 0 0 0-7.274-.757l-1.653.661a1 1 0 0 0-.556 1.3zM32 7a1 1 0 0 0-1 1 3.8 3.8 0 0 1-1.121 2.707l-.586.586a1 1 0 1 0 1.414 1.414l.586-.586A5.787 5.787 0 0 0 33 8a1 1 0 0 0-1-1z"
/>
<circle cx="28" cy="8" r="1" />
<circle cx="21" cy="7" r="1" />
<circle cx="14" cy="18" r="1" />
<circle cx="36" cy="8" r="1" />
<path
d="M31.105 15.447a1 1 0 0 0 1.342.448l6-3a1 1 0 1 0-.894-1.79l-6 3a1 1 0 0 0-.448 1.342zM36.628 15.071a1 1 0 1 0 .744 1.858 12.4 12.4 0 0 1 9.256 0A1.015 1.015 0 0 0 47 17a1 1 0 0 0 .372-1.929 14.42 14.42 0 0 0-10.744 0zM40.84 10.328a1 1 0 0 0 1.387.277l.832-.554.554.832a1 1 0 1 0 1.664-1.11l-.554-.832.832-.554a1 1 0 0 0-1.11-1.664l-.832.554-.554-.832a1 1 0 1 0-1.659 1.11l.554.832-.832.554a1 1 0 0 0-.282 1.387zM17 9a1 1 0 0 0-1 1v1h-1a1 1 0 0 0 0 2h1v1a1 1 0 0 0 2 0v-1h1a1 1 0 0 0 0-2h-1v-1a1 1 0 0 0-1-1z"
/>
<circle cx="48" cy="32" r="1" />
<circle cx="13" cy="32" r="1" />
</g>
</g>
</svg>
More icons in the same style and category