map arrow left icon
map-arrow-left-bold-duotone from Solar by 480 Design · Bold Duotone · Map · CC-BY-4.0 Attribution required.
- Name
- map-arrow-left-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-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 left icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.85663 15.9621C9.72926 16.2169 9.84009 16.5264 10.1002 16.6424L19.5019 20.835C20.9977 21.5021 22.5493 20.0209 21.8084 18.6331L18.6563 12.7294C18.4112 12.2702 18.4112 11.7298 18.6563 11.2706L21.8084 5.36689C22.5493 3.97914 20.9977 2.49789 19.5019 3.16496L15.9776 4.73662C15.5547 4.9252 15.2104 5.25466 15.0033 5.6688L9.85663 15.9621Z"/><path d="M8.46623 15.3904C8.34658 15.6297 8.05974 15.7324 7.81538 15.6235L2.99281 13.4728C1.66906 12.8825 1.66906 11.1181 2.99281 10.5278L11.8905 6.55983C12.3193 6.36864 12.7513 6.82023 12.5414 7.24008L8.46623 15.3904Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMapArrowLeftBoldDuotone(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="M9.85663 15.9621C9.72926 16.2169 9.84009 16.5264 10.1002 16.6424L19.5019 20.835C20.9977 21.5021 22.5493 20.0209 21.8084 18.6331L18.6563 12.7294C18.4112 12.2702 18.4112 11.7298 18.6563 11.2706L21.8084 5.36689C22.5493 3.97914 20.9977 2.49789 19.5019 3.16496L15.9776 4.73662C15.5547 4.9252 15.2104 5.25466 15.0033 5.6688L9.85663 15.9621Z"/><path d="M8.46623 15.3904C8.34658 15.6297 8.05974 15.7324 7.81538 15.6235L2.99281 13.4728C1.66906 12.8825 1.66906 11.1181 2.99281 10.5278L11.8905 6.55983C12.3193 6.36864 12.7513 6.82023 12.5414 7.24008L8.46623 15.3904Z" 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="M9.85663 15.9621C9.72926 16.2169 9.84009 16.5264 10.1002 16.6424L19.5019 20.835C20.9977 21.5021 22.5493 20.0209 21.8084 18.6331L18.6563 12.7294C18.4112 12.2702 18.4112 11.7298 18.6563 11.2706L21.8084 5.36689C22.5493 3.97914 20.9977 2.49789 19.5019 3.16496L15.9776 4.73662C15.5547 4.9252 15.2104 5.25466 15.0033 5.6688L9.85663 15.9621Z"/><path d="M8.46623 15.3904C8.34658 15.6297 8.05974 15.7324 7.81538 15.6235L2.99281 13.4728C1.66906 12.8825 1.66906 11.1181 2.99281 10.5278L11.8905 6.55983C12.3193 6.36864 12.7513 6.82023 12.5414 7.24008L8.46623 15.3904Z" opacity=".5"/></g></svg> </template>
CSS
.icon-map-arrow-left-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%22M9.85663%2015.9621C9.72926%2016.2169%209.84009%2016.5264%2010.1002%2016.6424L19.5019%2020.835C20.9977%2021.5021%2022.5493%2020.0209%2021.8084%2018.6331L18.6563%2012.7294C18.4112%2012.2702%2018.4112%2011.7298%2018.6563%2011.2706L21.8084%205.36689C22.5493%203.97914%2020.9977%202.49789%2019.5019%203.16496L15.9776%204.73662C15.5547%204.9252%2015.2104%205.25466%2015.0033%205.6688L9.85663%2015.9621Z%22%2F%3E%3Cpath%20d%3D%22M8.46623%2015.3904C8.34658%2015.6297%208.05974%2015.7324%207.81538%2015.6235L2.99281%2013.4728C1.66906%2012.8825%201.66906%2011.1181%202.99281%2010.5278L11.8905%206.55983C12.3193%206.36864%2012.7513%206.82023%2012.5414%207.24008L8.46623%2015.3904Z%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%22M9.85663%2015.9621C9.72926%2016.2169%209.84009%2016.5264%2010.1002%2016.6424L19.5019%2020.835C20.9977%2021.5021%2022.5493%2020.0209%2021.8084%2018.6331L18.6563%2012.7294C18.4112%2012.2702%2018.4112%2011.7298%2018.6563%2011.2706L21.8084%205.36689C22.5493%203.97914%2020.9977%202.49789%2019.5019%203.16496L15.9776%204.73662C15.5547%204.9252%2015.2104%205.25466%2015.0033%205.6688L9.85663%2015.9621Z%22%2F%3E%3Cpath%20d%3D%22M8.46623%2015.3904C8.34658%2015.6297%208.05974%2015.7324%207.81538%2015.6235L2.99281%2013.4728C1.66906%2012.8825%201.66906%2011.1181%202.99281%2010.5278L11.8905%206.55983C12.3193%206.36864%2012.7513%206.82023%2012.5414%207.24008L8.46623%2015.3904Z%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-left-bold-duotone.svg?color=%231a73e8&size=48
