Map Arrow Up Bold Duotone icon

solar:map-arrow-up-bold-duotone

The Map Arrow Up Bold Duotone icon (solar:map-arrow-up-bold-duotone) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Solar
Author: 480 Design
License: CC-BY-4.0
Size: 24 × 24
Category: Map
Tags: maparrow, arrowup, upbold, boldduotone, maparrowupboldduotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M8.0374 9.85761C7.78266 9.73024 7.47314 9.84107 7.35714 10.1012L3.16447 19.5029C2.49741 20.9987 3.97865 22.5503 5.36641 21.8093L11.2701 18.6573C11.7293 18.4121 12.2697 18.4122 12.7289 18.6573L18.6326 21.8093C20.0204 22.5503 21.5016 20.9987 20.8346 19.5029L19.2629 15.9785C19.0743 15.5557 18.7448 15.2113 18.3307 15.0043L8.0374 9.85761Z"/><path d="M8.6095 8.46721C8.37019 8.34755 8.26749 8.06071 8.37646 7.81635L10.5271 2.99379C11.1174 1.67004 12.8818 1.67004 13.4722 2.99379L17.4401 11.8915C17.6313 12.3202 17.1797 12.7523 16.7598 12.5424L8.6095 8.46721Z" opacity=".5"/></g></svg>

How to use the Map Arrow Up Bold Duotone icon

React

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

<Icon icon="solar:map-arrow-up-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:map-arrow-up-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:map-arrow-up-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--map-arrow-up-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:map-arrow-up-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:map-arrow-up-bold-duotone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/solar/map-arrow-up-bold-duotone.svg" alt="Map Arrow Up Bold Duotone icon" width="24" height="24">

Related icons in Solar

Map Arrow Up Bold Duotone icon FAQ

Is the Map Arrow Up Bold Duotone icon free for commercial use?

Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Map Arrow Up Bold Duotone icon in React?

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

How do I add the Map Arrow Up Bold Duotone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/map-arrow-up-bold-duotone.svg" alt="Map Arrow Up Bold Duotone icon">, or paste the SVG code inline to style it with CSS.

Browse all Solar icons →