Add icons to this collection by clicking the heart icon.
Cross icon - also known as cross, cross mark, delete, close, ex, equis, ui, close button, criss cross, and user interface. Created in a clean 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="a"
x1="20.59"
x2="43.41"
y1="32"
y2="32"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0170fe" />
<stop offset=".38" stop-color="#035ed4" />
<stop offset=".79" stop-color="#044dad" />
<stop offset="1" stop-color="#05479e" />
</linearGradient>
<linearGradient id="b" x1="43.25" x2="54" y1="48.63" y2="48.63" href="#a" />
<linearGradient id="c" x1="10" x2="20.75" y1="48.63" y2="48.63" href="#a" />
<linearGradient id="d" x1="10" x2="20.75" y1="15.38" y2="15.38" href="#a" />
<linearGradient id="e" x1="43.25" x2="54" y1="15.38" y2="15.38" href="#a" />
<g>
<path
fill="url(#a)"
d="m43.41 23.41-2.82-2.82L32 29.17l-8.59-8.58-2.82 2.82L29.17 32l-8.58 8.59 2.82 2.82L32 34.83l8.59 8.58 2.82-2.82L34.83 32z"
/>
<path fill="url(#b)" d="M54 54H43.25v-4H50v-6.75h4z" />
<path fill="url(#c)" d="M20.75 54H10V43.25h4V50h6.75z" />
<path fill="url(#d)" d="M14 20.75h-4V10h10.75v4H14z" />
<path fill="url(#e)" d="M54 20.75h-4V14h-6.75v-4H54z" />
</g>
</svg>
More icons in the same style and category