Add icons to this collection by clicking the heart icon.
X Button icon - also known as arrows, direction, signaling, multimedia, directional sign, Two way, traffic sign, arrow head, left right, and x button. Created in a clean flat style with a white and teal finish, 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 32 32"
>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="#299dde"
d="M6.886 21.578a.751.751 0 0 0-.194.727l.388 1.435a1.765 1.765 0 0 0 1.243 1.242l1.337.362a.75.75 0 0 0 .726-.194l6.144-6.145a.749.749 0 0 0 0-1.06l-2.475-2.475a.749.749 0 0 0-1.06 0zM22.34 6.656a.75.75 0 0 0-.726.194l-6.144 6.145a.749.749 0 0 0 0 1.06l2.475 2.475a.749.749 0 0 0 1.06 0l6.109-6.108a.751.751 0 0 0 .194-.727L24.92 8.26a1.765 1.765 0 0 0-1.243-1.242l-1.337-.362z"
/>
<path
fill="#4caee5"
d="M25.344 22.34a.75.75 0 0 0-.194-.726L10.422 6.886a.751.751 0 0 0-.727-.194L8.26 7.08a1.765 1.765 0 0 0-1.242 1.243L6.656 9.66a.75.75 0 0 0 .194.726l14.728 14.728c.19.19.467.264.727.194l1.435-.388a1.765 1.765 0 0 0 1.242-1.243l.362-1.337z"
/>
<g fill="#e3eef7">
<path
d="m2.902 5.366.879 5.613a2.056 2.056 0 0 0 4.013.218l.672-2.483a.265.265 0 0 1 .186-.186l2.483-.671a2.055 2.055 0 0 0-.218-4.014l-5.613-.879a2.102 2.102 0 0 0-2.402 2.402zM26.634 2.902l-5.613.879a2.056 2.056 0 0 0-.218 4.013l2.483.672c.09.024.161.095.186.186l.671 2.483a2.055 2.055 0 0 0 4.014-.218l.879-5.613a2.102 2.102 0 0 0-2.402-2.402zM29.098 26.634l-.879-5.613a2.056 2.056 0 0 0-4.013-.218l-.672 2.483a.265.265 0 0 1-.186.186l-2.483.671a2.055 2.055 0 0 0 .218 4.014l5.613.879a2.102 2.102 0 0 0 2.402-2.402zM5.366 29.098l5.613-.879a2.056 2.056 0 0 0 .218-4.013l-2.483-.672a.265.265 0 0 1-.186-.186l-.671-2.483a2.055 2.055 0 0 0-4.014.218l-.879 5.613a2.102 2.102 0 0 0 2.402 2.402z"
/>
</g>
</g>
</svg>
More icons in the same style and category