Add icons to this collection by clicking the heart icon.
X Button icon - also known as interface, cross mark, delete, close, ui, and x button. Created in a clean circular 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"
>
<linearGradient
id="a"
x1="256"
x2="256"
y1="0"
y2="512"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffbef9" />
<stop offset="1" stop-color="#fff1ff" />
</linearGradient>
<linearGradient
id="b"
x1="256"
x2="256"
y1="105"
y2="407"
gradientTransform="matrix(1 0 0 -1 0 512)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff81ff" />
<stop offset="1" stop-color="#a93aff" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<path
fill="url(#b)"
d="M256 105c-83.395 0-151 67.605-151 151s67.605 151 151 151 151-67.605 151-151-67.605-151-151-151zm64.648 203.135a8.849 8.849 0 0 1-12.513 12.513L256 268.513l-52.135 52.135a8.849 8.849 0 0 1-12.513-12.513L243.487 256l-52.135-52.135a8.849 8.849 0 0 1 12.513-12.513L256 243.487l52.135-52.135a8.849 8.849 0 0 1 12.513 12.513L268.513 256z"
/>
</svg>
More icons in the same style and category