Skip to main content

Location Arrow


Examples

Heading
Smaller heading

Inline text 

Example link text 

Icon font

Use in web applications, on buttons, and anywhere you need more than a few icons.

<i class="modus-icons" aria-hidden="true">location_arrow</i>

SVG sprite

Use for static sites when you only need a few icons.

<svg class="mi" width="1em" height="1em" fill="currentColor">
  <use xlink:href="/modus-outlined-icons.svg#location-arrow" />
</svg>

SVG code

Use when you don't want any dependency.

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="mi-outline mi-location-arrow" viewBox="0 0 24 24">
  <path d="M18.184 6.306 6.17 11.458l4.476 1.84a1 1 0 0 1 .545.546l1.84 4.476zM3.19 10.56 19.7 3.48c.83-.36 1.67.48 1.31 1.31L13.93 21.3c-.35.82-1.5.81-1.84-.01l-2.59-6.3-6.3-2.59c-.82-.33-.82-1.49-.01-1.84"/>
</svg>

SVG CSS code

Use for embedding your icons in CSS with no dependency.