exit icon
exit from Reicon by REICON · Outline · Arrows-action · MIT Free for personal and commercial use.
- Name
- exit
- Set
- Reicon
- Style
- Outline
- Category
- Arrows-action
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All exit icons →More arrows-action icons from Reicon
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="M12.75 11a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0z"/><path fill-rule="evenodd" d="m13.725 2.027l2.434.406c1.155.192 2.092.348 2.824.566c.763.228 1.393.546 1.878 1.118s.696 1.247.794 2.037c.095.758.095 1.708.095 2.88v5.933c0 1.171 0 2.12-.095 2.879c-.098.79-.309 1.464-.794 2.037c-.485.572-1.115.89-1.878 1.117c-.732.219-1.669.375-2.824.567l-2.434.406c-1.033.172-1.888.315-2.57.331c-.716.017-1.379-.098-1.933-.567c-.467-.395-.698-.91-.82-1.487h-.456c-1.132 0-2.058 0-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79V9.447c0-1.133 0-2.058.098-2.79c.103-.763.325-1.425.854-1.954s1.19-.751 1.955-.854c.73-.098 1.656-.098 2.79-.098h.456c.12-.577.352-1.092.82-1.487c.553-.47 1.216-.584 1.932-.567c.682.016 1.537.159 2.57.331M8.25 17.335c0 .516 0 .988.011 1.415H8c-1.2 0-2.024-.002-2.643-.085c-.598-.08-.89-.224-1.094-.428s-.348-.496-.428-1.094c-.083-.619-.085-1.443-.085-2.643v-5c0-1.2.002-2.024.085-2.643c.08-.598.224-.89.428-1.094s.496-.348 1.094-.428C5.976 5.252 6.8 5.25 8 5.25h.261c-.011.427-.011.899-.011 1.415zm2.869-14.14c-.543-.013-.773.082-.927.212s-.285.342-.361.88c-.08.557-.081 1.316-.081 2.435v10.556c0 1.119.002 1.878.081 2.436c.076.537.207.749.361.879s.384.224.927.211c.563-.013 1.312-.136 2.415-.32l2.33-.388c1.215-.203 2.059-.345 2.691-.533c.612-.182.936-.384 1.162-.65c.226-.267.37-.619.45-1.253c.082-.654.083-1.51.083-2.743V9.083c0-1.233-.001-2.089-.083-2.743c-.08-.634-.225-.987-.45-1.253c-.226-.266-.55-.468-1.162-.65c-.632-.188-1.476-.33-2.692-.533l-2.329-.388c-1.103-.184-1.852-.307-2.415-.32" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconExit(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="M12.75 11a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0z"/><path fillRule="evenodd" d="m13.725 2.027l2.434.406c1.155.192 2.092.348 2.824.566c.763.228 1.393.546 1.878 1.118s.696 1.247.794 2.037c.095.758.095 1.708.095 2.88v5.933c0 1.171 0 2.12-.095 2.879c-.098.79-.309 1.464-.794 2.037c-.485.572-1.115.89-1.878 1.117c-.732.219-1.669.375-2.824.567l-2.434.406c-1.033.172-1.888.315-2.57.331c-.716.017-1.379-.098-1.933-.567c-.467-.395-.698-.91-.82-1.487h-.456c-1.132 0-2.058 0-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79V9.447c0-1.133 0-2.058.098-2.79c.103-.763.325-1.425.854-1.954s1.19-.751 1.955-.854c.73-.098 1.656-.098 2.79-.098h.456c.12-.577.352-1.092.82-1.487c.553-.47 1.216-.584 1.932-.567c.682.016 1.537.159 2.57.331M8.25 17.335c0 .516 0 .988.011 1.415H8c-1.2 0-2.024-.002-2.643-.085c-.598-.08-.89-.224-1.094-.428s-.348-.496-.428-1.094c-.083-.619-.085-1.443-.085-2.643v-5c0-1.2.002-2.024.085-2.643c.08-.598.224-.89.428-1.094s.496-.348 1.094-.428C5.976 5.252 6.8 5.25 8 5.25h.261c-.011.427-.011.899-.011 1.415zm2.869-14.14c-.543-.013-.773.082-.927.212s-.285.342-.361.88c-.08.557-.081 1.316-.081 2.435v10.556c0 1.119.002 1.878.081 2.436c.076.537.207.749.361.879s.384.224.927.211c.563-.013 1.312-.136 2.415-.32l2.33-.388c1.215-.203 2.059-.345 2.691-.533c.612-.182.936-.384 1.162-.65c.226-.267.37-.619.45-1.253c.082-.654.083-1.51.083-2.743V9.083c0-1.233-.001-2.089-.083-2.743c-.08-.634-.225-.987-.45-1.253c-.226-.266-.55-.468-1.162-.65c-.632-.188-1.476-.33-2.692-.533l-2.329-.388c-1.103-.184-1.852-.307-2.415-.32" 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="M12.75 11a.75.75 0 0 0-1.5 0v2a.75.75 0 0 0 1.5 0z"/><path fill-rule="evenodd" d="m13.725 2.027l2.434.406c1.155.192 2.092.348 2.824.566c.763.228 1.393.546 1.878 1.118s.696 1.247.794 2.037c.095.758.095 1.708.095 2.88v5.933c0 1.171 0 2.12-.095 2.879c-.098.79-.309 1.464-.794 2.037c-.485.572-1.115.89-1.878 1.117c-.732.219-1.669.375-2.824.567l-2.434.406c-1.033.172-1.888.315-2.57.331c-.716.017-1.379-.098-1.933-.567c-.467-.395-.698-.91-.82-1.487h-.456c-1.132 0-2.058 0-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79V9.447c0-1.133 0-2.058.098-2.79c.103-.763.325-1.425.854-1.954s1.19-.751 1.955-.854c.73-.098 1.656-.098 2.79-.098h.456c.12-.577.352-1.092.82-1.487c.553-.47 1.216-.584 1.932-.567c.682.016 1.537.159 2.57.331M8.25 17.335c0 .516 0 .988.011 1.415H8c-1.2 0-2.024-.002-2.643-.085c-.598-.08-.89-.224-1.094-.428s-.348-.496-.428-1.094c-.083-.619-.085-1.443-.085-2.643v-5c0-1.2.002-2.024.085-2.643c.08-.598.224-.89.428-1.094s.496-.348 1.094-.428C5.976 5.252 6.8 5.25 8 5.25h.261c-.011.427-.011.899-.011 1.415zm2.869-14.14c-.543-.013-.773.082-.927.212s-.285.342-.361.88c-.08.557-.081 1.316-.081 2.435v10.556c0 1.119.002 1.878.081 2.436c.076.537.207.749.361.879s.384.224.927.211c.563-.013 1.312-.136 2.415-.32l2.33-.388c1.215-.203 2.059-.345 2.691-.533c.612-.182.936-.384 1.162-.65c.226-.267.37-.619.45-1.253c.082-.654.083-1.51.083-2.743V9.083c0-1.233-.001-2.089-.083-2.743c-.08-.634-.225-.987-.45-1.253c-.226-.266-.55-.468-1.162-.65c-.632-.188-1.476-.33-2.692-.533l-2.329-.388c-1.103-.184-1.852-.307-2.415-.32" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-exit {
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%22M12.75%2011a.75.75%200%200%200-1.5%200v2a.75.75%200%200%200%201.5%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m13.725%202.027l2.434.406c1.155.192%202.092.348%202.824.566c.763.228%201.393.546%201.878%201.118s.696%201.247.794%202.037c.095.758.095%201.708.095%202.88v5.933c0%201.171%200%202.12-.095%202.879c-.098.79-.309%201.464-.794%202.037c-.485.572-1.115.89-1.878%201.117c-.732.219-1.669.375-2.824.567l-2.434.406c-1.033.172-1.888.315-2.57.331c-.716.017-1.379-.098-1.933-.567c-.467-.395-.698-.91-.82-1.487h-.456c-1.132%200-2.058%200-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79V9.447c0-1.133%200-2.058.098-2.79c.103-.763.325-1.425.854-1.954s1.19-.751%201.955-.854c.73-.098%201.656-.098%202.79-.098h.456c.12-.577.352-1.092.82-1.487c.553-.47%201.216-.584%201.932-.567c.682.016%201.537.159%202.57.331M8.25%2017.335c0%20.516%200%20.988.011%201.415H8c-1.2%200-2.024-.002-2.643-.085c-.598-.08-.89-.224-1.094-.428s-.348-.496-.428-1.094c-.083-.619-.085-1.443-.085-2.643v-5c0-1.2.002-2.024.085-2.643c.08-.598.224-.89.428-1.094s.496-.348%201.094-.428C5.976%205.252%206.8%205.25%208%205.25h.261c-.011.427-.011.899-.011%201.415zm2.869-14.14c-.543-.013-.773.082-.927.212s-.285.342-.361.88c-.08.557-.081%201.316-.081%202.435v10.556c0%201.119.002%201.878.081%202.436c.076.537.207.749.361.879s.384.224.927.211c.563-.013%201.312-.136%202.415-.32l2.33-.388c1.215-.203%202.059-.345%202.691-.533c.612-.182.936-.384%201.162-.65c.226-.267.37-.619.45-1.253c.082-.654.083-1.51.083-2.743V9.083c0-1.233-.001-2.089-.083-2.743c-.08-.634-.225-.987-.45-1.253c-.226-.266-.55-.468-1.162-.65c-.632-.188-1.476-.33-2.692-.533l-2.329-.388c-1.103-.184-1.852-.307-2.415-.32%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%22M12.75%2011a.75.75%200%200%200-1.5%200v2a.75.75%200%200%200%201.5%200z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m13.725%202.027l2.434.406c1.155.192%202.092.348%202.824.566c.763.228%201.393.546%201.878%201.118s.696%201.247.794%202.037c.095.758.095%201.708.095%202.88v5.933c0%201.171%200%202.12-.095%202.879c-.098.79-.309%201.464-.794%202.037c-.485.572-1.115.89-1.878%201.117c-.732.219-1.669.375-2.824.567l-2.434.406c-1.033.172-1.888.315-2.57.331c-.716.017-1.379-.098-1.933-.567c-.467-.395-.698-.91-.82-1.487h-.456c-1.132%200-2.058%200-2.79-.098c-.763-.103-1.425-.325-1.954-.854s-.751-1.19-.854-1.955c-.098-.73-.098-1.656-.098-2.79V9.447c0-1.133%200-2.058.098-2.79c.103-.763.325-1.425.854-1.954s1.19-.751%201.955-.854c.73-.098%201.656-.098%202.79-.098h.456c.12-.577.352-1.092.82-1.487c.553-.47%201.216-.584%201.932-.567c.682.016%201.537.159%202.57.331M8.25%2017.335c0%20.516%200%20.988.011%201.415H8c-1.2%200-2.024-.002-2.643-.085c-.598-.08-.89-.224-1.094-.428s-.348-.496-.428-1.094c-.083-.619-.085-1.443-.085-2.643v-5c0-1.2.002-2.024.085-2.643c.08-.598.224-.89.428-1.094s.496-.348%201.094-.428C5.976%205.252%206.8%205.25%208%205.25h.261c-.011.427-.011.899-.011%201.415zm2.869-14.14c-.543-.013-.773.082-.927.212s-.285.342-.361.88c-.08.557-.081%201.316-.081%202.435v10.556c0%201.119.002%201.878.081%202.436c.076.537.207.749.361.879s.384.224.927.211c.563-.013%201.312-.136%202.415-.32l2.33-.388c1.215-.203%202.059-.345%202.691-.533c.612-.182.936-.384%201.162-.65c.226-.267.37-.619.45-1.253c.082-.654.083-1.51.083-2.743V9.083c0-1.233-.001-2.089-.083-2.743c-.08-.634-.225-.987-.45-1.253c-.226-.266-.55-.468-1.162-.65c-.632-.188-1.476-.33-2.692-.533l-2.329-.388c-1.103-.184-1.852-.307-2.415-.32%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/reicon/exit.svg?color=%231a73e8&size=48
