map marked alt icon
map-marked-alt from Line Awesome by Icons8 · Line · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- map-marked-alt
- Set
- Line Awesome
- Style
- Line
- Category
- Travel
- Viewbox
- 32×32
- License
- Apache 2.0
- Aliases
- map-marked-alt-solid
The same icon in other sets
More travel icons from Line Awesome
Use the map marked alt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 3c-3.3 0-6 2.7-6 6c0 .992.383 2.004.875 3.125a35 35 0 0 0 1.75 3.406a62 62 0 0 0 2.563 4.031L22 20.75l.813-1.188s1.289-1.835 2.562-4.03a35 35 0 0 0 1.75-3.407C27.617 11.004 28 9.992 28 9c0-3.3-2.7-6-6-6M11.969 4.938L4 8.344V27.53l8.031-3.468l8 3L28 23.655v-8.718a49 49 0 0 1-2 3.437v3.969l-5 2.125v-1.625l-1.469-2.125a71 71 0 0 1-.531-.782v4.625l-6-2.25V7.438l1.094.407a8 8 0 0 1 .531-1.938zM22 5c2.219 0 4 1.781 4 4c0 .387-.242 1.3-.688 2.313c-.445 1.011-1.074 2.16-1.687 3.218c-.816 1.406-1.168 1.906-1.625 2.594c-.457-.688-.809-1.188-1.625-2.594c-.613-1.058-1.242-2.207-1.688-3.219C18.242 10.302 18 9.387 18 9c0-2.219 1.781-4 4-4M11 7.5v14.844l-5 2.125V9.656zm11 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
React
import type { SVGProps } from "react";
export function LaMapMarkedAlt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 3c-3.3 0-6 2.7-6 6c0 .992.383 2.004.875 3.125a35 35 0 0 0 1.75 3.406a62 62 0 0 0 2.563 4.031L22 20.75l.813-1.188s1.289-1.835 2.562-4.03a35 35 0 0 0 1.75-3.407C27.617 11.004 28 9.992 28 9c0-3.3-2.7-6-6-6M11.969 4.938L4 8.344V27.53l8.031-3.468l8 3L28 23.655v-8.718a49 49 0 0 1-2 3.437v3.969l-5 2.125v-1.625l-1.469-2.125a71 71 0 0 1-.531-.782v4.625l-6-2.25V7.438l1.094.407a8 8 0 0 1 .531-1.938zM22 5c2.219 0 4 1.781 4 4c0 .387-.242 1.3-.688 2.313c-.445 1.011-1.074 2.16-1.687 3.218c-.816 1.406-1.168 1.906-1.625 2.594c-.457-.688-.809-1.188-1.625-2.594c-.613-1.058-1.242-2.207-1.688-3.219C18.242 10.302 18 9.387 18 9c0-2.219 1.781-4 4-4M11 7.5v14.844l-5 2.125V9.656zm11 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22 3c-3.3 0-6 2.7-6 6c0 .992.383 2.004.875 3.125a35 35 0 0 0 1.75 3.406a62 62 0 0 0 2.563 4.031L22 20.75l.813-1.188s1.289-1.835 2.562-4.03a35 35 0 0 0 1.75-3.407C27.617 11.004 28 9.992 28 9c0-3.3-2.7-6-6-6M11.969 4.938L4 8.344V27.53l8.031-3.468l8 3L28 23.655v-8.718a49 49 0 0 1-2 3.437v3.969l-5 2.125v-1.625l-1.469-2.125a71 71 0 0 1-.531-.782v4.625l-6-2.25V7.438l1.094.407a8 8 0 0 1 .531-1.938zM22 5c2.219 0 4 1.781 4 4c0 .387-.242 1.3-.688 2.313c-.445 1.011-1.074 2.16-1.687 3.218c-.816 1.406-1.168 1.906-1.625 2.594c-.457-.688-.809-1.188-1.625-2.594c-.613-1.058-1.242-2.207-1.688-3.219C18.242 10.302 18 9.387 18 9c0-2.219 1.781-4 4-4M11 7.5v14.844l-5 2.125V9.656zm11 0a1.5 1.5 0 1 0 0 3a1.5 1.5 0 0 0 0-3"/></svg> </template>
CSS
.icon-map-marked-alt {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%203c-3.3%200-6%202.7-6%206c0%20.992.383%202.004.875%203.125a35%2035%200%200%200%201.75%203.406a62%2062%200%200%200%202.563%204.031L22%2020.75l.813-1.188s1.289-1.835%202.562-4.03a35%2035%200%200%200%201.75-3.407C27.617%2011.004%2028%209.992%2028%209c0-3.3-2.7-6-6-6M11.969%204.938L4%208.344V27.53l8.031-3.468l8%203L28%2023.655v-8.718a49%2049%200%200%201-2%203.437v3.969l-5%202.125v-1.625l-1.469-2.125a71%2071%200%200%201-.531-.782v4.625l-6-2.25V7.438l1.094.407a8%208%200%200%201%20.531-1.938zM22%205c2.219%200%204%201.781%204%204c0%20.387-.242%201.3-.688%202.313c-.445%201.011-1.074%202.16-1.687%203.218c-.816%201.406-1.168%201.906-1.625%202.594c-.457-.688-.809-1.188-1.625-2.594c-.613-1.058-1.242-2.207-1.688-3.219C18.242%2010.302%2018%209.387%2018%209c0-2.219%201.781-4%204-4M11%207.5v14.844l-5%202.125V9.656zm11%200a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22%203c-3.3%200-6%202.7-6%206c0%20.992.383%202.004.875%203.125a35%2035%200%200%200%201.75%203.406a62%2062%200%200%200%202.563%204.031L22%2020.75l.813-1.188s1.289-1.835%202.562-4.03a35%2035%200%200%200%201.75-3.407C27.617%2011.004%2028%209.992%2028%209c0-3.3-2.7-6-6-6M11.969%204.938L4%208.344V27.53l8.031-3.468l8%203L28%2023.655v-8.718a49%2049%200%200%201-2%203.437v3.969l-5%202.125v-1.625l-1.469-2.125a71%2071%200%200%201-.531-.782v4.625l-6-2.25V7.438l1.094.407a8%208%200%200%201%20.531-1.938zM22%205c2.219%200%204%201.781%204%204c0%20.387-.242%201.3-.688%202.313c-.445%201.011-1.074%202.16-1.687%203.218c-.816%201.406-1.168%201.906-1.625%202.594c-.457-.688-.809-1.188-1.625-2.594c-.613-1.058-1.242-2.207-1.688-3.219C18.242%2010.302%2018%209.387%2018%209c0-2.219%201.781-4%204-4M11%207.5v14.844l-5%202.125V9.656zm11%200a1.5%201.5%200%201%200%200%203a1.5%201.5%200%200%200%200-3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/map-marked-alt.svg?color=%231a73e8&size=48
