map arrow down icon
map-arrow-down-outline from Solar by 480 Design · Outline · Map · CC-BY-4.0 Attribution required.
- Name
- map-arrow-down-outline
- Set
- Solar
- Style
- Outline
- Category
- Map
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
More map icons from Solar
branching-paths-down-boldbranching-paths-up-boldcompass-big-boldcompass-boldcompass-square-boldglobal-boldglobe-boldgps-boldmap-arrow-left-boldmap-arrow-right-boldmap-arrow-square-boldmap-arrow-up-boldmap-boldmap-point-add-boldmap-point-boldmap-point-favorite-boldmap-point-hospital-boldmap-point-remove-boldmap-point-rotate-boldmap-point-school-boldmap-point-search-boldmap-point-wave-boldpeople-nearby-boldpoint-on-map-bold
Use the map arrow down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21.047 1.98744C21.7005 2.67201 21.9871 3.75513 21.5199 4.80282L14.1574 21.3125C13.3027 23.229 10.697 23.229 9.84236 21.3125L2.47986 4.80282C2.01265 3.75513 2.29922 2.67201 2.95277 1.98744C3.61181 1.2971 4.68804 0.978305 5.72001 1.52928L5.36677 2.19088L5.72001 1.52928L11.6237 4.68131L11.2705 5.34291L11.6237 4.68131C11.8621 4.8086 12.1376 4.8086 12.376 4.68131L18.2797 1.52928L18.633 2.19088L18.2797 1.52928C19.3117 0.978304 20.3879 1.2971 21.047 1.98744ZM18.9862 2.85249L18.6356 2.19572L18.9862 2.85249L13.0825 6.00452C12.4026 6.36753 11.5972 6.36753 10.9172 6.00452L5.01353 2.85249C4.65774 2.66253 4.29947 2.74905 4.03773 3.02323C3.77047 3.30317 3.64996 3.74374 3.84981 4.19189L11.2123 20.7016C11.5383 21.4327 12.4614 21.4327 12.7874 20.7016L20.1499 4.19189C20.3498 3.74374 20.2293 3.30317 19.962 3.02323C19.7003 2.74905 19.342 2.66253 18.9862 2.85249Z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function SolarMapArrowDownOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M21.047 1.98744C21.7005 2.67201 21.9871 3.75513 21.5199 4.80282L14.1574 21.3125C13.3027 23.229 10.697 23.229 9.84236 21.3125L2.47986 4.80282C2.01265 3.75513 2.29922 2.67201 2.95277 1.98744C3.61181 1.2971 4.68804 0.978305 5.72001 1.52928L5.36677 2.19088L5.72001 1.52928L11.6237 4.68131L11.2705 5.34291L11.6237 4.68131C11.8621 4.8086 12.1376 4.8086 12.376 4.68131L18.2797 1.52928L18.633 2.19088L18.2797 1.52928C19.3117 0.978304 20.3879 1.2971 21.047 1.98744ZM18.9862 2.85249L18.6356 2.19572L18.9862 2.85249L13.0825 6.00452C12.4026 6.36753 11.5972 6.36753 10.9172 6.00452L5.01353 2.85249C4.65774 2.66253 4.29947 2.74905 4.03773 3.02323C3.77047 3.30317 3.64996 3.74374 3.84981 4.19189L11.2123 20.7016C11.5383 21.4327 12.4614 21.4327 12.7874 20.7016L20.1499 4.19189C20.3498 3.74374 20.2293 3.30317 19.962 3.02323C19.7003 2.74905 19.342 2.66253 18.9862 2.85249Z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M21.047 1.98744C21.7005 2.67201 21.9871 3.75513 21.5199 4.80282L14.1574 21.3125C13.3027 23.229 10.697 23.229 9.84236 21.3125L2.47986 4.80282C2.01265 3.75513 2.29922 2.67201 2.95277 1.98744C3.61181 1.2971 4.68804 0.978305 5.72001 1.52928L5.36677 2.19088L5.72001 1.52928L11.6237 4.68131L11.2705 5.34291L11.6237 4.68131C11.8621 4.8086 12.1376 4.8086 12.376 4.68131L18.2797 1.52928L18.633 2.19088L18.2797 1.52928C19.3117 0.978304 20.3879 1.2971 21.047 1.98744ZM18.9862 2.85249L18.6356 2.19572L18.9862 2.85249L13.0825 6.00452C12.4026 6.36753 11.5972 6.36753 10.9172 6.00452L5.01353 2.85249C4.65774 2.66253 4.29947 2.74905 4.03773 3.02323C3.77047 3.30317 3.64996 3.74374 3.84981 4.19189L11.2123 20.7016C11.5383 21.4327 12.4614 21.4327 12.7874 20.7016L20.1499 4.19189C20.3498 3.74374 20.2293 3.30317 19.962 3.02323C19.7003 2.74905 19.342 2.66253 18.9862 2.85249Z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-map-arrow-down-outline {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.047%201.98744C21.7005%202.67201%2021.9871%203.75513%2021.5199%204.80282L14.1574%2021.3125C13.3027%2023.229%2010.697%2023.229%209.84236%2021.3125L2.47986%204.80282C2.01265%203.75513%202.29922%202.67201%202.95277%201.98744C3.61181%201.2971%204.68804%200.978305%205.72001%201.52928L5.36677%202.19088L5.72001%201.52928L11.6237%204.68131L11.2705%205.34291L11.6237%204.68131C11.8621%204.8086%2012.1376%204.8086%2012.376%204.68131L18.2797%201.52928L18.633%202.19088L18.2797%201.52928C19.3117%200.978304%2020.3879%201.2971%2021.047%201.98744ZM18.9862%202.85249L18.6356%202.19572L18.9862%202.85249L13.0825%206.00452C12.4026%206.36753%2011.5972%206.36753%2010.9172%206.00452L5.01353%202.85249C4.65774%202.66253%204.29947%202.74905%204.03773%203.02323C3.77047%203.30317%203.64996%203.74374%203.84981%204.19189L11.2123%2020.7016C11.5383%2021.4327%2012.4614%2021.4327%2012.7874%2020.7016L20.1499%204.19189C20.3498%203.74374%2020.2293%203.30317%2019.962%203.02323C19.7003%202.74905%2019.342%202.66253%2018.9862%202.85249Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.047%201.98744C21.7005%202.67201%2021.9871%203.75513%2021.5199%204.80282L14.1574%2021.3125C13.3027%2023.229%2010.697%2023.229%209.84236%2021.3125L2.47986%204.80282C2.01265%203.75513%202.29922%202.67201%202.95277%201.98744C3.61181%201.2971%204.68804%200.978305%205.72001%201.52928L5.36677%202.19088L5.72001%201.52928L11.6237%204.68131L11.2705%205.34291L11.6237%204.68131C11.8621%204.8086%2012.1376%204.8086%2012.376%204.68131L18.2797%201.52928L18.633%202.19088L18.2797%201.52928C19.3117%200.978304%2020.3879%201.2971%2021.047%201.98744ZM18.9862%202.85249L18.6356%202.19572L18.9862%202.85249L13.0825%206.00452C12.4026%206.36753%2011.5972%206.36753%2010.9172%206.00452L5.01353%202.85249C4.65774%202.66253%204.29947%202.74905%204.03773%203.02323C3.77047%203.30317%203.64996%203.74374%203.84981%204.19189L11.2123%2020.7016C11.5383%2021.4327%2012.4614%2021.4327%2012.7874%2020.7016L20.1499%204.19189C20.3498%203.74374%2020.2293%203.30317%2019.962%203.02323C19.7003%202.74905%2019.342%202.66253%2018.9862%202.85249Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/map-arrow-down-outline.svg?color=%231a73e8&size=48
