globe x icon

globe-x-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name
globe-x-fill
Set
Phosphor
Style
Fill
Viewbox
256×256
License
MIT

5 other variants in Phosphor

globe-xglobe-x-boldglobe-x-duotoneglobe-x-lightglobe-x-thin

The same icon in other sets

globe-xHuge Iconsglobe-xLucide

Related icons in Phosphor

globe-hemisphere-eastglobe-hemisphere-westglobe-simpleglobe-simple-xglobe-stand

Use the globe x icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 0 0 0 208a8 8 0 0 0 5-14.21c-1.12-.91-20.88-17.32-31.06-49.77h26a8 8 0 0 0 0-16H98.08a140.2 140.2 0 0 1 0-48h59.88A138 138 0 0 1 160 128a8 8 0 0 0 16 0a155 155 0 0 0-1.84-24h38.51a87.6 87.6 0 0 1 3.33 24a8 8 0 0 0 16 0A104.11 104.11 0 0 0 128 24m-26 64a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45Zm68.75 0a135.3 135.3 0 0 0-22.3-45.6a88.29 88.29 0 0 1 58 45.6Zm50.95 85.66L203.31 192l18.35 18.34a8 8 0 0 1-11.32 11.32L192 203.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L180.69 192l-18.35-18.34a8 8 0 0 1 11.32-11.32L192 180.69l18.34-18.35a8 8 0 0 1 11.32 11.32Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGlobeXFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 0 0 0 208a8 8 0 0 0 5-14.21c-1.12-.91-20.88-17.32-31.06-49.77h26a8 8 0 0 0 0-16H98.08a140.2 140.2 0 0 1 0-48h59.88A138 138 0 0 1 160 128a8 8 0 0 0 16 0a155 155 0 0 0-1.84-24h38.51a87.6 87.6 0 0 1 3.33 24a8 8 0 0 0 16 0A104.11 104.11 0 0 0 128 24m-26 64a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45Zm68.75 0a135.3 135.3 0 0 0-22.3-45.6a88.29 88.29 0 0 1 58 45.6Zm50.95 85.66L203.31 192l18.35 18.34a8 8 0 0 1-11.32 11.32L192 203.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L180.69 192l-18.35-18.34a8 8 0 0 1 11.32-11.32L192 180.69l18.34-18.35a8 8 0 0 1 11.32 11.32Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 24a104 104 0 0 0 0 208a8 8 0 0 0 5-14.21c-1.12-.91-20.88-17.32-31.06-49.77h26a8 8 0 0 0 0-16H98.08a140.2 140.2 0 0 1 0-48h59.88A138 138 0 0 1 160 128a8 8 0 0 0 16 0a155 155 0 0 0-1.84-24h38.51a87.6 87.6 0 0 1 3.33 24a8 8 0 0 0 16 0A104.11 104.11 0 0 0 128 24m-26 64a115.1 115.1 0 0 1 26-45a115.3 115.3 0 0 1 26 45Zm68.75 0a135.3 135.3 0 0 0-22.3-45.6a88.29 88.29 0 0 1 58 45.6Zm50.95 85.66L203.31 192l18.35 18.34a8 8 0 0 1-11.32 11.32L192 203.31l-18.34 18.35a8 8 0 0 1-11.32-11.32L180.69 192l-18.35-18.34a8 8 0 0 1 11.32-11.32L192 180.69l18.34-18.35a8 8 0 0 1 11.32 11.32Z"/></svg>
</template>

CSS

.icon-globe-x-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2024a104%20104%200%200%200%200%20208a8%208%200%200%200%205-14.21c-1.12-.91-20.88-17.32-31.06-49.77h26a8%208%200%200%200%200-16H98.08a140.2%20140.2%200%200%201%200-48h59.88A138%20138%200%200%201%20160%20128a8%208%200%200%200%2016%200a155%20155%200%200%200-1.84-24h38.51a87.6%2087.6%200%200%201%203.33%2024a8%208%200%200%200%2016%200A104.11%20104.11%200%200%200%20128%2024m-26%2064a115.1%20115.1%200%200%201%2026-45a115.3%20115.3%200%200%201%2026%2045Zm68.75%200a135.3%20135.3%200%200%200-22.3-45.6a88.29%2088.29%200%200%201%2058%2045.6Zm50.95%2085.66L203.31%20192l18.35%2018.34a8%208%200%200%201-11.32%2011.32L192%20203.31l-18.34%2018.35a8%208%200%200%201-11.32-11.32L180.69%20192l-18.35-18.34a8%208%200%200%201%2011.32-11.32L192%20180.69l18.34-18.35a8%208%200%200%201%2011.32%2011.32Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M128%2024a104%20104%200%200%200%200%20208a8%208%200%200%200%205-14.21c-1.12-.91-20.88-17.32-31.06-49.77h26a8%208%200%200%200%200-16H98.08a140.2%20140.2%200%200%201%200-48h59.88A138%20138%200%200%201%20160%20128a8%208%200%200%200%2016%200a155%20155%200%200%200-1.84-24h38.51a87.6%2087.6%200%200%201%203.33%2024a8%208%200%200%200%2016%200A104.11%20104.11%200%200%200%20128%2024m-26%2064a115.1%20115.1%200%200%201%2026-45a115.3%20115.3%200%200%201%2026%2045Zm68.75%200a135.3%20135.3%200%200%200-22.3-45.6a88.29%2088.29%200%200%201%2058%2045.6Zm50.95%2085.66L203.31%20192l18.35%2018.34a8%208%200%200%201-11.32%2011.32L192%20203.31l-18.34%2018.35a8%208%200%200%201-11.32-11.32L180.69%20192l-18.35-18.34a8%208%200%200%201%2011.32-11.32L192%20180.69l18.34-18.35a8%208%200%200%201%2011.32%2011.32Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/globe-x-fill.svg?color=%231a73e8&size=48