outline edit location icon

outline-edit-location from Google Material Icons by Material Design Authors · Baseline · Maps · Apache-2.0 Free for personal and commercial use.

Name: outline-edit-location
Set: Google Material Icons
Style: Baseline
Category: Maps
Viewbox: 24×24
License: Apache 2.0

Use the outline edit location icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.17 4.91L17.1 3.84l-5.55 5.55v1.08h1.08zM16 2.74l1.29-1.29a1.49 1.49 0 0 1 2.12 0l1.15 1.15c.59.59.59 1.54 0 2.12l-.68.68l-.02.02l-.58.58l-6 6H10V8.74zm-2.28-.55l-.55.55l-1.27 1.27c-3.3.05-5.9 2.6-5.9 6.2c0 2.34 1.95 5.44 6 9.14c4.05-3.7 6-6.79 6-9.14v-.1l1.8-1.8c.13.6.2 1.24.2 1.9c0 3.32-2.67 7.25-8 11.8c-5.33-4.55-8-8.48-8-11.8c0-4.98 3.8-8.2 8-8.2c.58 0 1.16.06 1.72.18"/></svg>

React

import type { SVGProps } from "react";

export function IcOutlineEditLocation(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="M18.17 4.91L17.1 3.84l-5.55 5.55v1.08h1.08zM16 2.74l1.29-1.29a1.49 1.49 0 0 1 2.12 0l1.15 1.15c.59.59.59 1.54 0 2.12l-.68.68l-.02.02l-.58.58l-6 6H10V8.74zm-2.28-.55l-.55.55l-1.27 1.27c-3.3.05-5.9 2.6-5.9 6.2c0 2.34 1.95 5.44 6 9.14c4.05-3.7 6-6.79 6-9.14v-.1l1.8-1.8c.13.6.2 1.24.2 1.9c0 3.32-2.67 7.25-8 11.8c-5.33-4.55-8-8.48-8-11.8c0-4.98 3.8-8.2 8-8.2c.58 0 1.16.06 1.72.18"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.17 4.91L17.1 3.84l-5.55 5.55v1.08h1.08zM16 2.74l1.29-1.29a1.49 1.49 0 0 1 2.12 0l1.15 1.15c.59.59.59 1.54 0 2.12l-.68.68l-.02.02l-.58.58l-6 6H10V8.74zm-2.28-.55l-.55.55l-1.27 1.27c-3.3.05-5.9 2.6-5.9 6.2c0 2.34 1.95 5.44 6 9.14c4.05-3.7 6-6.79 6-9.14v-.1l1.8-1.8c.13.6.2 1.24.2 1.9c0 3.32-2.67 7.25-8 11.8c-5.33-4.55-8-8.48-8-11.8c0-4.98 3.8-8.2 8-8.2c.58 0 1.16.06 1.72.18"/></svg>
</template>

CSS

.icon-outline-edit-location {
  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%22M18.17%204.91L17.1%203.84l-5.55%205.55v1.08h1.08zM16%202.74l1.29-1.29a1.49%201.49%200%200%201%202.12%200l1.15%201.15c.59.59.59%201.54%200%202.12l-.68.68l-.02.02l-.58.58l-6%206H10V8.74zm-2.28-.55l-.55.55l-1.27%201.27c-3.3.05-5.9%202.6-5.9%206.2c0%202.34%201.95%205.44%206%209.14c4.05-3.7%206-6.79%206-9.14v-.1l1.8-1.8c.13.6.2%201.24.2%201.9c0%203.32-2.67%207.25-8%2011.8c-5.33-4.55-8-8.48-8-11.8c0-4.98%203.8-8.2%208-8.2c.58%200%201.16.06%201.72.18%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%22M18.17%204.91L17.1%203.84l-5.55%205.55v1.08h1.08zM16%202.74l1.29-1.29a1.49%201.49%200%200%201%202.12%200l1.15%201.15c.59.59.59%201.54%200%202.12l-.68.68l-.02.02l-.58.58l-6%206H10V8.74zm-2.28-.55l-.55.55l-1.27%201.27c-3.3.05-5.9%202.6-5.9%206.2c0%202.34%201.95%205.44%206%209.14c4.05-3.7%206-6.79%206-9.14v-.1l1.8-1.8c.13.6.2%201.24.2%201.9c0%203.32-2.67%207.25-8%2011.8c-5.33-4.55-8-8.48-8-11.8c0-4.98%203.8-8.2%208-8.2c.58%200%201.16.06%201.72.18%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/outline-edit-location.svg?color=%231a73e8&size=48

outline edit location icon

More maps icons from Google Material Icons

Use the outline edit location icon

SVG

React

Vue

CSS