Map 24 Regular

By Microsoft Corporation in Fluent UI System Icons

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <path fill="currentColor" d="m9.203 4l.047-.002l.046.001a.73.73 0 0 1 .068.007l.016.004a.71.71 0 0 1 .25.092l.053.034l5.07 3.565L19.82 4.14a.75.75 0 0 1 1.174.51l.007.104v10.632a.75.75 0 0 1-.238.548l-.08.066l-5.5 3.866a.744.744 0 0 1-.828.023L9.25 16.297l-5.07 3.565a.75.75 0 0 1-1.174-.51l-.007-.104V8.616a.75.75 0 0 1 .238-.548l.08-.066l5.5-3.866a.762.762 0 0 1 .2-.101l.123-.028l.063-.008Zm10.298 2.197l-4 2.812v8.799l4-2.812v-8.8ZM8.5 6.193l-4 2.812v8.8l4-2.813V6.193Zm1.502 0v8.8l4 2.811V9.005l-4-2.812Z"/>
</svg>


Map 24 Regular Icons examples

See what this icon looks like in some mockup designs
Map 24 RegularHome

Related icons in Fluent UI System Icons

copy save
access-time-20-filled
copy save
access-time-20-regular
copy save
access-time-24-filled
copy save
access-time-24-regular
copy save
accessibility-16-filled
copy save
accessibility-16-regular
copy save
accessibility-20-filled
copy save
accessibility-20-regular
copy save
accessibility-24-filled
copy save
accessibility-24-regular
copy save
accessibility-28-filled
copy save
accessibility-28-regular
copy save
accessibility-32-filled
copy save
accessibility-32-regular
copy save
accessibility-48-filled
copy save
accessibility-48-regular
copy save
accessibility-checkmark-20-filled
copy save
accessibility-checkmark-20-regular
copy save
accessibility-checkmark-24-filled
copy save
accessibility-checkmark-24-regular