globe simple x icon

globe-simple-x-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
globe-simple-x-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

globe-simple-xglobe-simple-x-boldglobe-simple-x-duotoneglobe-simple-x-fillglobe-simple-x-light

Related icons in Phosphor

globe-hemisphere-eastglobe-hemisphere-westglobe-simpleglobe-standglobe-x

Use the globe simple x icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M218.83 170.83L197.66 192l21.17 21.17a4 4 0 0 1-5.66 5.66L192 197.66l-21.17 21.17a4 4 0 0 1-5.66-5.66L186.34 192l-21.17-21.17a4 4 0 0 1 5.66-5.66L192 186.34l21.17-21.17a4 4 0 0 1 5.66 5.66M228 128a4 4 0 0 1-4 4H92.08c1.61 58.53 38.05 88.58 38.42 88.88A4 4 0 0 1 128 228a100 100 0 0 1 0-200a100.11 100.11 0 0 1 100 100m-89.54-91.4c11.74 12.88 32.33 41.85 33.48 87.4h48a92.14 92.14 0 0 0-81.48-87.4M92.07 124h71.86c-1.36-49.48-27.61-78.6-35.93-86.61c-8.32 8-34.57 37.13-35.93 86.61m-56 0h48c1.15-45.55 21.74-74.52 33.48-87.4A92.14 92.14 0 0 0 36.09 124Zm48 8h-48a92.14 92.14 0 0 0 81.45 87.4c-11.72-12.88-32.31-41.85-33.46-87.4Z"/></svg>

React

import type { SVGProps } from "react";

export function PhGlobeSimpleXThin(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="M218.83 170.83L197.66 192l21.17 21.17a4 4 0 0 1-5.66 5.66L192 197.66l-21.17 21.17a4 4 0 0 1-5.66-5.66L186.34 192l-21.17-21.17a4 4 0 0 1 5.66-5.66L192 186.34l21.17-21.17a4 4 0 0 1 5.66 5.66M228 128a4 4 0 0 1-4 4H92.08c1.61 58.53 38.05 88.58 38.42 88.88A4 4 0 0 1 128 228a100 100 0 0 1 0-200a100.11 100.11 0 0 1 100 100m-89.54-91.4c11.74 12.88 32.33 41.85 33.48 87.4h48a92.14 92.14 0 0 0-81.48-87.4M92.07 124h71.86c-1.36-49.48-27.61-78.6-35.93-86.61c-8.32 8-34.57 37.13-35.93 86.61m-56 0h48c1.15-45.55 21.74-74.52 33.48-87.4A92.14 92.14 0 0 0 36.09 124Zm48 8h-48a92.14 92.14 0 0 0 81.45 87.4c-11.72-12.88-32.31-41.85-33.46-87.4Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M218.83 170.83L197.66 192l21.17 21.17a4 4 0 0 1-5.66 5.66L192 197.66l-21.17 21.17a4 4 0 0 1-5.66-5.66L186.34 192l-21.17-21.17a4 4 0 0 1 5.66-5.66L192 186.34l21.17-21.17a4 4 0 0 1 5.66 5.66M228 128a4 4 0 0 1-4 4H92.08c1.61 58.53 38.05 88.58 38.42 88.88A4 4 0 0 1 128 228a100 100 0 0 1 0-200a100.11 100.11 0 0 1 100 100m-89.54-91.4c11.74 12.88 32.33 41.85 33.48 87.4h48a92.14 92.14 0 0 0-81.48-87.4M92.07 124h71.86c-1.36-49.48-27.61-78.6-35.93-86.61c-8.32 8-34.57 37.13-35.93 86.61m-56 0h48c1.15-45.55 21.74-74.52 33.48-87.4A92.14 92.14 0 0 0 36.09 124Zm48 8h-48a92.14 92.14 0 0 0 81.45 87.4c-11.72-12.88-32.31-41.85-33.46-87.4Z"/></svg>
</template>

CSS

.icon-globe-simple-x-thin {
  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%22M218.83%20170.83L197.66%20192l21.17%2021.17a4%204%200%200%201-5.66%205.66L192%20197.66l-21.17%2021.17a4%204%200%200%201-5.66-5.66L186.34%20192l-21.17-21.17a4%204%200%200%201%205.66-5.66L192%20186.34l21.17-21.17a4%204%200%200%201%205.66%205.66M228%20128a4%204%200%200%201-4%204H92.08c1.61%2058.53%2038.05%2088.58%2038.42%2088.88A4%204%200%200%201%20128%20228a100%20100%200%200%201%200-200a100.11%20100.11%200%200%201%20100%20100m-89.54-91.4c11.74%2012.88%2032.33%2041.85%2033.48%2087.4h48a92.14%2092.14%200%200%200-81.48-87.4M92.07%20124h71.86c-1.36-49.48-27.61-78.6-35.93-86.61c-8.32%208-34.57%2037.13-35.93%2086.61m-56%200h48c1.15-45.55%2021.74-74.52%2033.48-87.4A92.14%2092.14%200%200%200%2036.09%20124Zm48%208h-48a92.14%2092.14%200%200%200%2081.45%2087.4c-11.72-12.88-32.31-41.85-33.46-87.4Z%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%22M218.83%20170.83L197.66%20192l21.17%2021.17a4%204%200%200%201-5.66%205.66L192%20197.66l-21.17%2021.17a4%204%200%200%201-5.66-5.66L186.34%20192l-21.17-21.17a4%204%200%200%201%205.66-5.66L192%20186.34l21.17-21.17a4%204%200%200%201%205.66%205.66M228%20128a4%204%200%200%201-4%204H92.08c1.61%2058.53%2038.05%2088.58%2038.42%2088.88A4%204%200%200%201%20128%20228a100%20100%200%200%201%200-200a100.11%20100.11%200%200%201%20100%20100m-89.54-91.4c11.74%2012.88%2032.33%2041.85%2033.48%2087.4h48a92.14%2092.14%200%200%200-81.48-87.4M92.07%20124h71.86c-1.36-49.48-27.61-78.6-35.93-86.61c-8.32%208-34.57%2037.13-35.93%2086.61m-56%200h48c1.15-45.55%2021.74-74.52%2033.48-87.4A92.14%2092.14%200%200%200%2036.09%20124Zm48%208h-48a92.14%2092.14%200%200%200%2081.45%2087.4c-11.72-12.88-32.31-41.85-33.46-87.4Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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