Add icons to this collection by clicking the heart icon.
Cancel icon - also known as interface, button, cross, calendar, date, symbol, cancel, calendars, time and date, and cancel event. Created in a clean flat style with a white, silver, gray, yellow, orange, and pink 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 64 64"
>
<rect width="54" height="38" x="5" y="11" fill="#e9f1f2" rx="4" />
<path fill="#e9f1f2" d="M13 57h38a4 4 0 0 1 4 4H9a4 4 0 0 1 4-4z" />
<path
fill="#d0d8da"
d="M22 49a8.09 8.09 0 0 1-4.472 7.236L16 57h32l-1.528-.764A8.09 8.09 0 0 1 42 49zM59 43.87V45a4 4 0 0 1-4 4H9a4 4 0 0 1-4-4V15a4 4 0 0 1 4-4h46a3.657 3.657 0 0 1 1 .13V40a3.992 3.992 0 0 0 3 3.87z"
/>
<path fill="#93999a" d="M42 49H22a8.09 8.09 0 0 1-4.472 7.236L16 57z" />
<path
fill="#d0d8da"
d="M55 61H9a3.995 3.995 0 0 1 4-4h.18A2.968 2.968 0 0 0 16 59h38.46a3.989 3.989 0 0 1 .54 2z"
/>
<g fill="#fcbc04">
<path d="M35 44H20a1 1 0 0 1 0-2h15a1 1 0 0 1 0 2z" />
<circle cx="39" cy="43" r="1" />
<circle cx="43" cy="43" r="1" />
<circle cx="11" cy="21" r="1" />
<path d="M51 44h-4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2z" />
<circle cx="11" cy="17" r="1" />
</g>
<path fill="#84d2f4" d="M16 13h38v26H16z" />
<path fill="#57b7eb" d="M54 16H26a16 16 0 0 0 16 16h12v7H16V13h38z" />
<path fill="#f8664f" d="M29 20h6v6h-6z" />
<path fill="#f89c8d" d="M16 5h38v8H16z" />
<path fill="#f8664f" d="M54 9v4H16V5h12a4 4 0 0 0 4 4z" />
<path
fill="#e9f1f2"
d="M45 8a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM49 8a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<path
fill="#93999a"
d="M54 20.5v-1h-6.5V13h-1v6.5h-5V13h-1v6.5h-5V13h-1v6.5h-5V13h-1v6.5h-5V13h-1v6.5H16v1h6.5v5H16v1h6.5v5H16v1h6.5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5H54v-1h-6.5v-5H54v-1h-6.5v-5zm-13.5 0v5h-5v-5zm-6 0v5h-5v-5zm-11 0h5v5h-5zm0 11v-5h5v5zm6 0v-5h5v5zm6 0v-5h5v5zm11 0h-5v-5h5zm0-6h-5v-5h5z"
/>
<path
fill="#656b76"
d="M42 32a16 16 0 0 1-4-.5h-2.5v-.88c-.34-.14-.67-.31-1-.48v1.36h-5v-5h.43a14.621 14.621 0 0 1-1.43-1.91v.91h-5v-5h3.14c-.1-.33-.18-.66-.26-1H23.5V13h-1v6.5H16v1h6.5v5H16v1h6.5v5H16v1h6.5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5h5V39h1v-6.5H54V32zm-13.5-.5h-5v-5h5zm19-18.5h-1v3h1zm-6 0h-1v3h1zm-6 0h-1v3h1zm-6 0h-1v3h1z"
/>
<path
fill="#e9f1f2"
d="M21 8a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1zM25 8a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v4a1 1 0 0 1-1 1z"
/>
<circle cx="20" cy="33" r="11" fill="#f9e109" />
<path
fill="#fcbc04"
d="M30.45 36.45a11 11 0 1 1-13.9-13.9 11.013 11.013 0 0 0 13.9 13.9z"
/>
<path
fill="#f8664f"
d="m25.657 30.171-2.828-2.828L20 30.172l-2.829-2.829-2.828 2.828L17.172 33l-2.829 2.829 2.828 2.828L20 35.828l2.829 2.829 2.828-2.828L22.828 33z"
/>
<path
fill="#cc5144"
d="m24.72 36.77-1.89 1.89L20 35.83l-2.83 2.83-2.83-2.83L17.17 33l-2.83-2.83 1.89-1.89a11.031 11.031 0 0 0 8.49 8.49z"
/>
</svg>
More icons in the same style and category