Add icons to this collection by clicking the heart icon.
Close icon - also known as interface, arrow, right, close, ui, out, and logout. 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 24 24"
>
<linearGradient
id="Orange_Yellow"
gradientUnits="userSpaceOnUse"
x1="-2.994"
x2="19.1"
y1="23.214"
y2=".678"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".04" stop-color="#fee72e" />
<stop offset=".117" stop-color="#fed51b" />
<stop offset=".196" stop-color="#fdca10" />
<stop offset=".281" stop-color="#fdc70c" />
<stop offset=".669" stop-color="#f3903f" />
<stop offset=".888" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient
id="Orange_Yellow-2"
x1=".575"
x2="22.669"
y1="26.714"
y2="4.177"
href="#Orange_Yellow"
/>
<g id="Layer_2">
<path
d="m3.207 12.5h10.793a.5.5 0 0 0 0-1h-10.793l3.147-3.146a.5.5 0 0 0 -.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 1 0 .708-.708z"
fill="url(#Orange_Yellow)"
/>
<path
d="m20 1.5h-10a.5.5 0 0 0 -.5.5v7a.5.5 0 0 0 1 0v-6.5h9v19h-9v-6.5a.5.5 0 0 0 -1 0v7a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-20a.5.5 0 0 0 -.5-.5z"
fill="url(#Orange_Yellow-2)"
/>
</g>
</svg>
More icons in the same style and category