map arrow up icon
map-arrow-up-bold-duotone from Solar by 480 Design · Bold Duotone · Map · CC-BY-4.0 Attribution required.
- Name
- map-arrow-up-bold-duotone
- Set
- Solar
- Style
- Bold Duotone
- 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-down-boldmap-arrow-left-boldmap-arrow-right-boldmap-arrow-square-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 up icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function SolarMapArrowUpBoldDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-map-arrow-up-bold-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.0374%209.85761C7.78266%209.73024%207.47314%209.84107%207.35714%2010.1012L3.16447%2019.5029C2.49741%2020.9987%203.97865%2022.5503%205.36641%2021.8093L11.2701%2018.6573C11.7293%2018.4121%2012.2697%2018.4122%2012.7289%2018.6573L18.6326%2021.8093C20.0204%2022.5503%2021.5016%2020.9987%2020.8346%2019.5029L19.2629%2015.9785C19.0743%2015.5557%2018.7448%2015.2113%2018.3307%2015.0043L8.0374%209.85761Z%22%2F%3E%3Cpath%20d%3D%22M8.6095%208.46721C8.37019%208.34755%208.26749%208.06071%208.37646%207.81635L10.5271%202.99379C11.1174%201.67004%2012.8818%201.67004%2013.4722%202.99379L17.4401%2011.8915C17.6313%2012.3202%2017.1797%2012.7523%2016.7598%2012.5424L8.6095%208.46721Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M8.0374%209.85761C7.78266%209.73024%207.47314%209.84107%207.35714%2010.1012L3.16447%2019.5029C2.49741%2020.9987%203.97865%2022.5503%205.36641%2021.8093L11.2701%2018.6573C11.7293%2018.4121%2012.2697%2018.4122%2012.7289%2018.6573L18.6326%2021.8093C20.0204%2022.5503%2021.5016%2020.9987%2020.8346%2019.5029L19.2629%2015.9785C19.0743%2015.5557%2018.7448%2015.2113%2018.3307%2015.0043L8.0374%209.85761Z%22%2F%3E%3Cpath%20d%3D%22M8.6095%208.46721C8.37019%208.34755%208.26749%208.06071%208.37646%207.81635L10.5271%202.99379C11.1174%201.67004%2012.8818%201.67004%2013.4722%202.99379L17.4401%2011.8915C17.6313%2012.3202%2017.1797%2012.7523%2016.7598%2012.5424L8.6095%208.46721Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/map-arrow-up-bold-duotone.svg?color=%231a73e8&size=48
