location slash icon
location-slash from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- location-slash
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the location slash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m41.746 29.512l9.305-20.086c.937-1.969.82-3.422-.118-4.36c-.96-.96-2.414-1.03-4.382-.14l-20.133 9.351l2.578 2.579l18.188-8.368c.14-.07.257-.047.328 0c.07.07.047.164-.024.328l-8.343 18.141Zm6.024 15.14a1.81 1.81 0 0 0 2.554 0a1.81 1.81 0 0 0 0-2.554L14.23 6.004c-.703-.703-1.851-.703-2.578 0c-.68.68-.68 1.875 0 2.555ZM27.754 50.84c1.148 1.125 2.695.937 3.82-.188c.633-.633 1.125-1.617 1.547-2.554l4.453-9.657l-2.508-2.53l-4.617 10.03c-.07.141-.117.164-.21.141c-.071-.023-.095-.07-.095-.164l.047-14.93l-5.203-5.18l-14.93.047c-.093 0-.14-.046-.163-.117c-.024-.047.046-.14.164-.21l10.03-4.594l-2.53-2.555l-9.68 4.476c-.914.422-1.922.938-2.555 1.547c-1.148 1.125-1.312 2.696-.187 3.82c.843.821 1.64 1.079 3.258 1.079l17.695.117c.164 0 .281.023.375.094a.67.67 0 0 1 .117.398l.094 17.672c0 1.617.258 2.461 1.078 3.258"/></svg>
React
import type { SVGProps } from "react";
export function F7LocationSlash(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="m41.746 29.512l9.305-20.086c.937-1.969.82-3.422-.118-4.36c-.96-.96-2.414-1.03-4.382-.14l-20.133 9.351l2.578 2.579l18.188-8.368c.14-.07.257-.047.328 0c.07.07.047.164-.024.328l-8.343 18.141Zm6.024 15.14a1.81 1.81 0 0 0 2.554 0a1.81 1.81 0 0 0 0-2.554L14.23 6.004c-.703-.703-1.851-.703-2.578 0c-.68.68-.68 1.875 0 2.555ZM27.754 50.84c1.148 1.125 2.695.937 3.82-.188c.633-.633 1.125-1.617 1.547-2.554l4.453-9.657l-2.508-2.53l-4.617 10.03c-.07.141-.117.164-.21.141c-.071-.023-.095-.07-.095-.164l.047-14.93l-5.203-5.18l-14.93.047c-.093 0-.14-.046-.163-.117c-.024-.047.046-.14.164-.21l10.03-4.594l-2.53-2.555l-9.68 4.476c-.914.422-1.922.938-2.555 1.547c-1.148 1.125-1.312 2.696-.187 3.82c.843.821 1.64 1.079 3.258 1.079l17.695.117c.164 0 .281.023.375.094a.67.67 0 0 1 .117.398l.094 17.672c0 1.617.258 2.461 1.078 3.258"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="m41.746 29.512l9.305-20.086c.937-1.969.82-3.422-.118-4.36c-.96-.96-2.414-1.03-4.382-.14l-20.133 9.351l2.578 2.579l18.188-8.368c.14-.07.257-.047.328 0c.07.07.047.164-.024.328l-8.343 18.141Zm6.024 15.14a1.81 1.81 0 0 0 2.554 0a1.81 1.81 0 0 0 0-2.554L14.23 6.004c-.703-.703-1.851-.703-2.578 0c-.68.68-.68 1.875 0 2.555ZM27.754 50.84c1.148 1.125 2.695.937 3.82-.188c.633-.633 1.125-1.617 1.547-2.554l4.453-9.657l-2.508-2.53l-4.617 10.03c-.07.141-.117.164-.21.141c-.071-.023-.095-.07-.095-.164l.047-14.93l-5.203-5.18l-14.93.047c-.093 0-.14-.046-.163-.117c-.024-.047.046-.14.164-.21l10.03-4.594l-2.53-2.555l-9.68 4.476c-.914.422-1.922.938-2.555 1.547c-1.148 1.125-1.312 2.696-.187 3.82c.843.821 1.64 1.079 3.258 1.079l17.695.117c.164 0 .281.023.375.094a.67.67 0 0 1 .117.398l.094 17.672c0 1.617.258 2.461 1.078 3.258"/></svg> </template>
CSS
.icon-location-slash {
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%22m41.746%2029.512l9.305-20.086c.937-1.969.82-3.422-.118-4.36c-.96-.96-2.414-1.03-4.382-.14l-20.133%209.351l2.578%202.579l18.188-8.368c.14-.07.257-.047.328%200c.07.07.047.164-.024.328l-8.343%2018.141Zm6.024%2015.14a1.81%201.81%200%200%200%202.554%200a1.81%201.81%200%200%200%200-2.554L14.23%206.004c-.703-.703-1.851-.703-2.578%200c-.68.68-.68%201.875%200%202.555ZM27.754%2050.84c1.148%201.125%202.695.937%203.82-.188c.633-.633%201.125-1.617%201.547-2.554l4.453-9.657l-2.508-2.53l-4.617%2010.03c-.07.141-.117.164-.21.141c-.071-.023-.095-.07-.095-.164l.047-14.93l-5.203-5.18l-14.93.047c-.093%200-.14-.046-.163-.117c-.024-.047.046-.14.164-.21l10.03-4.594l-2.53-2.555l-9.68%204.476c-.914.422-1.922.938-2.555%201.547c-1.148%201.125-1.312%202.696-.187%203.82c.843.821%201.64%201.079%203.258%201.079l17.695.117c.164%200%20.281.023.375.094a.67.67%200%200%201%20.117.398l.094%2017.672c0%201.617.258%202.461%201.078%203.258%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%22m41.746%2029.512l9.305-20.086c.937-1.969.82-3.422-.118-4.36c-.96-.96-2.414-1.03-4.382-.14l-20.133%209.351l2.578%202.579l18.188-8.368c.14-.07.257-.047.328%200c.07.07.047.164-.024.328l-8.343%2018.141Zm6.024%2015.14a1.81%201.81%200%200%200%202.554%200a1.81%201.81%200%200%200%200-2.554L14.23%206.004c-.703-.703-1.851-.703-2.578%200c-.68.68-.68%201.875%200%202.555ZM27.754%2050.84c1.148%201.125%202.695.937%203.82-.188c.633-.633%201.125-1.617%201.547-2.554l4.453-9.657l-2.508-2.53l-4.617%2010.03c-.07.141-.117.164-.21.141c-.071-.023-.095-.07-.095-.164l.047-14.93l-5.203-5.18l-14.93.047c-.093%200-.14-.046-.163-.117c-.024-.047.046-.14.164-.21l10.03-4.594l-2.53-2.555l-9.68%204.476c-.914.422-1.922.938-2.555%201.547c-1.148%201.125-1.312%202.696-.187%203.82c.843.821%201.64%201.079%203.258%201.079l17.695.117c.164%200%20.281.023.375.094a.67.67%200%200%201%20.117.398l.094%2017.672c0%201.617.258%202.461%201.078%203.258%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/location-slash.svg?color=%231a73e8&size=48
