Add icons to this collection by clicking the heart icon.
Close icon - also known as signs, commerce, shop, sign, close, signaling, store, commerce and shopping, and food and restaurant. Created in a clean flat 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 64 64"
>
<linearGradient
id="b"
x1="18.594"
x2="45.406"
y1="44.695"
y2="17.884"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#617093" />
<stop offset="1" stop-color="#3d4860" />
</linearGradient>
<linearGradient
id="c"
x1="12.354"
x2="51.646"
y1="63.398"
y2="24.107"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f95555" />
<stop offset="1" stop-color="#d81d1d" />
</linearGradient>
<linearGradient
id="a"
x1="6.56"
x2="7.97"
y1="35.143"
y2="33.733"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7e6f9" />
<stop offset="1" stop-color="#ccd3dd" />
</linearGradient>
<linearGradient
id="d"
x1="56.029"
x2="57.439"
y1="35.143"
y2="33.733"
href="#a"
/>
<linearGradient
id="e"
x1="44.793"
x2="55.207"
y1="48.96"
y2="38.545"
href="#a"
/>
<linearGradient
id="f"
x1="8.793"
x2="19.207"
y1="48.96"
y2="38.545"
href="#a"
/>
<linearGradient
id="g"
x1="17.793"
x2="25.207"
y1="48.96"
y2="41.545"
href="#a"
/>
<linearGradient
id="h"
x1="26.793"
x2="37.207"
y1="48.96"
y2="38.545"
href="#a"
/>
<linearGradient
id="i"
x1="35.793"
x2="46.207"
y1="48.96"
y2="38.545"
href="#a"
/>
<g>
<path
fill="url(#b)"
d="M57.4 32.29a.993.993 0 0 1-.676-.264L32.9 10.143a1.341 1.341 0 0 0-1.8 0L7.279 32.026a1 1 0 0 1-1.353-1.473L29.745 8.67a3.317 3.317 0 0 1 4.511 0l23.818 21.883a1 1 0 0 1-.674 1.737z"
/>
<rect
width="56"
height="24.926"
x="4"
y="31.289"
fill="url(#c)"
rx="2"
/>
<path
d="M58 31.289h-2v20.926a2 2 0 0 1-2 2H4a2 2 0 0 0 2 2h52a2 2 0 0 0 2-2V33.289a2 2 0 0 0-2-2z"
opacity=".2"
/>
<path
fill="url(#a)"
d="M6.56 33.733a.967.967 0 0 0-.29.7.99.99 0 0 0 1 1 .967.967 0 0 0 .7-.29 1 1 0 0 0 .3-.71.976.976 0 0 0-.3-.7 1.014 1.014 0 0 0-1.41 0z"
/>
<path
fill="url(#d)"
d="M57.649 34.053a.957.957 0 0 0-.21-.32 1.019 1.019 0 0 0-1.089-.22 1.066 1.066 0 0 0-.54.54 1 1 0 0 0-.081.38.983.983 0 0 0 .3.71 1 1 0 0 0 .32.22 1.029 1.029 0 0 0 1.089-.22 1.01 1.01 0 0 0 .29-.71.977.977 0 0 0-.079-.38z"
/>
<path
fill="url(#e)"
d="M53 38.752a1 1 0 0 0 0-2h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 0-2h-5v-4h5a1 1 0 0 0 0-2h-5v-4z"
/>
<path
fill="url(#f)"
d="M17 38.752a1 1 0 0 0 0-2h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2h-5v-10z"
/>
<path
fill="url(#g)"
d="M26 48.752h-5v-11a1 1 0 0 0-2 0v12a1 1 0 0 0 1 1h6a1 1 0 1 0 0-2z"
/>
<path
fill="url(#h)"
d="M35 36.752h-6a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-12a1 1 0 0 0-1-1zm-1 12h-4v-10h4z"
/>
<path
fill="url(#i)"
d="M44 38.752a1 1 0 0 0 0-2h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h5v4h-5a1 1 0 0 0 0 2h6a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1h-5v-4z"
/>
</g>
</svg>
More icons in the same style and category