map arrow down icon
map-arrow-down-bold-duotone from Solar by 480 Design · Bold Duotone · Map · CC-BY-4.0 Attribution required.
- Name
- map-arrow-down-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-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"><g fill="currentColor"><path d="M8.0374 14.1437C7.78266 14.2711 7.47314 14.1602 7.35714 13.9001L3.16447 4.49844C2.49741 3.00261 3.97865 1.45104 5.36641 2.19197L11.2701 5.344C11.7293 5.58915 12.2697 5.58915 12.7289 5.344L18.6326 2.19197C20.0204 1.45104 21.5016 3.00261 20.8346 4.49844L19.2629 8.02275C19.0743 8.44563 18.7448 8.78997 18.3307 8.99704L8.0374 14.1437Z"/><path d="M8.6095 15.5342C8.37019 15.6538 8.26749 15.9407 8.37646 16.185L10.5271 21.0076C11.1174 22.3314 12.8818 22.3314 13.4722 21.0076L17.4401 12.1099C17.6313 11.6812 17.1797 11.2491 16.7598 11.459L8.6095 15.5342Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMapArrowDownBoldDuotone(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 14.1437C7.78266 14.2711 7.47314 14.1602 7.35714 13.9001L3.16447 4.49844C2.49741 3.00261 3.97865 1.45104 5.36641 2.19197L11.2701 5.344C11.7293 5.58915 12.2697 5.58915 12.7289 5.344L18.6326 2.19197C20.0204 1.45104 21.5016 3.00261 20.8346 4.49844L19.2629 8.02275C19.0743 8.44563 18.7448 8.78997 18.3307 8.99704L8.0374 14.1437Z"/><path d="M8.6095 15.5342C8.37019 15.6538 8.26749 15.9407 8.37646 16.185L10.5271 21.0076C11.1174 22.3314 12.8818 22.3314 13.4722 21.0076L17.4401 12.1099C17.6313 11.6812 17.1797 11.2491 16.7598 11.459L8.6095 15.5342Z" 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 14.1437C7.78266 14.2711 7.47314 14.1602 7.35714 13.9001L3.16447 4.49844C2.49741 3.00261 3.97865 1.45104 5.36641 2.19197L11.2701 5.344C11.7293 5.58915 12.2697 5.58915 12.7289 5.344L18.6326 2.19197C20.0204 1.45104 21.5016 3.00261 20.8346 4.49844L19.2629 8.02275C19.0743 8.44563 18.7448 8.78997 18.3307 8.99704L8.0374 14.1437Z"/><path d="M8.6095 15.5342C8.37019 15.6538 8.26749 15.9407 8.37646 16.185L10.5271 21.0076C11.1174 22.3314 12.8818 22.3314 13.4722 21.0076L17.4401 12.1099C17.6313 11.6812 17.1797 11.2491 16.7598 11.459L8.6095 15.5342Z" opacity=".5"/></g></svg> </template>
CSS
.icon-map-arrow-down-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%2014.1437C7.78266%2014.2711%207.47314%2014.1602%207.35714%2013.9001L3.16447%204.49844C2.49741%203.00261%203.97865%201.45104%205.36641%202.19197L11.2701%205.344C11.7293%205.58915%2012.2697%205.58915%2012.7289%205.344L18.6326%202.19197C20.0204%201.45104%2021.5016%203.00261%2020.8346%204.49844L19.2629%208.02275C19.0743%208.44563%2018.7448%208.78997%2018.3307%208.99704L8.0374%2014.1437Z%22%2F%3E%3Cpath%20d%3D%22M8.6095%2015.5342C8.37019%2015.6538%208.26749%2015.9407%208.37646%2016.185L10.5271%2021.0076C11.1174%2022.3314%2012.8818%2022.3314%2013.4722%2021.0076L17.4401%2012.1099C17.6313%2011.6812%2017.1797%2011.2491%2016.7598%2011.459L8.6095%2015.5342Z%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%2014.1437C7.78266%2014.2711%207.47314%2014.1602%207.35714%2013.9001L3.16447%204.49844C2.49741%203.00261%203.97865%201.45104%205.36641%202.19197L11.2701%205.344C11.7293%205.58915%2012.2697%205.58915%2012.7289%205.344L18.6326%202.19197C20.0204%201.45104%2021.5016%203.00261%2020.8346%204.49844L19.2629%208.02275C19.0743%208.44563%2018.7448%208.78997%2018.3307%208.99704L8.0374%2014.1437Z%22%2F%3E%3Cpath%20d%3D%22M8.6095%2015.5342C8.37019%2015.6538%208.26749%2015.9407%208.37646%2016.185L10.5271%2021.0076C11.1174%2022.3314%2012.8818%2022.3314%2013.4722%2021.0076L17.4401%2012.1099C17.6313%2011.6812%2017.1797%2011.2491%2016.7598%2011.459L8.6095%2015.5342Z%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-down-bold-duotone.svg?color=%231a73e8&size=48
