globe arrow up icon

globe-arrow-up-24-filled from Fluent UI System Icons by Microsoft Corporation · 24 Filled · MIT Free for personal and commercial use.

Name
globe-arrow-up-24-filled
Set
Fluent UI System Icons
Style
24 Filled
Viewbox
24×24
License
MIT

5 other variants in Fluent UI System Icons

globe-arrow-up-16-filledglobe-arrow-up-16-regularglobe-arrow-up-20-filledglobe-arrow-up-20-regularglobe-arrow-up-24-regular

Related icons in Fluent UI System Icons

globe-add-20-filledglobe-arrow-forward-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 up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.906 16.5h2.17q-.075.49-.076 1c0 1.653.617 3.162 1.633 4.309q-.313.189-.631.19c-1.197 0-2.401-2.094-3.038-5.204zm-.23-1.5h2.822a6.52 6.52 0 0 1 3.996-3.685A26 26 0 0 0 15.426 10H8.577l-.033.489A26 26 0 0 0 8.676 15m8.824-4c1.733 0 3.308.678 4.473 1.784a10.2 10.2 0 0 0-.17-2.784h-4.87l.039.657l.014.363q.255-.02.514-.02M3.067 16.501h4.306c.365 2.082.983 3.854 1.792 5.093a10.03 10.03 0 0 1-5.951-4.814zm-.867-6.5h4.87a28 28 0 0 0 .033 4.42l.057.58H2.458a10.05 10.05 0 0 1-.258-5m12.746-7.424l-.108-.17A10.03 10.03 0 0 1 21.374 8.5h-4.591c-.316-2.416-.957-4.492-1.837-5.923m-5.903-.133l.122-.037c-.88 1.35-1.535 3.329-1.883 5.654l-.061.44H2.63a10.03 10.03 0 0 1 6.413-6.057m2.959-.442c1.318 0 2.645 2.542 3.214 6.183l.046.315H8.741c.54-3.809 1.904-6.498 3.26-6.498M23 17.5a5.5 5.5 0 1 1-11 0a5.5 5.5 0 0 1 11 0m-6 3a.5.5 0 0 0 1 0v-4.793l1.646 1.647a.5.5 0 0 0 .708-.708l-2.5-2.5a.5.5 0 0 0-.708 0l-2.5 2.5a.5.5 0 0 0 .708.708L17 15.707z"/></svg>

React

import type { SVGProps } from "react";

export function FluentGlobeArrowUp24Filled(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="M8.906 16.5h2.17q-.075.49-.076 1c0 1.653.617 3.162 1.633 4.309q-.313.189-.631.19c-1.197 0-2.401-2.094-3.038-5.204zm-.23-1.5h2.822a6.52 6.52 0 0 1 3.996-3.685A26 26 0 0 0 15.426 10H8.577l-.033.489A26 26 0 0 0 8.676 15m8.824-4c1.733 0 3.308.678 4.473 1.784a10.2 10.2 0 0 0-.17-2.784h-4.87l.039.657l.014.363q.255-.02.514-.02M3.067 16.501h4.306c.365 2.082.983 3.854 1.792 5.093a10.03 10.03 0 0 1-5.951-4.814zm-.867-6.5h4.87a28 28 0 0 0 .033 4.42l.057.58H2.458a10.05 10.05 0 0 1-.258-5m12.746-7.424l-.108-.17A10.03 10.03 0 0 1 21.374 8.5h-4.591c-.316-2.416-.957-4.492-1.837-5.923m-5.903-.133l.122-.037c-.88 1.35-1.535 3.329-1.883 5.654l-.061.44H2.63a10.03 10.03 0 0 1 6.413-6.057m2.959-.442c1.318 0 2.645 2.542 3.214 6.183l.046.315H8.741c.54-3.809 1.904-6.498 3.26-6.498M23 17.5a5.5 5.5 0 1 1-11 0a5.5 5.5 0 0 1 11 0m-6 3a.5.5 0 0 0 1 0v-4.793l1.646 1.647a.5.5 0 0 0 .708-.708l-2.5-2.5a.5.5 0 0 0-.708 0l-2.5 2.5a.5.5 0 0 0 .708.708L17 15.707z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.906 16.5h2.17q-.075.49-.076 1c0 1.653.617 3.162 1.633 4.309q-.313.189-.631.19c-1.197 0-2.401-2.094-3.038-5.204zm-.23-1.5h2.822a6.52 6.52 0 0 1 3.996-3.685A26 26 0 0 0 15.426 10H8.577l-.033.489A26 26 0 0 0 8.676 15m8.824-4c1.733 0 3.308.678 4.473 1.784a10.2 10.2 0 0 0-.17-2.784h-4.87l.039.657l.014.363q.255-.02.514-.02M3.067 16.501h4.306c.365 2.082.983 3.854 1.792 5.093a10.03 10.03 0 0 1-5.951-4.814zm-.867-6.5h4.87a28 28 0 0 0 .033 4.42l.057.58H2.458a10.05 10.05 0 0 1-.258-5m12.746-7.424l-.108-.17A10.03 10.03 0 0 1 21.374 8.5h-4.591c-.316-2.416-.957-4.492-1.837-5.923m-5.903-.133l.122-.037c-.88 1.35-1.535 3.329-1.883 5.654l-.061.44H2.63a10.03 10.03 0 0 1 6.413-6.057m2.959-.442c1.318 0 2.645 2.542 3.214 6.183l.046.315H8.741c.54-3.809 1.904-6.498 3.26-6.498M23 17.5a5.5 5.5 0 1 1-11 0a5.5 5.5 0 0 1 11 0m-6 3a.5.5 0 0 0 1 0v-4.793l1.646 1.647a.5.5 0 0 0 .708-.708l-2.5-2.5a.5.5 0 0 0-.708 0l-2.5 2.5a.5.5 0 0 0 .708.708L17 15.707z"/></svg>
</template>

CSS

.icon-globe-arrow-up-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.906%2016.5h2.17q-.075.49-.076%201c0%201.653.617%203.162%201.633%204.309q-.313.189-.631.19c-1.197%200-2.401-2.094-3.038-5.204zm-.23-1.5h2.822a6.52%206.52%200%200%201%203.996-3.685A26%2026%200%200%200%2015.426%2010H8.577l-.033.489A26%2026%200%200%200%208.676%2015m8.824-4c1.733%200%203.308.678%204.473%201.784a10.2%2010.2%200%200%200-.17-2.784h-4.87l.039.657l.014.363q.255-.02.514-.02M3.067%2016.501h4.306c.365%202.082.983%203.854%201.792%205.093a10.03%2010.03%200%200%201-5.951-4.814zm-.867-6.5h4.87a28%2028%200%200%200%20.033%204.42l.057.58H2.458a10.05%2010.05%200%200%201-.258-5m12.746-7.424l-.108-.17A10.03%2010.03%200%200%201%2021.374%208.5h-4.591c-.316-2.416-.957-4.492-1.837-5.923m-5.903-.133l.122-.037c-.88%201.35-1.535%203.329-1.883%205.654l-.061.44H2.63a10.03%2010.03%200%200%201%206.413-6.057m2.959-.442c1.318%200%202.645%202.542%203.214%206.183l.046.315H8.741c.54-3.809%201.904-6.498%203.26-6.498M23%2017.5a5.5%205.5%200%201%201-11%200a5.5%205.5%200%200%201%2011%200m-6%203a.5.5%200%200%200%201%200v-4.793l1.646%201.647a.5.5%200%200%200%20.708-.708l-2.5-2.5a.5.5%200%200%200-.708%200l-2.5%202.5a.5.5%200%200%200%20.708.708L17%2015.707z%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%22M8.906%2016.5h2.17q-.075.49-.076%201c0%201.653.617%203.162%201.633%204.309q-.313.189-.631.19c-1.197%200-2.401-2.094-3.038-5.204zm-.23-1.5h2.822a6.52%206.52%200%200%201%203.996-3.685A26%2026%200%200%200%2015.426%2010H8.577l-.033.489A26%2026%200%200%200%208.676%2015m8.824-4c1.733%200%203.308.678%204.473%201.784a10.2%2010.2%200%200%200-.17-2.784h-4.87l.039.657l.014.363q.255-.02.514-.02M3.067%2016.501h4.306c.365%202.082.983%203.854%201.792%205.093a10.03%2010.03%200%200%201-5.951-4.814zm-.867-6.5h4.87a28%2028%200%200%200%20.033%204.42l.057.58H2.458a10.05%2010.05%200%200%201-.258-5m12.746-7.424l-.108-.17A10.03%2010.03%200%200%201%2021.374%208.5h-4.591c-.316-2.416-.957-4.492-1.837-5.923m-5.903-.133l.122-.037c-.88%201.35-1.535%203.329-1.883%205.654l-.061.44H2.63a10.03%2010.03%200%200%201%206.413-6.057m2.959-.442c1.318%200%202.645%202.542%203.214%206.183l.046.315H8.741c.54-3.809%201.904-6.498%203.26-6.498M23%2017.5a5.5%205.5%200%201%201-11%200a5.5%205.5%200%200%201%2011%200m-6%203a.5.5%200%200%200%201%200v-4.793l1.646%201.647a.5.5%200%200%200%20.708-.708l-2.5-2.5a.5.5%200%200%200-.708%200l-2.5%202.5a.5.5%200%200%200%20.708.708L17%2015.707z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/globe-arrow-up-24-filled.svg?color=%231a73e8&size=48