travel explore icon
travel-explore from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.
- Name
- travel-explore
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- travel-explore-outline, travel-explore-outline-sharp, travel-explore-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the travel explore icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3q3.496 0 6.032 2.307t2.903 5.699h-1.012q-.263-2.171-1.568-3.897T15 4.562V5q0 .825-.587 1.413T13 7h-2v2q0 .425-.288.713T10 10H8v2h1.846v3H9l-4.8-4.8q-.075.45-.137.9T4 12q0 3.275 2.3 5.625T12 20zm9.023-.27l-3.45-3.41q-.448.319-.971.5q-.523.18-1.102.18q-1.471 0-2.485-1.014Q12 15.97 12 14.5t1.015-2.485T15.5 11t2.486 1.015T19 14.5q0 .598-.19 1.13q-.19.533-.53.981l3.45 3.412zm-3.748-4.455Q18 15.55 18 14.5t-.725-1.775T15.5 12t-1.775.725T13 14.5t.725 1.775T15.5 17t1.775-.725"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightTravelExplore(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" d="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3q3.496 0 6.032 2.307t2.903 5.699h-1.012q-.263-2.171-1.568-3.897T15 4.562V5q0 .825-.587 1.413T13 7h-2v2q0 .425-.288.713T10 10H8v2h1.846v3H9l-4.8-4.8q-.075.45-.137.9T4 12q0 3.275 2.3 5.625T12 20zm9.023-.27l-3.45-3.41q-.448.319-.971.5q-.523.18-1.102.18q-1.471 0-2.485-1.014Q12 15.97 12 14.5t1.015-2.485T15.5 11t2.486 1.015T19 14.5q0 .598-.19 1.13q-.19.533-.53.981l3.45 3.412zm-3.748-4.455Q18 15.55 18 14.5t-.725-1.775T15.5 12t-1.775.725T13 14.5t.725 1.775T15.5 17t1.775-.725"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3 13.864 3 12t.71-3.506t1.927-2.857T8.494 3.71Q10.137 3 12 3q3.496 0 6.032 2.307t2.903 5.699h-1.012q-.263-2.171-1.568-3.897T15 4.562V5q0 .825-.587 1.413T13 7h-2v2q0 .425-.288.713T10 10H8v2h1.846v3H9l-4.8-4.8q-.075.45-.137.9T4 12q0 3.275 2.3 5.625T12 20zm9.023-.27l-3.45-3.41q-.448.319-.971.5q-.523.18-1.102.18q-1.471 0-2.485-1.014Q12 15.97 12 14.5t1.015-2.485T15.5 11t2.486 1.015T19 14.5q0 .598-.19 1.13q-.19.533-.53.981l3.45 3.412zm-3.748-4.455Q18 15.55 18 14.5t-.725-1.775T15.5 12t-1.775.725T13 14.5t.725 1.775T15.5 17t1.775-.725"/></svg> </template>
CSS
.icon-travel-explore {
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%20d%3D%22M12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012t.71-3.506t1.927-2.857T8.494%203.71Q10.137%203%2012%203q3.496%200%206.032%202.307t2.903%205.699h-1.012q-.263-2.171-1.568-3.897T15%204.562V5q0%20.825-.587%201.413T13%207h-2v2q0%20.425-.288.713T10%2010H8v2h1.846v3H9l-4.8-4.8q-.075.45-.137.9T4%2012q0%203.275%202.3%205.625T12%2020zm9.023-.27l-3.45-3.41q-.448.319-.971.5q-.523.18-1.102.18q-1.471%200-2.485-1.014Q12%2015.97%2012%2014.5t1.015-2.485T15.5%2011t2.486%201.015T19%2014.5q0%20.598-.19%201.13q-.19.533-.53.981l3.45%203.412zm-3.748-4.455Q18%2015.55%2018%2014.5t-.725-1.775T15.5%2012t-1.775.725T13%2014.5t.725%201.775T15.5%2017t1.775-.725%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%20d%3D%22M12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.926q-1.216-1.216-1.926-2.858Q3%2013.864%203%2012t.71-3.506t1.927-2.857T8.494%203.71Q10.137%203%2012%203q3.496%200%206.032%202.307t2.903%205.699h-1.012q-.263-2.171-1.568-3.897T15%204.562V5q0%20.825-.587%201.413T13%207h-2v2q0%20.425-.288.713T10%2010H8v2h1.846v3H9l-4.8-4.8q-.075.45-.137.9T4%2012q0%203.275%202.3%205.625T12%2020zm9.023-.27l-3.45-3.41q-.448.319-.971.5q-.523.18-1.102.18q-1.471%200-2.485-1.014Q12%2015.97%2012%2014.5t1.015-2.485T15.5%2011t2.486%201.015T19%2014.5q0%20.598-.19%201.13q-.19.533-.53.981l3.45%203.412zm-3.748-4.455Q18%2015.55%2018%2014.5t-.725-1.775T15.5%2012t-1.775.725T13%2014.5t.725%201.775T15.5%2017t1.775-.725%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/travel-explore.svg?color=%231a73e8&size=48
