map arrow right icon
map-arrow-right-bold-duotone from Solar by 480 Design · Bold Duotone · Map · CC-BY-4.0 Attribution required.
- Name
- map-arrow-right-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-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 right icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M14.1427 15.9621C14.2701 16.2169 14.1593 16.5264 13.8991 16.6424L4.49746 20.835C3.00163 21.5021 1.45007 20.0209 2.19099 18.6331L5.34302 12.7294C5.58818 12.2702 5.58818 11.7298 5.34302 11.2706L2.19099 5.36689C1.45006 3.97914 3.00163 2.49789 4.49746 3.16496L8.02178 4.73662C8.44465 4.9252 8.78899 5.25466 8.99606 5.6688L14.1427 15.9621Z"/><path d="M15.5332 15.3904C15.6529 15.6297 15.9397 15.7324 16.1841 15.6235L21.0066 13.4728C22.3304 12.8825 22.3304 11.1181 21.0066 10.5278L12.1089 6.55983C11.6802 6.36864 11.2481 6.82023 11.458 7.24008L15.5332 15.3904Z" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarMapArrowRightBoldDuotone(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="M14.1427 15.9621C14.2701 16.2169 14.1593 16.5264 13.8991 16.6424L4.49746 20.835C3.00163 21.5021 1.45007 20.0209 2.19099 18.6331L5.34302 12.7294C5.58818 12.2702 5.58818 11.7298 5.34302 11.2706L2.19099 5.36689C1.45006 3.97914 3.00163 2.49789 4.49746 3.16496L8.02178 4.73662C8.44465 4.9252 8.78899 5.25466 8.99606 5.6688L14.1427 15.9621Z"/><path d="M15.5332 15.3904C15.6529 15.6297 15.9397 15.7324 16.1841 15.6235L21.0066 13.4728C22.3304 12.8825 22.3304 11.1181 21.0066 10.5278L12.1089 6.55983C11.6802 6.36864 11.2481 6.82023 11.458 7.24008L15.5332 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="M14.1427 15.9621C14.2701 16.2169 14.1593 16.5264 13.8991 16.6424L4.49746 20.835C3.00163 21.5021 1.45007 20.0209 2.19099 18.6331L5.34302 12.7294C5.58818 12.2702 5.58818 11.7298 5.34302 11.2706L2.19099 5.36689C1.45006 3.97914 3.00163 2.49789 4.49746 3.16496L8.02178 4.73662C8.44465 4.9252 8.78899 5.25466 8.99606 5.6688L14.1427 15.9621Z"/><path d="M15.5332 15.3904C15.6529 15.6297 15.9397 15.7324 16.1841 15.6235L21.0066 13.4728C22.3304 12.8825 22.3304 11.1181 21.0066 10.5278L12.1089 6.55983C11.6802 6.36864 11.2481 6.82023 11.458 7.24008L15.5332 15.3904Z" opacity=".5"/></g></svg> </template>
CSS
.icon-map-arrow-right-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%22M14.1427%2015.9621C14.2701%2016.2169%2014.1593%2016.5264%2013.8991%2016.6424L4.49746%2020.835C3.00163%2021.5021%201.45007%2020.0209%202.19099%2018.6331L5.34302%2012.7294C5.58818%2012.2702%205.58818%2011.7298%205.34302%2011.2706L2.19099%205.36689C1.45006%203.97914%203.00163%202.49789%204.49746%203.16496L8.02178%204.73662C8.44465%204.9252%208.78899%205.25466%208.99606%205.6688L14.1427%2015.9621Z%22%2F%3E%3Cpath%20d%3D%22M15.5332%2015.3904C15.6529%2015.6297%2015.9397%2015.7324%2016.1841%2015.6235L21.0066%2013.4728C22.3304%2012.8825%2022.3304%2011.1181%2021.0066%2010.5278L12.1089%206.55983C11.6802%206.36864%2011.2481%206.82023%2011.458%207.24008L15.5332%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%22M14.1427%2015.9621C14.2701%2016.2169%2014.1593%2016.5264%2013.8991%2016.6424L4.49746%2020.835C3.00163%2021.5021%201.45007%2020.0209%202.19099%2018.6331L5.34302%2012.7294C5.58818%2012.2702%205.58818%2011.7298%205.34302%2011.2706L2.19099%205.36689C1.45006%203.97914%203.00163%202.49789%204.49746%203.16496L8.02178%204.73662C8.44465%204.9252%208.78899%205.25466%208.99606%205.6688L14.1427%2015.9621Z%22%2F%3E%3Cpath%20d%3D%22M15.5332%2015.3904C15.6529%2015.6297%2015.9397%2015.7324%2016.1841%2015.6235L21.0066%2013.4728C22.3304%2012.8825%2022.3304%2011.1181%2021.0066%2010.5278L12.1089%206.55983C11.6802%206.36864%2011.2481%206.82023%2011.458%207.24008L15.5332%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-right-bold-duotone.svg?color=%231a73e8&size=48
