exit icon
exit-line-duotone from Solar by 480 Design · Line Duotone · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- exit-line-duotone
- Set
- Solar
- Style
- Line Duotone
- Category
- Arrows Action
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More arrows action icons from Solar
arrow-to-down-left-boldarrow-to-down-right-boldarrow-to-top-left-boldarrow-to-top-right-boldcircle-bottom-down-boldcircle-bottom-up-boldcircle-top-down-boldcircle-top-up-bolddownload-bolddownload-minimalistic-bolddownload-square-bolddownload-twice-square-boldexport-boldforward-2-boldforward-boldimport-boldlogin-2-boldlogin-3-boldlogin-boldlogout-2-boldlogout-3-boldlogout-boldmaximize-boldmaximize-square-2-bold
Use the exit icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 4.5H8C5.64298 4.5 4.46447 4.5 3.73223 5.23223C3 5.96447 3 7.14298 3 9.5V14.5C3 16.857 3 18.0355 3.73223 18.7678C4.46447 19.5 5.64298 19.5 8 19.5H9" opacity=".5"/><path d="M9 6.4764C9 4.18259 9 3.03569 9.70725 2.4087C10.4145 1.78171 11.4955 1.97026 13.6576 2.34736L15.9864 2.75354C18.3809 3.17118 19.5781 3.37999 20.2891 4.25826C21 5.13652 21 6.40672 21 8.94711V15.0529C21 17.5933 21 18.8635 20.2891 19.7417C19.5781 20.62 18.3809 20.8288 15.9864 21.2465L13.6576 21.6526C11.4955 22.0297 10.4145 22.2183 9.70725 21.5913C9 20.9643 9 19.8174 9 17.5236V6.4764Z"/><path stroke-linecap="round" d="M12 11V13" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarExitLineDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M9 4.5H8C5.64298 4.5 4.46447 4.5 3.73223 5.23223C3 5.96447 3 7.14298 3 9.5V14.5C3 16.857 3 18.0355 3.73223 18.7678C4.46447 19.5 5.64298 19.5 8 19.5H9" opacity=".5"/><path d="M9 6.4764C9 4.18259 9 3.03569 9.70725 2.4087C10.4145 1.78171 11.4955 1.97026 13.6576 2.34736L15.9864 2.75354C18.3809 3.17118 19.5781 3.37999 20.2891 4.25826C21 5.13652 21 6.40672 21 8.94711V15.0529C21 17.5933 21 18.8635 20.2891 19.7417C19.5781 20.62 18.3809 20.8288 15.9864 21.2465L13.6576 21.6526C11.4955 22.0297 10.4145 22.2183 9.70725 21.5913C9 20.9643 9 19.8174 9 17.5236V6.4764Z"/><path strokeLinecap="round" d="M12 11V13" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9 4.5H8C5.64298 4.5 4.46447 4.5 3.73223 5.23223C3 5.96447 3 7.14298 3 9.5V14.5C3 16.857 3 18.0355 3.73223 18.7678C4.46447 19.5 5.64298 19.5 8 19.5H9" opacity=".5"/><path d="M9 6.4764C9 4.18259 9 3.03569 9.70725 2.4087C10.4145 1.78171 11.4955 1.97026 13.6576 2.34736L15.9864 2.75354C18.3809 3.17118 19.5781 3.37999 20.2891 4.25826C21 5.13652 21 6.40672 21 8.94711V15.0529C21 17.5933 21 18.8635 20.2891 19.7417C19.5781 20.62 18.3809 20.8288 15.9864 21.2465L13.6576 21.6526C11.4955 22.0297 10.4145 22.2183 9.70725 21.5913C9 20.9643 9 19.8174 9 17.5236V6.4764Z"/><path stroke-linecap="round" d="M12 11V13" opacity=".5"/></g></svg> </template>
CSS
.icon-exit-line-duotone {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9%204.5H8C5.64298%204.5%204.46447%204.5%203.73223%205.23223C3%205.96447%203%207.14298%203%209.5V14.5C3%2016.857%203%2018.0355%203.73223%2018.7678C4.46447%2019.5%205.64298%2019.5%208%2019.5H9%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9%206.4764C9%204.18259%209%203.03569%209.70725%202.4087C10.4145%201.78171%2011.4955%201.97026%2013.6576%202.34736L15.9864%202.75354C18.3809%203.17118%2019.5781%203.37999%2020.2891%204.25826C21%205.13652%2021%206.40672%2021%208.94711V15.0529C21%2017.5933%2021%2018.8635%2020.2891%2019.7417C19.5781%2020.62%2018.3809%2020.8288%2015.9864%2021.2465L13.6576%2021.6526C11.4955%2022.0297%2010.4145%2022.2183%209.70725%2021.5913C9%2020.9643%209%2019.8174%209%2017.5236V6.4764Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2011V13%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9%204.5H8C5.64298%204.5%204.46447%204.5%203.73223%205.23223C3%205.96447%203%207.14298%203%209.5V14.5C3%2016.857%203%2018.0355%203.73223%2018.7678C4.46447%2019.5%205.64298%2019.5%208%2019.5H9%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9%206.4764C9%204.18259%209%203.03569%209.70725%202.4087C10.4145%201.78171%2011.4955%201.97026%2013.6576%202.34736L15.9864%202.75354C18.3809%203.17118%2019.5781%203.37999%2020.2891%204.25826C21%205.13652%2021%206.40672%2021%208.94711V15.0529C21%2017.5933%2021%2018.8635%2020.2891%2019.7417C19.5781%2020.62%2018.3809%2020.8288%2015.9864%2021.2465L13.6576%2021.6526C11.4955%2022.0297%2010.4145%2022.2183%209.70725%2021.5913C9%2020.9643%209%2019.8174%209%2017.5236V6.4764Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2011V13%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/exit-line-duotone.svg?color=%231a73e8&size=48
