escape icon
escape from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- escape
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
The same icon in other sets
Use the escape icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.047 51.297c12.82 0 23.25-10.43 23.25-23.25c0-12.188-9.727-22.36-21.633-23.227c-1.36-.117-2.39.727-2.39 1.922c0 1.055.75 1.922 2.109 2.04c10.242.726 17.93 9.28 17.93 19.265c0 10.805-8.485 19.289-19.266 19.289c-10.008 0-18.562-7.688-19.29-17.953c-.116-1.336-.983-2.11-2.038-2.11c-1.195 0-2.016 1.055-1.899 2.391c.868 11.93 11.016 21.633 23.227 21.633m-1.734-22.383c1.218 0 2.085-.89 2.085-2.062c0-.54-.257-1.102-.68-1.524l-12.21-12.21l-4.5-4.009c2.601.329 5.883.305 7.031.305c1.055 0 1.899-.867 1.899-1.922a1.89 1.89 0 0 0-1.899-1.898H7.492c-1.523 0-2.367.82-2.367 2.367v10.523c0 1.055.844 1.899 1.875 1.899a1.905 1.905 0 0 0 1.9-1.899c0-1.101 0-4.617-.235-7.03l3.961 4.523L24.86 28.234c.446.446.938.68 1.454.68"/></svg>
React
import type { SVGProps } from "react";
export function F7Escape(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.047 51.297c12.82 0 23.25-10.43 23.25-23.25c0-12.188-9.727-22.36-21.633-23.227c-1.36-.117-2.39.727-2.39 1.922c0 1.055.75 1.922 2.109 2.04c10.242.726 17.93 9.28 17.93 19.265c0 10.805-8.485 19.289-19.266 19.289c-10.008 0-18.562-7.688-19.29-17.953c-.116-1.336-.983-2.11-2.038-2.11c-1.195 0-2.016 1.055-1.899 2.391c.868 11.93 11.016 21.633 23.227 21.633m-1.734-22.383c1.218 0 2.085-.89 2.085-2.062c0-.54-.257-1.102-.68-1.524l-12.21-12.21l-4.5-4.009c2.601.329 5.883.305 7.031.305c1.055 0 1.899-.867 1.899-1.922a1.89 1.89 0 0 0-1.899-1.898H7.492c-1.523 0-2.367.82-2.367 2.367v10.523c0 1.055.844 1.899 1.875 1.899a1.905 1.905 0 0 0 1.9-1.899c0-1.101 0-4.617-.235-7.03l3.961 4.523L24.86 28.234c.446.446.938.68 1.454.68"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M28.047 51.297c12.82 0 23.25-10.43 23.25-23.25c0-12.188-9.727-22.36-21.633-23.227c-1.36-.117-2.39.727-2.39 1.922c0 1.055.75 1.922 2.109 2.04c10.242.726 17.93 9.28 17.93 19.265c0 10.805-8.485 19.289-19.266 19.289c-10.008 0-18.562-7.688-19.29-17.953c-.116-1.336-.983-2.11-2.038-2.11c-1.195 0-2.016 1.055-1.899 2.391c.868 11.93 11.016 21.633 23.227 21.633m-1.734-22.383c1.218 0 2.085-.89 2.085-2.062c0-.54-.257-1.102-.68-1.524l-12.21-12.21l-4.5-4.009c2.601.329 5.883.305 7.031.305c1.055 0 1.899-.867 1.899-1.922a1.89 1.89 0 0 0-1.899-1.898H7.492c-1.523 0-2.367.82-2.367 2.367v10.523c0 1.055.844 1.899 1.875 1.899a1.905 1.905 0 0 0 1.9-1.899c0-1.101 0-4.617-.235-7.03l3.961 4.523L24.86 28.234c.446.446.938.68 1.454.68"/></svg> </template>
CSS
.icon-escape {
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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.047%2051.297c12.82%200%2023.25-10.43%2023.25-23.25c0-12.188-9.727-22.36-21.633-23.227c-1.36-.117-2.39.727-2.39%201.922c0%201.055.75%201.922%202.109%202.04c10.242.726%2017.93%209.28%2017.93%2019.265c0%2010.805-8.485%2019.289-19.266%2019.289c-10.008%200-18.562-7.688-19.29-17.953c-.116-1.336-.983-2.11-2.038-2.11c-1.195%200-2.016%201.055-1.899%202.391c.868%2011.93%2011.016%2021.633%2023.227%2021.633m-1.734-22.383c1.218%200%202.085-.89%202.085-2.062c0-.54-.257-1.102-.68-1.524l-12.21-12.21l-4.5-4.009c2.601.329%205.883.305%207.031.305c1.055%200%201.899-.867%201.899-1.922a1.89%201.89%200%200%200-1.899-1.898H7.492c-1.523%200-2.367.82-2.367%202.367v10.523c0%201.055.844%201.899%201.875%201.899a1.905%201.905%200%200%200%201.9-1.899c0-1.101%200-4.617-.235-7.03l3.961%204.523L24.86%2028.234c.446.446.938.68%201.454.68%22%2F%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%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.047%2051.297c12.82%200%2023.25-10.43%2023.25-23.25c0-12.188-9.727-22.36-21.633-23.227c-1.36-.117-2.39.727-2.39%201.922c0%201.055.75%201.922%202.109%202.04c10.242.726%2017.93%209.28%2017.93%2019.265c0%2010.805-8.485%2019.289-19.266%2019.289c-10.008%200-18.562-7.688-19.29-17.953c-.116-1.336-.983-2.11-2.038-2.11c-1.195%200-2.016%201.055-1.899%202.391c.868%2011.93%2011.016%2021.633%2023.227%2021.633m-1.734-22.383c1.218%200%202.085-.89%202.085-2.062c0-.54-.257-1.102-.68-1.524l-12.21-12.21l-4.5-4.009c2.601.329%205.883.305%207.031.305c1.055%200%201.899-.867%201.899-1.922a1.89%201.89%200%200%200-1.899-1.898H7.492c-1.523%200-2.367.82-2.367%202.367v10.523c0%201.055.844%201.899%201.875%201.899a1.905%201.905%200%200%200%201.9-1.899c0-1.101%200-4.617-.235-7.03l3.961%204.523L24.86%2028.234c.446.446.938.68%201.454.68%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/escape.svg?color=%231a73e8&size=48
