ICONYZ
English
Map O icon from Font Awesome 4

Map O icon

fa:map-o

The Map O icon (fa:map-o) is a free SVG icon from the Font Awesome 4 set by Dave Gandy. It is drawn on a 2048 × 1792 grid. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Font Awesome 4
Author
Dave Gandy
License
OFL-1.1
Size
2048 × 1792
Tags
mapo
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="1792" viewBox="0 0 2048 1792"><path fill="currentColor" d="M2020 11q28 20 28 53v1408q0 20-11 36t-29 23l-640 256q-24 11-48 0l-616-246l-616 246q-10 5-24 5q-19 0-36-11q-28-20-28-53V320q0-20 11-36t29-23L680 5q24-11 48 0l616 246L1960 5q32-13 60 6M736 146v1270l576 230V376zM128 363v1270l544-217V146zm1792 1066V159l-544 217v1270z"/></svg>

How to use the Map O icon

React

import { Icon } from "@iconify/react";

<Icon icon="fa:map-o" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fa:map-o" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fa:map-o" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fa--map-o]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fa -->
<div class="i-fa:map-o"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fa:map-o"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fa/map-o.svg" alt="Map O icon" width="24" height="24">

Related icons in Font Awesome 4

Map O icon in other icon sets

Map O icon FAQ

Is the Map O icon free for commercial use?

Yes. Font Awesome 4 icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Map O icon in React?

Install @iconify/react and render <Icon icon="fa:map-o" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Map O icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fa/map-o.svg" alt="Map O icon">, or paste the SVG code inline to style it with CSS.

Browse all Font Awesome 4 icons →