round edit location icon

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

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

Use the round 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="M12 2c-4.2 0-8 3.22-8 8.2c0 3.18 2.45 6.92 7.34 11.23c.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2C20 5.22 16.2 2 12 2M9.73 13.5H8.5v-1.44l3.93-3.92l1.43 1.43l-3.77 3.78q-.15.15-.36.15m5.55-5.34l-.7.7l-1.44-1.44l.7-.7a.38.38 0 0 1 .54 0l.9.9c.15.15.15.39 0 .54"/></svg>

React

import type { SVGProps } from "react";

export function IcRoundEditLocation(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 2c-4.2 0-8 3.22-8 8.2c0 3.18 2.45 6.92 7.34 11.23c.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2C20 5.22 16.2 2 12 2M9.73 13.5H8.5v-1.44l3.93-3.92l1.43 1.43l-3.77 3.78q-.15.15-.36.15m5.55-5.34l-.7.7l-1.44-1.44l.7-.7a.38.38 0 0 1 .54 0l.9.9c.15.15.15.39 0 .54"/></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 2c-4.2 0-8 3.22-8 8.2c0 3.18 2.45 6.92 7.34 11.23c.38.33.95.33 1.33 0C17.55 17.12 20 13.38 20 10.2C20 5.22 16.2 2 12 2M9.73 13.5H8.5v-1.44l3.93-3.92l1.43 1.43l-3.77 3.78q-.15.15-.36.15m5.55-5.34l-.7.7l-1.44-1.44l.7-.7a.38.38 0 0 1 .54 0l.9.9c.15.15.15.39 0 .54"/></svg>
</template>

CSS

.icon-round-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%22M12%202c-4.2%200-8%203.22-8%208.2c0%203.18%202.45%206.92%207.34%2011.23c.38.33.95.33%201.33%200C17.55%2017.12%2020%2013.38%2020%2010.2C20%205.22%2016.2%202%2012%202M9.73%2013.5H8.5v-1.44l3.93-3.92l1.43%201.43l-3.77%203.78q-.15.15-.36.15m5.55-5.34l-.7.7l-1.44-1.44l.7-.7a.38.38%200%200%201%20.54%200l.9.9c.15.15.15.39%200%20.54%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%202c-4.2%200-8%203.22-8%208.2c0%203.18%202.45%206.92%207.34%2011.23c.38.33.95.33%201.33%200C17.55%2017.12%2020%2013.38%2020%2010.2C20%205.22%2016.2%202%2012%202M9.73%2013.5H8.5v-1.44l3.93-3.92l1.43%201.43l-3.77%203.78q-.15.15-.36.15m5.55-5.34l-.7.7l-1.44-1.44l.7-.7a.38.38%200%200%201%20.54%200l.9.9c.15.15.15.39%200%20.54%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

round edit location icon

More maps icons from Google Material Icons

Use the round edit location icon

SVG

React

Vue

CSS