Ícone Map Arrow Up Outline

solar:map-arrow-up-outline

O ícone Map Arrow Up Outline (solar:map-arrow-up-outline) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Categoria: Mapa
Tags: maparrow, arrowup, upoutline, maparrowupoutline

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21.047 22.0126C21.7005 21.328 21.9871 20.2449 21.5199 19.1972L14.1574 2.68746C13.3027 0.770992 10.697 0.770992 9.84236 2.68746L2.47986 19.1972C2.01265 20.2449 2.29922 21.328 2.95277 22.0126C3.61181 22.7029 4.68804 23.0217 5.72001 22.4707L5.36677 21.8091L5.72001 22.4707L11.6237 19.3187L11.2705 18.6571L11.6237 19.3187C11.8621 19.1914 12.1376 19.1914 12.376 19.3187L18.2797 22.4707L18.633 21.8091L18.2797 22.4707C19.3117 23.0217 20.3879 22.7029 21.047 22.0126ZM18.9862 21.1475L18.6356 21.8043L18.9862 21.1475L13.0825 17.9955C12.4026 17.6325 11.5972 17.6325 10.9172 17.9955L5.01353 21.1475C4.65774 21.3375 4.29947 21.2509 4.03773 20.9768C3.77047 20.6968 3.64996 20.2563 3.84981 19.8081L11.2123 3.29838C11.5383 2.56735 12.4614 2.56735 12.7874 3.29838L20.1499 19.8081C20.3498 20.2563 20.2293 20.6968 19.962 20.9768C19.7003 21.2509 19.342 21.3375 18.9862 21.1475Z" clip-rule="evenodd"/></svg>

Como usar o ícone Map Arrow Up Outline

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:map-arrow-up-outline"></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-outline"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/map-arrow-up-outline.svg" alt="Ícone Map Arrow Up Outline" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Map Arrow Up Outline

O ícone Map Arrow Up Outline é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Map Arrow Up Outline no React?

Instale @iconify/react e renderize <Icon icon="solar:map-arrow-up-outline" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Map Arrow Up Outline a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/map-arrow-up-outline.svg" alt="Ícone Map Arrow Up Outline">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →