exit icon
exit-filled from Reicon by REICON · Filled · Arrows-action · MIT Free for personal and commercial use.
- Name
- exit-filled
- Set
- Reicon
- Style
- Filled
- 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 fill-rule="evenodd" d="M9.707 2.409C9 3.036 9 4.183 9 6.476v11.048c0 2.293 0 3.44.707 4.067s1.788.439 3.95.062l2.33-.406c2.394-.418 3.591-.627 4.302-1.505c.711-.879.711-2.149.711-4.69V8.948c0-2.54 0-3.81-.71-4.689c-.712-.878-1.91-1.087-4.304-1.504l-2.328-.407c-2.162-.377-3.243-.565-3.95.062M12 10.169c.414 0 .75.351.75.784v2.094c0 .433-.336.784-.75.784s-.75-.351-.75-.784v-2.094c0-.433.336-.784.75-.784" clip-rule="evenodd"/><path d="M7.547 4.5c-2.058.003-3.131.048-3.815.732C3 5.964 3 7.142 3 9.5v5c0 2.357 0 3.535.732 4.268c.684.683 1.757.729 3.815.732c-.047-.624-.047-1.344-.047-2.123V6.623c0-.78 0-1.5.047-2.123"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconExitFilled(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 fillRule="evenodd" d="M9.707 2.409C9 3.036 9 4.183 9 6.476v11.048c0 2.293 0 3.44.707 4.067s1.788.439 3.95.062l2.33-.406c2.394-.418 3.591-.627 4.302-1.505c.711-.879.711-2.149.711-4.69V8.948c0-2.54 0-3.81-.71-4.689c-.712-.878-1.91-1.087-4.304-1.504l-2.328-.407c-2.162-.377-3.243-.565-3.95.062M12 10.169c.414 0 .75.351.75.784v2.094c0 .433-.336.784-.75.784s-.75-.351-.75-.784v-2.094c0-.433.336-.784.75-.784" clipRule="evenodd"/><path d="M7.547 4.5c-2.058.003-3.131.048-3.815.732C3 5.964 3 7.142 3 9.5v5c0 2.357 0 3.535.732 4.268c.684.683 1.757.729 3.815.732c-.047-.624-.047-1.344-.047-2.123V6.623c0-.78 0-1.5.047-2.123"/></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 fill-rule="evenodd" d="M9.707 2.409C9 3.036 9 4.183 9 6.476v11.048c0 2.293 0 3.44.707 4.067s1.788.439 3.95.062l2.33-.406c2.394-.418 3.591-.627 4.302-1.505c.711-.879.711-2.149.711-4.69V8.948c0-2.54 0-3.81-.71-4.689c-.712-.878-1.91-1.087-4.304-1.504l-2.328-.407c-2.162-.377-3.243-.565-3.95.062M12 10.169c.414 0 .75.351.75.784v2.094c0 .433-.336.784-.75.784s-.75-.351-.75-.784v-2.094c0-.433.336-.784.75-.784" clip-rule="evenodd"/><path d="M7.547 4.5c-2.058.003-3.131.048-3.815.732C3 5.964 3 7.142 3 9.5v5c0 2.357 0 3.535.732 4.268c.684.683 1.757.729 3.815.732c-.047-.624-.047-1.344-.047-2.123V6.623c0-.78 0-1.5.047-2.123"/></g></svg> </template>
CSS
.icon-exit-filled {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M9.707%202.409C9%203.036%209%204.183%209%206.476v11.048c0%202.293%200%203.44.707%204.067s1.788.439%203.95.062l2.33-.406c2.394-.418%203.591-.627%204.302-1.505c.711-.879.711-2.149.711-4.69V8.948c0-2.54%200-3.81-.71-4.689c-.712-.878-1.91-1.087-4.304-1.504l-2.328-.407c-2.162-.377-3.243-.565-3.95.062M12%2010.169c.414%200%20.75.351.75.784v2.094c0%20.433-.336.784-.75.784s-.75-.351-.75-.784v-2.094c0-.433.336-.784.75-.784%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M7.547%204.5c-2.058.003-3.131.048-3.815.732C3%205.964%203%207.142%203%209.5v5c0%202.357%200%203.535.732%204.268c.684.683%201.757.729%203.815.732c-.047-.624-.047-1.344-.047-2.123V6.623c0-.78%200-1.5.047-2.123%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%20fill-rule%3D%22evenodd%22%20d%3D%22M9.707%202.409C9%203.036%209%204.183%209%206.476v11.048c0%202.293%200%203.44.707%204.067s1.788.439%203.95.062l2.33-.406c2.394-.418%203.591-.627%204.302-1.505c.711-.879.711-2.149.711-4.69V8.948c0-2.54%200-3.81-.71-4.689c-.712-.878-1.91-1.087-4.304-1.504l-2.328-.407c-2.162-.377-3.243-.565-3.95.062M12%2010.169c.414%200%20.75.351.75.784v2.094c0%20.433-.336.784-.75.784s-.75-.351-.75-.784v-2.094c0-.433.336-.784.75-.784%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M7.547%204.5c-2.058.003-3.131.048-3.815.732C3%205.964%203%207.142%203%209.5v5c0%202.357%200%203.535.732%204.268c.684.683%201.757.729%203.815.732c-.047-.624-.047-1.344-.047-2.123V6.623c0-.78%200-1.5.047-2.123%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-filled.svg?color=%231a73e8&size=48
