map marked icon

map-marked from Line Awesome by Icons8 · Line · Travel · Apache-2.0 Free for personal and commercial use.

Name: map-marked
Set: Line Awesome
Style: Line
Category: Travel
Viewbox: 32×32
License: Apache 2.0
Aliases: map-marked-solid

The same icon in other sets

map-markedFont Awesome Solid map-markedTDesign Icons

More travel icons from Line Awesome

Use the map marked 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.301 0-6 2.699-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.288-1.836 2.562-4.03a35 35 0 0 0 1.75-3.407C27.617 11.004 28 9.992 28 9c0-3.301-2.699-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.125c-.156-.227-.34-.497-.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-.241 1.3-.688 2.313c-.445 1.011-1.074 2.16-1.687 3.218c-.816 1.406-1.168 1.908-1.625 2.596c-.457-.688-.809-1.19-1.625-2.596c-.613-1.059-1.241-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.656z"/></svg>

React

import type { SVGProps } from "react";

export function LaMapMarked(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.301 0-6 2.699-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.288-1.836 2.562-4.03a35 35 0 0 0 1.75-3.407C27.617 11.004 28 9.992 28 9c0-3.301-2.699-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.125c-.156-.227-.34-.497-.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-.241 1.3-.688 2.313c-.445 1.011-1.074 2.16-1.687 3.218c-.816 1.406-1.168 1.908-1.625 2.596c-.457-.688-.809-1.19-1.625-2.596c-.613-1.059-1.241-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.656z"/></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.301 0-6 2.699-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.288-1.836 2.562-4.03a35 35 0 0 0 1.75-3.407C27.617 11.004 28 9.992 28 9c0-3.301-2.699-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.125c-.156-.227-.34-.497-.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-.241 1.3-.688 2.313c-.445 1.011-1.074 2.16-1.687 3.218c-.816 1.406-1.168 1.908-1.625 2.596c-.457-.688-.809-1.19-1.625-2.596c-.613-1.059-1.241-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.656z"/></svg>
</template>

CSS

.icon-map-marked {
  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.301%200-6%202.699-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.288-1.836%202.562-4.03a35%2035%200%200%200%201.75-3.407C27.617%2011.004%2028%209.992%2028%209c0-3.301-2.699-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.125c-.156-.227-.34-.497-.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-.241%201.3-.688%202.313c-.445%201.011-1.074%202.16-1.687%203.218c-.816%201.406-1.168%201.908-1.625%202.596c-.457-.688-.809-1.19-1.625-2.596c-.613-1.059-1.241-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.656z%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.301%200-6%202.699-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.288-1.836%202.562-4.03a35%2035%200%200%200%201.75-3.407C27.617%2011.004%2028%209.992%2028%209c0-3.301-2.699-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.125c-.156-.227-.34-.497-.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-.241%201.3-.688%202.313c-.445%201.011-1.074%202.16-1.687%203.218c-.816%201.406-1.168%201.908-1.625%202.596c-.457-.688-.809-1.19-1.625-2.596c-.613-1.059-1.241-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.656z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/map-marked.svg?color=%231a73e8&size=48