location settings icon

location-settings-48-regular from Fluent UI System Icons by Microsoft Corporation · 48 Regular · MIT Free for personal and commercial use.

Name: location-settings-48-regular
Set: Fluent UI System Icons
Style: 48 Regular
Viewbox: 48×48
License: MIT

7 other variants in Fluent UI System Icons

location-settings-20-filled location-settings-20-regular location-settings-24-filled location-settings-24-regular location-settings-28-filled location-settings-28-regular location-settings-48-filled

Related icons in Fluent UI System Icons

location-add-16-filled location-add-left-20-filled location-add-right-20-filled location-add-up-20-filled location-arrow-12-filled location-arrow-left-16-filled location-arrow-right-16-filled location-arrow-up-16-filled location-checkmark-12-filled location-dismiss-20-filled location-live-20-filled location-not-found-24-filled location-off-16-filled location-ripple-12-filled location-target-square-16-filled

Use the location settings icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.886 26.706a11 11 0 0 1 3.086 1.785l-.997 3.482a2 2 0 0 0 1.436 2.49l3.463.868a11.1 11.1 0 0 1-.043 3.602l-3.26.747a2 2 0 0 0-1.465 2.537l.983 3.195a11 11 0 0 1-3.096 1.84l-2.484-2.567a2 2 0 0 0-2.875.002l-2.519 2.607a11 11 0 0 1-3.087-1.784l.998-3.483a2 2 0 0 0-1.436-2.49l-3.464-.868a11.1 11.1 0 0 1 .043-3.6l3.26-.749a2 2 0 0 0 1.465-2.537l-.982-3.195a11 11 0 0 1 3.095-1.84l2.484 2.566a2 2 0 0 0 2.876-.002zM24 4c9.389 0 17 7.611 17 17c0 1.316-.152 2.596-.435 3.825a13 13 0 0 0-2.417-.647c.229-1.023.352-2.086.352-3.178c0-8.008-6.492-14.5-14.5-14.5S9.5 12.992 9.5 21c0 3.58 1.294 6.852 3.443 9.382l.308.362l9.657 10.251c.242.257.551.406.873.453c.308.846.701 1.65 1.17 2.404a4 4 0 0 1-3.862-1.143L11 32h.038l-.017-.02l-.021-.025A16.92 16.92 0 0 1 7 21c0-9.389 7.611-17 17-17m12 30a3 3 0 1 0 0 6a3 3 0 0 0 0-6M24 14a7 7 0 1 1 0 14a7 7 0 0 1 0-14m0 2.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 0 0 0-9"/></svg>

React

import type { SVGProps } from "react";

export function FluentLocationSettings48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.886 26.706a11 11 0 0 1 3.086 1.785l-.997 3.482a2 2 0 0 0 1.436 2.49l3.463.868a11.1 11.1 0 0 1-.043 3.602l-3.26.747a2 2 0 0 0-1.465 2.537l.983 3.195a11 11 0 0 1-3.096 1.84l-2.484-2.567a2 2 0 0 0-2.875.002l-2.519 2.607a11 11 0 0 1-3.087-1.784l.998-3.483a2 2 0 0 0-1.436-2.49l-3.464-.868a11.1 11.1 0 0 1 .043-3.6l3.26-.749a2 2 0 0 0 1.465-2.537l-.982-3.195a11 11 0 0 1 3.095-1.84l2.484 2.566a2 2 0 0 0 2.876-.002zM24 4c9.389 0 17 7.611 17 17c0 1.316-.152 2.596-.435 3.825a13 13 0 0 0-2.417-.647c.229-1.023.352-2.086.352-3.178c0-8.008-6.492-14.5-14.5-14.5S9.5 12.992 9.5 21c0 3.58 1.294 6.852 3.443 9.382l.308.362l9.657 10.251c.242.257.551.406.873.453c.308.846.701 1.65 1.17 2.404a4 4 0 0 1-3.862-1.143L11 32h.038l-.017-.02l-.021-.025A16.92 16.92 0 0 1 7 21c0-9.389 7.611-17 17-17m12 30a3 3 0 1 0 0 6a3 3 0 0 0 0-6M24 14a7 7 0 1 1 0 14a7 7 0 0 1 0-14m0 2.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 0 0 0-9"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M39.886 26.706a11 11 0 0 1 3.086 1.785l-.997 3.482a2 2 0 0 0 1.436 2.49l3.463.868a11.1 11.1 0 0 1-.043 3.602l-3.26.747a2 2 0 0 0-1.465 2.537l.983 3.195a11 11 0 0 1-3.096 1.84l-2.484-2.567a2 2 0 0 0-2.875.002l-2.519 2.607a11 11 0 0 1-3.087-1.784l.998-3.483a2 2 0 0 0-1.436-2.49l-3.464-.868a11.1 11.1 0 0 1 .043-3.6l3.26-.749a2 2 0 0 0 1.465-2.537l-.982-3.195a11 11 0 0 1 3.095-1.84l2.484 2.566a2 2 0 0 0 2.876-.002zM24 4c9.389 0 17 7.611 17 17c0 1.316-.152 2.596-.435 3.825a13 13 0 0 0-2.417-.647c.229-1.023.352-2.086.352-3.178c0-8.008-6.492-14.5-14.5-14.5S9.5 12.992 9.5 21c0 3.58 1.294 6.852 3.443 9.382l.308.362l9.657 10.251c.242.257.551.406.873.453c.308.846.701 1.65 1.17 2.404a4 4 0 0 1-3.862-1.143L11 32h.038l-.017-.02l-.021-.025A16.92 16.92 0 0 1 7 21c0-9.389 7.611-17 17-17m12 30a3 3 0 1 0 0 6a3 3 0 0 0 0-6M24 14a7 7 0 1 1 0 14a7 7 0 0 1 0-14m0 2.5a4.5 4.5 0 1 0 0 9a4.5 4.5 0 0 0 0-9"/></svg>
</template>

CSS

.icon-location-settings-48-regular {
  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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M39.886%2026.706a11%2011%200%200%201%203.086%201.785l-.997%203.482a2%202%200%200%200%201.436%202.49l3.463.868a11.1%2011.1%200%200%201-.043%203.602l-3.26.747a2%202%200%200%200-1.465%202.537l.983%203.195a11%2011%200%200%201-3.096%201.84l-2.484-2.567a2%202%200%200%200-2.875.002l-2.519%202.607a11%2011%200%200%201-3.087-1.784l.998-3.483a2%202%200%200%200-1.436-2.49l-3.464-.868a11.1%2011.1%200%200%201%20.043-3.6l3.26-.749a2%202%200%200%200%201.465-2.537l-.982-3.195a11%2011%200%200%201%203.095-1.84l2.484%202.566a2%202%200%200%200%202.876-.002zM24%204c9.389%200%2017%207.611%2017%2017c0%201.316-.152%202.596-.435%203.825a13%2013%200%200%200-2.417-.647c.229-1.023.352-2.086.352-3.178c0-8.008-6.492-14.5-14.5-14.5S9.5%2012.992%209.5%2021c0%203.58%201.294%206.852%203.443%209.382l.308.362l9.657%2010.251c.242.257.551.406.873.453c.308.846.701%201.65%201.17%202.404a4%204%200%200%201-3.862-1.143L11%2032h.038l-.017-.02l-.021-.025A16.92%2016.92%200%200%201%207%2021c0-9.389%207.611-17%2017-17m12%2030a3%203%200%201%200%200%206a3%203%200%200%200%200-6M24%2014a7%207%200%201%201%200%2014a7%207%200%200%201%200-14m0%202.5a4.5%204.5%200%201%200%200%209a4.5%204.5%200%200%200%200-9%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M39.886%2026.706a11%2011%200%200%201%203.086%201.785l-.997%203.482a2%202%200%200%200%201.436%202.49l3.463.868a11.1%2011.1%200%200%201-.043%203.602l-3.26.747a2%202%200%200%200-1.465%202.537l.983%203.195a11%2011%200%200%201-3.096%201.84l-2.484-2.567a2%202%200%200%200-2.875.002l-2.519%202.607a11%2011%200%200%201-3.087-1.784l.998-3.483a2%202%200%200%200-1.436-2.49l-3.464-.868a11.1%2011.1%200%200%201%20.043-3.6l3.26-.749a2%202%200%200%200%201.465-2.537l-.982-3.195a11%2011%200%200%201%203.095-1.84l2.484%202.566a2%202%200%200%200%202.876-.002zM24%204c9.389%200%2017%207.611%2017%2017c0%201.316-.152%202.596-.435%203.825a13%2013%200%200%200-2.417-.647c.229-1.023.352-2.086.352-3.178c0-8.008-6.492-14.5-14.5-14.5S9.5%2012.992%209.5%2021c0%203.58%201.294%206.852%203.443%209.382l.308.362l9.657%2010.251c.242.257.551.406.873.453c.308.846.701%201.65%201.17%202.404a4%204%200%200%201-3.862-1.143L11%2032h.038l-.017-.02l-.021-.025A16.92%2016.92%200%200%201%207%2021c0-9.389%207.611-17%2017-17m12%2030a3%203%200%201%200%200%206a3%203%200%200%200%200-6M24%2014a7%207%200%201%201%200%2014a7%207%200%200%201%200-14m0%202.5a4.5%204.5%200%201%200%200%209a4.5%204.5%200%200%200%200-9%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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