globe arrow forward icon
globe-arrow-forward-32-filled from Fluent UI System Icons by Microsoft Corporation · 32 Filled · MIT Free for personal and commercial use.
- Name
- globe-arrow-forward-32-filled
- Set
- Fluent UI System Icons
- Style
- 32 Filled
- Viewbox
- 32×32
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
globe-add-20-filledglobe-arrow-up-16-filledglobe-clock-16-filledglobe-desktop-20-filledglobe-error-16-filledglobe-location-20-filledglobe-off-12-filledglobe-person-20-filledglobe-prohibited-16-filledglobe-search-20-filledglobe-shield-20-filledglobe-stand-20-filledglobe-star-16-filledglobe-surface-20-filledglobe-sync-16-filledglobe-video-20-filledglobe-warning-16-filled
Use the globe arrow forward icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.314 5.765c.481 1.203.881 2.636 1.171 4.235h-8.97c.29-1.6.69-3.032 1.17-4.235c.516-1.288 1.104-2.263 1.706-2.9c.598-.631 1.14-.863 1.604-.865h.008c.464 0 1.007.233 1.606.866c.602.636 1.19 1.611 1.705 2.899M9.21 20A38 38 0 0 1 9 16c0-1.379.073-2.72.21-4H2.58A14 14 0 0 0 2 16c0 1.39.203 2.733.58 4zM11 16c0-1.393.078-2.734.222-4h9.556q.124 1.083.18 2.233A9.02 9.02 0 0 0 14.512 20h-3.29A36 36 0 0 1 11 16m12-2a8.98 8.98 0 0 1 6.943 3.273Q30 16.643 30 16c0-1.39-.203-2.733-.58-4h-6.63q.105.979.159 2zm-8.945 8a8.98 8.98 0 0 0 2.914 7.68c-.35.228-.676.32-.969.32c-.465 0-1.009-.231-1.609-.866c-.602-.637-1.19-1.611-1.705-2.899c-.481-1.203-.881-2.636-1.171-4.235zm-4.57 0H3.347a14.04 14.04 0 0 0 8.754 7.45c-.479-.714-.903-1.55-1.272-2.472c-.573-1.431-1.03-3.118-1.344-4.978m19.168-12h-6.138c-.314-1.86-.771-3.547-1.344-4.978c-.369-.922-.793-1.758-1.272-2.472A14.04 14.04 0 0 1 28.653 10M3.347 10h6.138c.314-1.86.771-3.547 1.344-4.978c.369-.922.793-1.758 1.272-2.472A14.04 14.04 0 0 0 3.347 10M23 30.5a7.5 7.5 0 1 1 0-15a7.5 7.5 0 0 1 0 15m1.22-10.22l1.22 1.22h-2.69a4.25 4.25 0 0 0-4.25 4.25v.5a.75.75 0 0 0 1.5 0v-.5A2.75 2.75 0 0 1 22.75 23h2.69l-1.22 1.22a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06"/></svg>
React
import type { SVGProps } from "react";
export function FluentGlobeArrowForward32Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.314 5.765c.481 1.203.881 2.636 1.171 4.235h-8.97c.29-1.6.69-3.032 1.17-4.235c.516-1.288 1.104-2.263 1.706-2.9c.598-.631 1.14-.863 1.604-.865h.008c.464 0 1.007.233 1.606.866c.602.636 1.19 1.611 1.705 2.899M9.21 20A38 38 0 0 1 9 16c0-1.379.073-2.72.21-4H2.58A14 14 0 0 0 2 16c0 1.39.203 2.733.58 4zM11 16c0-1.393.078-2.734.222-4h9.556q.124 1.083.18 2.233A9.02 9.02 0 0 0 14.512 20h-3.29A36 36 0 0 1 11 16m12-2a8.98 8.98 0 0 1 6.943 3.273Q30 16.643 30 16c0-1.39-.203-2.733-.58-4h-6.63q.105.979.159 2zm-8.945 8a8.98 8.98 0 0 0 2.914 7.68c-.35.228-.676.32-.969.32c-.465 0-1.009-.231-1.609-.866c-.602-.637-1.19-1.611-1.705-2.899c-.481-1.203-.881-2.636-1.171-4.235zm-4.57 0H3.347a14.04 14.04 0 0 0 8.754 7.45c-.479-.714-.903-1.55-1.272-2.472c-.573-1.431-1.03-3.118-1.344-4.978m19.168-12h-6.138c-.314-1.86-.771-3.547-1.344-4.978c-.369-.922-.793-1.758-1.272-2.472A14.04 14.04 0 0 1 28.653 10M3.347 10h6.138c.314-1.86.771-3.547 1.344-4.978c.369-.922.793-1.758 1.272-2.472A14.04 14.04 0 0 0 3.347 10M23 30.5a7.5 7.5 0 1 1 0-15a7.5 7.5 0 0 1 0 15m1.22-10.22l1.22 1.22h-2.69a4.25 4.25 0 0 0-4.25 4.25v.5a.75.75 0 0 0 1.5 0v-.5A2.75 2.75 0 0 1 22.75 23h2.69l-1.22 1.22a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M19.314 5.765c.481 1.203.881 2.636 1.171 4.235h-8.97c.29-1.6.69-3.032 1.17-4.235c.516-1.288 1.104-2.263 1.706-2.9c.598-.631 1.14-.863 1.604-.865h.008c.464 0 1.007.233 1.606.866c.602.636 1.19 1.611 1.705 2.899M9.21 20A38 38 0 0 1 9 16c0-1.379.073-2.72.21-4H2.58A14 14 0 0 0 2 16c0 1.39.203 2.733.58 4zM11 16c0-1.393.078-2.734.222-4h9.556q.124 1.083.18 2.233A9.02 9.02 0 0 0 14.512 20h-3.29A36 36 0 0 1 11 16m12-2a8.98 8.98 0 0 1 6.943 3.273Q30 16.643 30 16c0-1.39-.203-2.733-.58-4h-6.63q.105.979.159 2zm-8.945 8a8.98 8.98 0 0 0 2.914 7.68c-.35.228-.676.32-.969.32c-.465 0-1.009-.231-1.609-.866c-.602-.637-1.19-1.611-1.705-2.899c-.481-1.203-.881-2.636-1.171-4.235zm-4.57 0H3.347a14.04 14.04 0 0 0 8.754 7.45c-.479-.714-.903-1.55-1.272-2.472c-.573-1.431-1.03-3.118-1.344-4.978m19.168-12h-6.138c-.314-1.86-.771-3.547-1.344-4.978c-.369-.922-.793-1.758-1.272-2.472A14.04 14.04 0 0 1 28.653 10M3.347 10h6.138c.314-1.86.771-3.547 1.344-4.978c.369-.922.793-1.758 1.272-2.472A14.04 14.04 0 0 0 3.347 10M23 30.5a7.5 7.5 0 1 1 0-15a7.5 7.5 0 0 1 0 15m1.22-10.22l1.22 1.22h-2.69a4.25 4.25 0 0 0-4.25 4.25v.5a.75.75 0 0 0 1.5 0v-.5A2.75 2.75 0 0 1 22.75 23h2.69l-1.22 1.22a.75.75 0 1 0 1.06 1.06l2.5-2.5a.75.75 0 0 0 0-1.06l-2.5-2.5a.75.75 0 1 0-1.06 1.06"/></svg> </template>
CSS
.icon-globe-arrow-forward-32-filled {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.314%205.765c.481%201.203.881%202.636%201.171%204.235h-8.97c.29-1.6.69-3.032%201.17-4.235c.516-1.288%201.104-2.263%201.706-2.9c.598-.631%201.14-.863%201.604-.865h.008c.464%200%201.007.233%201.606.866c.602.636%201.19%201.611%201.705%202.899M9.21%2020A38%2038%200%200%201%209%2016c0-1.379.073-2.72.21-4H2.58A14%2014%200%200%200%202%2016c0%201.39.203%202.733.58%204zM11%2016c0-1.393.078-2.734.222-4h9.556q.124%201.083.18%202.233A9.02%209.02%200%200%200%2014.512%2020h-3.29A36%2036%200%200%201%2011%2016m12-2a8.98%208.98%200%200%201%206.943%203.273Q30%2016.643%2030%2016c0-1.39-.203-2.733-.58-4h-6.63q.105.979.159%202zm-8.945%208a8.98%208.98%200%200%200%202.914%207.68c-.35.228-.676.32-.969.32c-.465%200-1.009-.231-1.609-.866c-.602-.637-1.19-1.611-1.705-2.899c-.481-1.203-.881-2.636-1.171-4.235zm-4.57%200H3.347a14.04%2014.04%200%200%200%208.754%207.45c-.479-.714-.903-1.55-1.272-2.472c-.573-1.431-1.03-3.118-1.344-4.978m19.168-12h-6.138c-.314-1.86-.771-3.547-1.344-4.978c-.369-.922-.793-1.758-1.272-2.472A14.04%2014.04%200%200%201%2028.653%2010M3.347%2010h6.138c.314-1.86.771-3.547%201.344-4.978c.369-.922.793-1.758%201.272-2.472A14.04%2014.04%200%200%200%203.347%2010M23%2030.5a7.5%207.5%200%201%201%200-15a7.5%207.5%200%200%201%200%2015m1.22-10.22l1.22%201.22h-2.69a4.25%204.25%200%200%200-4.25%204.25v.5a.75.75%200%200%200%201.5%200v-.5A2.75%202.75%200%200%201%2022.75%2023h2.69l-1.22%201.22a.75.75%200%201%200%201.06%201.06l2.5-2.5a.75.75%200%200%200%200-1.06l-2.5-2.5a.75.75%200%201%200-1.06%201.06%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.314%205.765c.481%201.203.881%202.636%201.171%204.235h-8.97c.29-1.6.69-3.032%201.17-4.235c.516-1.288%201.104-2.263%201.706-2.9c.598-.631%201.14-.863%201.604-.865h.008c.464%200%201.007.233%201.606.866c.602.636%201.19%201.611%201.705%202.899M9.21%2020A38%2038%200%200%201%209%2016c0-1.379.073-2.72.21-4H2.58A14%2014%200%200%200%202%2016c0%201.39.203%202.733.58%204zM11%2016c0-1.393.078-2.734.222-4h9.556q.124%201.083.18%202.233A9.02%209.02%200%200%200%2014.512%2020h-3.29A36%2036%200%200%201%2011%2016m12-2a8.98%208.98%200%200%201%206.943%203.273Q30%2016.643%2030%2016c0-1.39-.203-2.733-.58-4h-6.63q.105.979.159%202zm-8.945%208a8.98%208.98%200%200%200%202.914%207.68c-.35.228-.676.32-.969.32c-.465%200-1.009-.231-1.609-.866c-.602-.637-1.19-1.611-1.705-2.899c-.481-1.203-.881-2.636-1.171-4.235zm-4.57%200H3.347a14.04%2014.04%200%200%200%208.754%207.45c-.479-.714-.903-1.55-1.272-2.472c-.573-1.431-1.03-3.118-1.344-4.978m19.168-12h-6.138c-.314-1.86-.771-3.547-1.344-4.978c-.369-.922-.793-1.758-1.272-2.472A14.04%2014.04%200%200%201%2028.653%2010M3.347%2010h6.138c.314-1.86.771-3.547%201.344-4.978c.369-.922.793-1.758%201.272-2.472A14.04%2014.04%200%200%200%203.347%2010M23%2030.5a7.5%207.5%200%201%201%200-15a7.5%207.5%200%200%201%200%2015m1.22-10.22l1.22%201.22h-2.69a4.25%204.25%200%200%200-4.25%204.25v.5a.75.75%200%200%200%201.5%200v-.5A2.75%202.75%200%200%201%2022.75%2023h2.69l-1.22%201.22a.75.75%200%201%200%201.06%201.06l2.5-2.5a.75.75%200%200%200%200-1.06l-2.5-2.5a.75.75%200%201%200-1.06%201.06%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-arrow-forward-32-filled.svg?color=%231a73e8&size=48
