Add icons to this collection by clicking the heart icon.
Exit icon - also known as signs, arrow, signal, sign, exit, multimedia option, 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="437.019"
x2="74.981"
y1="76.981"
y2="439.019"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9a0011" />
<stop offset="1" stop-color="#ff2f57" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="64.051"
x2="447.948"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#006759" />
</linearGradient>
<path
d="M402.951 372.481H109.049c-24.749 0-44.998-20.249-44.998-44.998V184.517c0-24.749 20.249-44.998 44.998-44.998H402.95c24.749 0 44.998 20.249 44.998 44.998v142.967c0 24.748-20.249 44.997-44.997 44.997z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="117.67"
x2="393.67"
y1="290.758"
y2="290.758"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path
d="M178.166 253.294v20.509h-71.071V172.681h69.789v20.509h-46.431v19.655h39.879v18.943h-39.879v21.506h47.713z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="117.67"
x2="393.67"
y1="290.758"
y2="290.758"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path
d="m207.079 172.681 22.076 34.894 22.076-34.894h25.209l-35.037 51.273 33.897 49.849h-25.209l-20.937-33.47-20.937 33.47h-25.352l33.897-49.849-35.037-51.273h25.354z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="117.67"
x2="393.67"
y1="290.758"
y2="290.758"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path d="M285.126 273.803V172.681h23.358v101.122h-23.358z" fill="url(#e)" />
<linearGradient
id="f"
x1="117.67"
x2="393.67"
y1="290.758"
y2="290.758"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path
d="M404.904 193.19H374.14v80.613h-23.358V193.19h-30.907v-20.509h85.029v20.509z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="117.67"
x2="393.67"
y1="198.333"
y2="198.333"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#ffec98" />
</linearGradient>
<path
d="m372.826 315.666-54.766-27.324v16.336H137.076v21.976H318.06v16.337z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category