My Location icon

Microsoft uses it to specific pinpoint marker in map & location scenarios. The My Location icon is tagged pinpoint, maker and map. Similar Fluent icons include Location, Location Add and Location Arrow.

Regular (outlined)

SVG

Filled

SVG

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_my_location_24_regular.svg

My Location icon in React

npm install @fluentui/react-icons

import { MyLocation24Regular } from "@fluentui/react-icons";

export function Example() {
  return <MyLocation24Regular aria-label="My Location" />;
}

Use the My Location icon in React

Import MyLocation24Regular and MyLocation24Filled from Microsoft's @fluentui/react-icons package; the code tabs above have this and other platforms. Coding agents can look the component up through the Fluent Icons MCP server.

Details

NameMy Location
StylesRegular (outlined), Filled
Sizes12 px, 16 px, 20 px, 24 px
Regular (outlined) fileic_fluent_my_location_24_regular.svg
Filled fileic_fluent_my_location_24_filled.svg
React (Regular)MyLocation12Regular, MyLocation16Regular, MyLocation20Regular, MyLocation24Regular
React (Filled)MyLocation12Filled, MyLocation16Filled, MyLocation20Filled, MyLocation24Filled
Font glyph (Regular, 24 px)U+F55F · &#xF55F;
Font glyph (Filled, 24 px)U+F569 · &#xF569;
LicenseMIT (© Microsoft Corporation)

Keywords

locationmap

Also in Material Symbols

My Location iconMy LocationGoogle's version of this icon, on Materialicons

Similar icons