Add icons to this collection by clicking the heart icon.
Card icon - also known as message, envelope, mail, card, surprise, friendship, miscellaneous, greeting card, and best friend. 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"
>
<rect width="36" height="26" x="5" y="2" fill="#d9d9d9" rx="1" />
<path fill="#b3b3b3" d="m5 2 18 13L41 2z" />
<circle cx="23" cy="15" r="8" fill="#ffe38f" />
<path fill="#adc4e6" d="M58 49H46a4 4 0 0 0-4 4v10h20V53a4 4 0 0 0-4-4z" />
<path
fill="#759acc"
d="m27 40-2.747 9.156a1 1 0 0 1-1.122.7L17 49.026C16.891 49.01 6 49 6 49a4 4 0 0 0-4 4v10h18v-8l5.299.582a2 2 0 0 0 2.148-1.465L31 41z"
/>
<rect width="14" height="16" x="4" y="33" fill="#e6c59b" rx="6.791" />
<path
fill="#495766"
d="M4.249 38h13.502a6.812 6.812 0 0 0-6.542-5h-.418a6.812 6.812 0 0 0-6.542 5z"
/>
<rect width="14" height="16" x="45" y="33" fill="#e6c59b" rx="6.791" />
<path
fill="#495766"
d="m58.69 38.945.27.123A6.814 6.814 0 0 0 52.209 33h-.418a6.81 6.81 0 0 0-6.709 5.792c.09.039.175.073.248.103a32.699 32.699 0 0 0 8.38-1.84 8.93 8.93 0 0 0 4.98 1.89z"
/>
<circle cx="8" cy="42" r="1" />
<circle cx="14" cy="42" r="1" />
<path
d="m31.242 40.03-4-1a1.002 1.002 0 0 0-1.2.683l-2.777 9.151-6.096-.822a6.726 6.726 0 0 0-.79-.02A7.766 7.766 0 0 0 19 42.209v-2.418A7.8 7.8 0 0 0 11.209 32h-.418A7.8 7.8 0 0 0 3 39.791v2.418a7.766 7.766 0 0 0 2.638 5.828A4.991 4.991 0 0 0 1 53v10h2V53a3.003 3.003 0 0 1 2.999-3c4.209.003 10.597.013 10.867.019l6.102.823a1.995 1.995 0 0 0 2.243-1.399l2.473-8.242 2.085.522-3.287 12.132a1.005 1.005 0 0 1-1.074.733l-5.299-.582a.99.99 0 0 0-.776.249A1.002 1.002 0 0 0 19 55v8h2v-6.884l4.19.46a2.983 2.983 0 0 0 3.222-2.197l3.553-13.117a1 1 0 0 0-.723-1.232zM10.791 34h.418a5.794 5.794 0 0 1 5.071 3H5.72a5.794 5.794 0 0 1 5.071-3zm.418 14h-.418A5.797 5.797 0 0 1 5 42.209v-2.418A5.789 5.789 0 0 1 5.06 39h11.88a5.789 5.789 0 0 1 .06.791v2.418A5.797 5.797 0 0 1 11.209 48zM23 18a1 1 0 0 1-1-1h-2a3 3 0 0 0 6 0h-2a1 1 0 0 1-1 1z"
/>
<circle cx="20" cy="13" r="1" />
<circle cx="26" cy="13" r="1" />
<path
d="M42 27V3a2.003 2.003 0 0 0-2-2H6a2.003 2.003 0 0 0-2 2v24a2.003 2.003 0 0 0 2 2h34a2.003 2.003 0 0 0 2-2zM37.907 3l-8.253 5.96a8.957 8.957 0 0 0-13.308 0L8.093 3zM30 15a7 7 0 1 1-7-7 7.008 7.008 0 0 1 7 7zM6 27V3.956l9.17 6.622a9 9 0 1 0 15.66 0L40 3.956 40.002 27zM58 48h-.598A7.765 7.765 0 0 0 60 42.209v-2.418A7.8 7.8 0 0 0 52.209 32h-.418A7.8 7.8 0 0 0 44 39.791v2.418A7.765 7.765 0 0 0 46.598 48H46a5.006 5.006 0 0 0-5 5v10h2V53a3.003 3.003 0 0 1 3-3h12a3.003 3.003 0 0 1 3 3v10h2V53a5.006 5.006 0 0 0-5-5zm-6.209-14h.418a5.795 5.795 0 0 1 5.415 3.757 6.913 6.913 0 0 1-3.231-1.434.998.998 0 0 0-1.05-.198 29.816 29.816 0 0 1-6.97 1.642A5.795 5.795 0 0 1 51.79 34zm.418 14h-.418A5.797 5.797 0 0 1 46 42.209v-2.392a34.364 34.364 0 0 0 7.521-1.623A10.272 10.272 0 0 0 58 39.843v2.366A5.797 5.797 0 0 1 52.209 48z"
/>
<circle cx="49" cy="42" r="1" />
<circle cx="55" cy="42" r="1" />
<path
d="M51 26h2v3h-2zM55.284 30.296l2.121-2.121 1.414 1.414-2.12 2.121zM45.165 29.588l1.414-1.414 2.12 2.12-1.413 1.414z"
/>
</svg>
More icons in the same style and category