Add icons to this collection by clicking the heart icon.
Close icon - also known as close, exit, ui, close button, close option, close symbol, exit full screen, and close tab. 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 100 100"
>
<linearGradient
id="a"
x1="17"
x2="83.675"
y1="17"
y2="83.675"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffeaea" />
<stop offset="1" stop-color="#fbcdcd" />
</linearGradient>
<linearGradient
id="b"
x1="74"
x2="26"
y1="75"
y2="27"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f07650" />
<stop offset="1" stop-color="#dd0d0d" />
</linearGradient>
<g fill="none">
<path
fill="url(#a)"
d="M17 27c0-5.523 4.477-10 10-10h46.675c5.523 0 10 4.477 10 10v46.675c0 5.523-4.477 10-10 10H27c-5.523 0-10-4.477-10-10z"
/>
<path
fill="url(#b)"
fill-rule="evenodd"
d="M74 51c0 13.255-10.745 24-24 24S26 64.255 26 51s10.745-24 24-24 24 10.745 24 24zM38.758 39.758a1.5 1.5 0 0 1 2.121 0l8.94 8.939 8.939-8.94a1.5 1.5 0 1 1 2.121 2.122l-8.94 8.94 8.94 8.939a1.5 1.5 0 1 1-2.121 2.121l-8.94-8.94-8.939 8.94a1.5 1.5 0 1 1-2.121-2.121l8.939-8.94-8.94-8.939a1.5 1.5 0 0 1 0-2.121z"
clip-rule="evenodd"
/>
</g>
</svg>
More icons in the same style and category