Add icons to this collection by clicking the heart icon.
Exit icon - also known as arrow, direction, security, emergency, sign, signaling, and exit. 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 512 512"
>
<radialGradient
id="b"
cx="38.812"
cy="379.35"
r="82.378"
gradientTransform="matrix(1 0 0 .54 0 174.564)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8b99" />
<stop offset=".43" stop-color="#ff7383" />
<stop offset="1" stop-color="#ff3650" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ffd6d6" />
<stop offset=".535" stop-color="#ffb3bd" />
<stop offset=".56" stop-color="#ffb1bb" />
<stop offset=".973" stop-color="#ff8b99" />
</linearGradient>
<radialGradient
id="c"
cx="27.588"
cy="77.297"
r="312.859"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="d"
cx="468.482"
cy="240.738"
r="519.041"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff546a" />
<stop offset=".504" stop-color="#ff3650" />
<stop offset=".657" stop-color="#e92b5a" />
<stop offset=".942" stop-color="#c3186c" />
</radialGradient>
<radialGradient
id="e"
cx="468.468"
cy="244.734"
r="519.064"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="f"
cx="430.76"
cy="3250.996"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -148.108 24.941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa8b1" />
<stop offset=".203" stop-color="#ffbcc3" />
<stop offset=".467" stop-color="#ffd2d6" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path
fill="url(#b)"
d="M0 383.032v1.935c0 5.669 4.596 10.265 10.265 10.265H89.6l12.8-25z"
/>
<path
fill="url(#c)"
d="M89.6 91.168H10.265C4.596 91.168 0 95.763 0 101.432v281.6h89.6z"
/>
<path
fill="url(#d)"
d="M501.735 395.232H87.065c-5.669 0-10.265-4.596-10.265-10.265V101.432c0-5.669 4.596-10.265 10.265-10.265h414.671c5.669 0 10.265 4.596 10.265 10.265v283.535c-.001 5.67-4.597 10.265-10.266 10.265z"
/>
<path
fill="url(#e)"
d="M368.745 141.569v139.063c0 6.903-5.597 12.5-12.5 12.5s-12.5-5.597-12.5-12.5V141.569c0-6.903 5.597-12.5 12.5-12.5s12.5 5.596 12.5 12.5zm104.855-12.5h-69.532c-6.903 0-12.5 5.597-12.5 12.5s5.597 12.5 12.5 12.5h22.267v126.563c0 6.903 5.597 12.5 12.5 12.5s12.5-5.597 12.5-12.5V154.069H473.6c6.903 0 12.5-5.597 12.5-12.5s-5.597-12.5-12.5-12.5zm-275.553 23.969c6.903 0 12.5-5.597 12.5-12.5s-5.597-12.5-12.5-12.5H128c-6.903 0-12.5 5.597-12.5 12.5v140.094c0 6.903 5.597 12.5 12.5 12.5h70.047c6.903 0 12.5-5.597 12.5-12.5s-5.597-12.5-12.5-12.5H140.5v-45.047h57.547c6.903 0 12.5-5.597 12.5-12.5s-5.597-12.5-12.5-12.5H140.5v-45.047zm115.964-23.68c-6.172-3.087-13.683-.585-16.771 5.591l-23.843 47.686-23.843-47.686c-3.087-6.175-10.596-8.677-16.771-5.591-6.175 3.088-8.678 10.596-5.591 16.771l32.229 64.457-32.229 64.457c-3.087 6.175-.584 13.683 5.591 16.771a12.447 12.447 0 0 0 5.58 1.322c4.585 0 9-2.532 11.19-6.913l23.843-47.686 23.843 47.686a12.498 12.498 0 0 0 16.77 5.591c6.175-3.088 8.678-10.596 5.591-16.771l-32.229-64.457 32.229-64.457c3.089-6.176.586-13.683-5.589-16.771zM472.206 335.74l-26.142-26.142c-1.242-1.242-3.366-.362-3.366 1.394v13.342H128c-7.069 0-12.8 5.731-12.8 12.8 0 7.069 5.731 12.8 12.8 12.8h314.698v13.342c0 1.757 2.124 2.636 3.366 1.394l26.142-26.142c.77-.769.77-2.018 0-2.788z"
/>
<path
fill="url(#f)"
d="M255.63 420.832c113.107 0 204.798-11.462 204.798-25.6H50.832c0 14.139 91.691 25.6 204.798 25.6z"
/>
</svg>
More icons in the same style and category