Add icons to this collection by clicking the heart icon.
Exit icon - also known as signs, arrow, signal, direction, signals, sign, directional, exit, lodging, and exit door. 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="100"
height="100"
viewBox="0 0 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#5b5a5f" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="111.895"
x2="362.995"
y1="274.967"
y2="274.967"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6dd7a7" />
<stop offset="1" stop-color="#00a758" />
</linearGradient>
<path
d="M430.844 359.642H81.156c-6.896 0-12.539-5.642-12.539-12.539V164.896c0-6.896 5.642-12.539 12.539-12.539h349.688c6.896 0 12.539 5.642 12.539 12.539v182.208c0 6.896-5.643 12.538-12.539 12.538z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="111.895"
x2="362.995"
y1="274.967"
y2="274.967"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path
d="M419.294 346.969H92.707c-6.308 0-11.438-5.131-11.438-11.438V176.469c0-6.307 5.13-11.438 11.438-11.438h326.587c6.308 0 11.438 5.131 11.438 11.438v159.062c0 6.307-5.131 11.438-11.438 11.438zM92.707 172.409a4.064 4.064 0 0 0-4.06 4.06v159.062a4.064 4.064 0 0 0 4.06 4.06h326.587a4.064 4.064 0 0 0 4.06-4.06V176.469a4.064 4.064 0 0 0-4.06-4.06H92.707z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="111.895"
x2="362.995"
y1="274.967"
y2="274.967"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path d="m401.978 255.999-43.431-61.877v123.756z" fill="url(#d)" />
<linearGradient
id="e"
x1="111.895"
x2="362.995"
y1="274.967"
y2="274.967"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path
d="M164.372 284.836v11.152h-54.856v-79.975h53.843v11.152h-41.227v22.753h35.708v10.475h-35.708v24.443h42.24z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="111.895"
x2="362.995"
y1="274.968"
y2="274.968"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path
d="m182.393 216.012 22.19 31.54 22.191-31.54h13.854l-29.286 40.551 28.385 39.424h-13.855l-21.289-30.413-21.288 30.413h-13.967l28.498-39.424-29.399-40.551h13.966z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="111.895"
x2="362.995"
y1="274.968"
y2="274.968"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path d="M249.638 295.987v-79.975h12.616v79.975h-12.616z" fill="url(#g)" />
<linearGradient
id="h"
x1="111.895"
x2="362.995"
y1="274.968"
y2="274.968"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#e4e4e4" />
</linearGradient>
<path
d="M338.962 227.164h-26.583v68.823H299.65v-68.823h-26.696v-11.152h66.007v11.152z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category