exit icon
exit-bold-duotone from Solar by 480 Design · Bold Duotone · Arrows Action · CC-BY-4.0 Attribution required.
- Name
- exit-bold-duotone
- Set
- Solar
- Style
- Bold 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="currentColor"><path d="M9.052 4.5C9 5.07763 9 5.80355 9 6.72183V17.2781C9 18.1964 9 18.9224 9.05201 19.5H8C5.64298 19.5 4.46447 19.5 3.73223 18.7678C3 18.0355 3 16.857 3 14.5V9.5C3 7.14298 3 5.96447 3.73223 5.23223C4.46447 4.5 5.64298 4.5 8 4.5H9.052Z" opacity=".5"/><path fill-rule="evenodd" d="M9.70725 2.4087C9 3.03569 9 4.18259 9 6.4764V17.5236C9 19.8174 9 20.9643 9.70725 21.5913C10.4145 22.2183 11.4955 22.0297 13.6576 21.6526L15.9864 21.2465C18.3809 20.8288 19.5781 20.62 20.2891 19.7417C21 18.8635 21 17.5933 21 15.0529V8.94711C21 6.40671 21 5.13652 20.2891 4.25826C19.5781 3.37999 18.3809 3.17118 15.9864 2.75354L13.6576 2.34736C11.4955 1.97026 10.4145 1.78171 9.70725 2.4087ZM12.75 10.9535C12.75 10.52 12.4142 10.1686 12 10.1686C11.5858 10.1686 11.25 10.52 11.25 10.9535V13.0465C11.25 13.48 11.5858 13.8314 12 13.8314C12.4142 13.8314 12.75 13.48 12.75 13.0465V10.9535Z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarExitBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.052 4.5C9 5.07763 9 5.80355 9 6.72183V17.2781C9 18.1964 9 18.9224 9.05201 19.5H8C5.64298 19.5 4.46447 19.5 3.73223 18.7678C3 18.0355 3 16.857 3 14.5V9.5C3 7.14298 3 5.96447 3.73223 5.23223C4.46447 4.5 5.64298 4.5 8 4.5H9.052Z" opacity=".5"/><path fillRule="evenodd" d="M9.70725 2.4087C9 3.03569 9 4.18259 9 6.4764V17.5236C9 19.8174 9 20.9643 9.70725 21.5913C10.4145 22.2183 11.4955 22.0297 13.6576 21.6526L15.9864 21.2465C18.3809 20.8288 19.5781 20.62 20.2891 19.7417C21 18.8635 21 17.5933 21 15.0529V8.94711C21 6.40671 21 5.13652 20.2891 4.25826C19.5781 3.37999 18.3809 3.17118 15.9864 2.75354L13.6576 2.34736C11.4955 1.97026 10.4145 1.78171 9.70725 2.4087ZM12.75 10.9535C12.75 10.52 12.4142 10.1686 12 10.1686C11.5858 10.1686 11.25 10.52 11.25 10.9535V13.0465C11.25 13.48 11.5858 13.8314 12 13.8314C12.4142 13.8314 12.75 13.48 12.75 13.0465V10.9535Z" clipRule="evenodd"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.052 4.5C9 5.07763 9 5.80355 9 6.72183V17.2781C9 18.1964 9 18.9224 9.05201 19.5H8C5.64298 19.5 4.46447 19.5 3.73223 18.7678C3 18.0355 3 16.857 3 14.5V9.5C3 7.14298 3 5.96447 3.73223 5.23223C4.46447 4.5 5.64298 4.5 8 4.5H9.052Z" opacity=".5"/><path fill-rule="evenodd" d="M9.70725 2.4087C9 3.03569 9 4.18259 9 6.4764V17.5236C9 19.8174 9 20.9643 9.70725 21.5913C10.4145 22.2183 11.4955 22.0297 13.6576 21.6526L15.9864 21.2465C18.3809 20.8288 19.5781 20.62 20.2891 19.7417C21 18.8635 21 17.5933 21 15.0529V8.94711C21 6.40671 21 5.13652 20.2891 4.25826C19.5781 3.37999 18.3809 3.17118 15.9864 2.75354L13.6576 2.34736C11.4955 1.97026 10.4145 1.78171 9.70725 2.4087ZM12.75 10.9535C12.75 10.52 12.4142 10.1686 12 10.1686C11.5858 10.1686 11.25 10.52 11.25 10.9535V13.0465C11.25 13.48 11.5858 13.8314 12 13.8314C12.4142 13.8314 12.75 13.48 12.75 13.0465V10.9535Z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-exit-bold-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%22currentColor%22%3E%3Cpath%20d%3D%22M9.052%204.5C9%205.07763%209%205.80355%209%206.72183V17.2781C9%2018.1964%209%2018.9224%209.05201%2019.5H8C5.64298%2019.5%204.46447%2019.5%203.73223%2018.7678C3%2018.0355%203%2016.857%203%2014.5V9.5C3%207.14298%203%205.96447%203.73223%205.23223C4.46447%204.5%205.64298%204.5%208%204.5H9.052Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.70725%202.4087C9%203.03569%209%204.18259%209%206.4764V17.5236C9%2019.8174%209%2020.9643%209.70725%2021.5913C10.4145%2022.2183%2011.4955%2022.0297%2013.6576%2021.6526L15.9864%2021.2465C18.3809%2020.8288%2019.5781%2020.62%2020.2891%2019.7417C21%2018.8635%2021%2017.5933%2021%2015.0529V8.94711C21%206.40671%2021%205.13652%2020.2891%204.25826C19.5781%203.37999%2018.3809%203.17118%2015.9864%202.75354L13.6576%202.34736C11.4955%201.97026%2010.4145%201.78171%209.70725%202.4087ZM12.75%2010.9535C12.75%2010.52%2012.4142%2010.1686%2012%2010.1686C11.5858%2010.1686%2011.25%2010.52%2011.25%2010.9535V13.0465C11.25%2013.48%2011.5858%2013.8314%2012%2013.8314C12.4142%2013.8314%2012.75%2013.48%2012.75%2013.0465V10.9535Z%22%20clip-rule%3D%22evenodd%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%22currentColor%22%3E%3Cpath%20d%3D%22M9.052%204.5C9%205.07763%209%205.80355%209%206.72183V17.2781C9%2018.1964%209%2018.9224%209.05201%2019.5H8C5.64298%2019.5%204.46447%2019.5%203.73223%2018.7678C3%2018.0355%203%2016.857%203%2014.5V9.5C3%207.14298%203%205.96447%203.73223%205.23223C4.46447%204.5%205.64298%204.5%208%204.5H9.052Z%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M9.70725%202.4087C9%203.03569%209%204.18259%209%206.4764V17.5236C9%2019.8174%209%2020.9643%209.70725%2021.5913C10.4145%2022.2183%2011.4955%2022.0297%2013.6576%2021.6526L15.9864%2021.2465C18.3809%2020.8288%2019.5781%2020.62%2020.2891%2019.7417C21%2018.8635%2021%2017.5933%2021%2015.0529V8.94711C21%206.40671%2021%205.13652%2020.2891%204.25826C19.5781%203.37999%2018.3809%203.17118%2015.9864%202.75354L13.6576%202.34736C11.4955%201.97026%2010.4145%201.78171%209.70725%202.4087ZM12.75%2010.9535C12.75%2010.52%2012.4142%2010.1686%2012%2010.1686C11.5858%2010.1686%2011.25%2010.52%2011.25%2010.9535V13.0465C11.25%2013.48%2011.5858%2013.8314%2012%2013.8314C12.4142%2013.8314%2012.75%2013.48%2012.75%2013.0465V10.9535Z%22%20clip-rule%3D%22evenodd%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-bold-duotone.svg?color=%231a73e8&size=48
