Add icons to this collection by clicking the heart icon.
Cancel icon - also known as remove, delete, cancel, shopping basket, supermarket, commerce and shopping, online store, and online shop. Created in a clean lineal gradient 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 512 512"
>
<defs>
<linearGradient
id="a"
x1="27.639"
x2="538.742"
y1="516.899"
y2="5.795"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#003f8a" />
<stop offset=".518" stop-color="#00d7df" />
<stop offset="1" stop-color="#006df0" />
</linearGradient>
<linearGradient
id="b"
x1="47.37"
x2="558.473"
y1="536.63"
y2="25.527"
href="#a"
/>
<linearGradient
id="c"
x1="-8.63"
x2="502.473"
y1="480.63"
y2="-30.473"
href="#a"
/>
<linearGradient
id="d"
x1="-96.63"
x2="414.473"
y1="392.63"
y2="-118.473"
href="#a"
/>
<linearGradient
id="e"
x1="55.382"
x2="566.486"
y1="544.642"
y2="33.539"
href="#a"
/>
<linearGradient
id="f"
x1="151.37"
x2="662.473"
y1="640.63"
y2="129.527"
href="#a"
/>
</defs>
<path
fill="url(#a)"
d="M496 160h-64a40.235 40.235 0 0 0-23.71-8L315.51 26.59a19.994 19.994 0 0 0-27.97-4.19l-6.43 4.76a20.016 20.016 0 0 0-4.19 27.97L354.5 160H157.53L235.1 55.13a20.023 20.023 0 0 0-4.18-27.97l-6.43-4.76a20.027 20.027 0 0 0-27.98 4.19L103.74 152a40.265 40.265 0 0 0-23.72 8H16a8 8 0 0 0-8 8v48a8 8 0 0 0 8 8h33.07l28.69 199.69A28.078 28.078 0 0 0 105.51 448h226.66a87.971 87.971 0 1 0 117.1-128.88L462.93 224H496a8 8 0 0 0 8-8v-48a8 8 0 0 0-8-8ZM289.79 45.62a4 4 0 0 1-.75-2.97 4.041 4.041 0 0 1 1.58-2.63l6.43-4.75a4 4 0 0 1 5.6.83l95.32 128.86a8.013 8.013 0 0 0 7.33 3.19 23.995 23.995 0 1 1-19.29 14.27 8 8 0 0 0-.9-7.95ZM366.33 176l3.37 4.55a40.2 40.2 0 0 0 1.68 27.45H140.64a40.2 40.2 0 0 0 1.69-27.45l3.36-4.55Zm-281.62 1.73a24.07 24.07 0 0 1 19.33-9.73 24.387 24.387 0 0 1 2.69.15 7.986 7.986 0 0 0 7.32-3.19L209.38 36.1a4 4 0 0 1 5.59-.84l6.43 4.76a4.005 4.005 0 0 1 .84 5.6l-95.32 128.85a8 8 0 0 0-.91 7.95 24 24 0 1 1-41.3-4.69ZM24 208v-32h43.35a40.1 40.1 0 0 0 .01 32Zm81.51 224a12.053 12.053 0 0 1-11.9-10.5L65.23 224h14.78c.07.05.13.11.2.16a40.073 40.073 0 0 0 47.78-.16h256.04a40.073 40.073 0 0 0 47.78.16c.07-.05.14-.11.21-.16h14.75l-12.49 86.95A87.616 87.616 0 0 0 400 304c-2.7 0-5.36.13-8 .37V256a8 8 0 0 0-8-8h-32a8 8 0 0 0-8 8v68.17A87.889 87.889 0 0 0 321.63 432ZM376 264v43.33a86.98 86.98 0 0 0-16 6.3V264Zm96 128a72 72 0 1 1-86.43-70.55.127.127 0 0 0 .06-.01A72.038 72.038 0 0 1 472 392Zm16-184h-43.34a40.143 40.143 0 0 0 .02-32H488Z"
/>
<path
fill="url(#b)"
d="M272 248h-32a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V256a8 8 0 0 0-8-8Zm-8 144h-16V264h16Z"
/>
<path
fill="url(#c)"
d="M160 248h-32a8 8 0 0 0-8 8v144a8 8 0 0 0 8 8h32a8 8 0 0 0 8-8V256a8 8 0 0 0-8-8Zm-8 144h-16V264h16Z"
/>
<path
fill="url(#d)"
d="M99.242 198.431a8 8 0 1 0-1.673-11.189 8 8 0 0 0 1.673 11.189Z"
/>
<path
fill="url(#e)"
d="M412.782 198.431a8 8 0 1 0-11.189-1.673 8 8 0 0 0 11.189 1.673Z"
/>
<path
fill="url(#f)"
d="M373.657 354.343a8 8 0 0 0-11.314 11.314L388.686 392l-26.343 26.343a8 8 0 0 0 11.314 11.314L400 403.314l26.343 26.343a8 8 0 0 0 11.314-11.314L411.314 392l26.343-26.343a8 8 0 0 0-11.314-11.314L400 380.686Z"
/>
</svg>
More icons in the same style and category