share location icon
share-location-outline from Material Symbols Light by Google · Outline · Maps · Apache-2.0 Free for personal and commercial use.
- Name
- share-location-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Maps
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More maps icons from Material Symbols Light
Use the share location icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.994 20.95v-1q1.127-.17 2.115-.575t1.785-1.036l.7.719q-1.002.79-2.14 1.247t-2.46.645m6.058-3.342l-.708-.708q.65-.825 1.05-1.812t.55-2.088h1.012q-.142 1.262-.628 2.426t-1.276 2.182M19.944 11q-.15-1.125-.55-2.113T18.344 7.1l.727-.688q.854 1.138 1.278 2.142T20.956 11zm-8.95 9.95q-3.402-.43-5.676-2.967T3.044 12q0-3.452 2.265-5.998q2.264-2.546 5.685-2.952v1q-3 .425-4.975 2.675T4.044 12t1.975 5.263t4.975 2.687zm5.95-15.25q-.9-.675-1.89-1.1t-2.021-.55v-1q1.263.164 2.392.63t2.17 1.262zM12 16.02q-1.161-1.014-2.196-2.145q-1.035-1.13-1.035-2.66q0-1.373.932-2.342T12 7.903t2.299.97t.932 2.343q0 1.528-1.035 2.659T12 16.019m0-4.038q.373 0 .618-.245q.245-.246.245-.619q0-.367-.245-.615T12 10.254t-.618.248t-.245.615q0 .373.245.618q.245.246.618.246"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightShareLocationOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.994 20.95v-1q1.127-.17 2.115-.575t1.785-1.036l.7.719q-1.002.79-2.14 1.247t-2.46.645m6.058-3.342l-.708-.708q.65-.825 1.05-1.812t.55-2.088h1.012q-.142 1.262-.628 2.426t-1.276 2.182M19.944 11q-.15-1.125-.55-2.113T18.344 7.1l.727-.688q.854 1.138 1.278 2.142T20.956 11zm-8.95 9.95q-3.402-.43-5.676-2.967T3.044 12q0-3.452 2.265-5.998q2.264-2.546 5.685-2.952v1q-3 .425-4.975 2.675T4.044 12t1.975 5.263t4.975 2.687zm5.95-15.25q-.9-.675-1.89-1.1t-2.021-.55v-1q1.263.164 2.392.63t2.17 1.262zM12 16.02q-1.161-1.014-2.196-2.145q-1.035-1.13-1.035-2.66q0-1.373.932-2.342T12 7.903t2.299.97t.932 2.343q0 1.528-1.035 2.659T12 16.019m0-4.038q.373 0 .618-.245q.245-.246.245-.619q0-.367-.245-.615T12 10.254t-.618.248t-.245.615q0 .373.245.618q.245.246.618.246"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.994 20.95v-1q1.127-.17 2.115-.575t1.785-1.036l.7.719q-1.002.79-2.14 1.247t-2.46.645m6.058-3.342l-.708-.708q.65-.825 1.05-1.812t.55-2.088h1.012q-.142 1.262-.628 2.426t-1.276 2.182M19.944 11q-.15-1.125-.55-2.113T18.344 7.1l.727-.688q.854 1.138 1.278 2.142T20.956 11zm-8.95 9.95q-3.402-.43-5.676-2.967T3.044 12q0-3.452 2.265-5.998q2.264-2.546 5.685-2.952v1q-3 .425-4.975 2.675T4.044 12t1.975 5.263t4.975 2.687zm5.95-15.25q-.9-.675-1.89-1.1t-2.021-.55v-1q1.263.164 2.392.63t2.17 1.262zM12 16.02q-1.161-1.014-2.196-2.145q-1.035-1.13-1.035-2.66q0-1.373.932-2.342T12 7.903t2.299.97t.932 2.343q0 1.528-1.035 2.659T12 16.019m0-4.038q.373 0 .618-.245q.245-.246.245-.619q0-.367-.245-.615T12 10.254t-.618.248t-.245.615q0 .373.245.618q.245.246.618.246"/></svg> </template>
CSS
.icon-share-location-outline {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.994%2020.95v-1q1.127-.17%202.115-.575t1.785-1.036l.7.719q-1.002.79-2.14%201.247t-2.46.645m6.058-3.342l-.708-.708q.65-.825%201.05-1.812t.55-2.088h1.012q-.142%201.262-.628%202.426t-1.276%202.182M19.944%2011q-.15-1.125-.55-2.113T18.344%207.1l.727-.688q.854%201.138%201.278%202.142T20.956%2011zm-8.95%209.95q-3.402-.43-5.676-2.967T3.044%2012q0-3.452%202.265-5.998q2.264-2.546%205.685-2.952v1q-3%20.425-4.975%202.675T4.044%2012t1.975%205.263t4.975%202.687zm5.95-15.25q-.9-.675-1.89-1.1t-2.021-.55v-1q1.263.164%202.392.63t2.17%201.262zM12%2016.02q-1.161-1.014-2.196-2.145q-1.035-1.13-1.035-2.66q0-1.373.932-2.342T12%207.903t2.299.97t.932%202.343q0%201.528-1.035%202.659T12%2016.019m0-4.038q.373%200%20.618-.245q.245-.246.245-.619q0-.367-.245-.615T12%2010.254t-.618.248t-.245.615q0%20.373.245.618q.245.246.618.246%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.994%2020.95v-1q1.127-.17%202.115-.575t1.785-1.036l.7.719q-1.002.79-2.14%201.247t-2.46.645m6.058-3.342l-.708-.708q.65-.825%201.05-1.812t.55-2.088h1.012q-.142%201.262-.628%202.426t-1.276%202.182M19.944%2011q-.15-1.125-.55-2.113T18.344%207.1l.727-.688q.854%201.138%201.278%202.142T20.956%2011zm-8.95%209.95q-3.402-.43-5.676-2.967T3.044%2012q0-3.452%202.265-5.998q2.264-2.546%205.685-2.952v1q-3%20.425-4.975%202.675T4.044%2012t1.975%205.263t4.975%202.687zm5.95-15.25q-.9-.675-1.89-1.1t-2.021-.55v-1q1.263.164%202.392.63t2.17%201.262zM12%2016.02q-1.161-1.014-2.196-2.145q-1.035-1.13-1.035-2.66q0-1.373.932-2.342T12%207.903t2.299.97t.932%202.343q0%201.528-1.035%202.659T12%2016.019m0-4.038q.373%200%20.618-.245q.245-.246.245-.619q0-.367-.245-.615T12%2010.254t-.618.248t-.245.615q0%20.373.245.618q.245.246.618.246%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/share-location-outline.svg?color=%231a73e8&size=48
