globe simple x icon

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

Name
globe-simple-x-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

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

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="M220.24 172.24L200.49 192l19.75 19.76a6 6 0 1 1-8.48 8.48L192 200.49l-19.76 19.75a6 6 0 0 1-8.48-8.48L183.51 192l-19.75-19.76a6 6 0 0 1 8.48-8.48L192 183.51l19.76-19.75a6 6 0 0 1 8.48 8.48M230 128a6 6 0 0 1-6 6H94.13a128.3 128.3 0 0 0 18.68 62.37c9.35 15.11 18.85 22.88 18.95 22.95A6 6 0 0 1 128 230a102 102 0 1 1 102-102m-86.54-88.67c11.95 14.44 28.89 41.9 30.43 82.67h43.91a90.19 90.19 0 0 0-74.34-82.67m-30.65 20.3A128.3 128.3 0 0 0 94.13 122h67.74a128.3 128.3 0 0 0-18.68-62.37A109.2 109.2 0 0 0 128 40.18a109.2 109.2 0 0 0-15.19 19.45M38.2 122h43.91c1.54-40.77 18.48-68.23 30.43-82.67A90.19 90.19 0 0 0 38.2 122m43.91 12H38.2a90.19 90.19 0 0 0 74.34 82.67c-11.95-14.44-28.89-41.9-30.43-82.67"/></svg>

React

import type { SVGProps } from "react";

export function PhGlobeSimpleXLight(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="M220.24 172.24L200.49 192l19.75 19.76a6 6 0 1 1-8.48 8.48L192 200.49l-19.76 19.75a6 6 0 0 1-8.48-8.48L183.51 192l-19.75-19.76a6 6 0 0 1 8.48-8.48L192 183.51l19.76-19.75a6 6 0 0 1 8.48 8.48M230 128a6 6 0 0 1-6 6H94.13a128.3 128.3 0 0 0 18.68 62.37c9.35 15.11 18.85 22.88 18.95 22.95A6 6 0 0 1 128 230a102 102 0 1 1 102-102m-86.54-88.67c11.95 14.44 28.89 41.9 30.43 82.67h43.91a90.19 90.19 0 0 0-74.34-82.67m-30.65 20.3A128.3 128.3 0 0 0 94.13 122h67.74a128.3 128.3 0 0 0-18.68-62.37A109.2 109.2 0 0 0 128 40.18a109.2 109.2 0 0 0-15.19 19.45M38.2 122h43.91c1.54-40.77 18.48-68.23 30.43-82.67A90.19 90.19 0 0 0 38.2 122m43.91 12H38.2a90.19 90.19 0 0 0 74.34 82.67c-11.95-14.44-28.89-41.9-30.43-82.67"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M220.24 172.24L200.49 192l19.75 19.76a6 6 0 1 1-8.48 8.48L192 200.49l-19.76 19.75a6 6 0 0 1-8.48-8.48L183.51 192l-19.75-19.76a6 6 0 0 1 8.48-8.48L192 183.51l19.76-19.75a6 6 0 0 1 8.48 8.48M230 128a6 6 0 0 1-6 6H94.13a128.3 128.3 0 0 0 18.68 62.37c9.35 15.11 18.85 22.88 18.95 22.95A6 6 0 0 1 128 230a102 102 0 1 1 102-102m-86.54-88.67c11.95 14.44 28.89 41.9 30.43 82.67h43.91a90.19 90.19 0 0 0-74.34-82.67m-30.65 20.3A128.3 128.3 0 0 0 94.13 122h67.74a128.3 128.3 0 0 0-18.68-62.37A109.2 109.2 0 0 0 128 40.18a109.2 109.2 0 0 0-15.19 19.45M38.2 122h43.91c1.54-40.77 18.48-68.23 30.43-82.67A90.19 90.19 0 0 0 38.2 122m43.91 12H38.2a90.19 90.19 0 0 0 74.34 82.67c-11.95-14.44-28.89-41.9-30.43-82.67"/></svg>
</template>

CSS

.icon-globe-simple-x-light {
  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%22M220.24%20172.24L200.49%20192l19.75%2019.76a6%206%200%201%201-8.48%208.48L192%20200.49l-19.76%2019.75a6%206%200%200%201-8.48-8.48L183.51%20192l-19.75-19.76a6%206%200%200%201%208.48-8.48L192%20183.51l19.76-19.75a6%206%200%200%201%208.48%208.48M230%20128a6%206%200%200%201-6%206H94.13a128.3%20128.3%200%200%200%2018.68%2062.37c9.35%2015.11%2018.85%2022.88%2018.95%2022.95A6%206%200%200%201%20128%20230a102%20102%200%201%201%20102-102m-86.54-88.67c11.95%2014.44%2028.89%2041.9%2030.43%2082.67h43.91a90.19%2090.19%200%200%200-74.34-82.67m-30.65%2020.3A128.3%20128.3%200%200%200%2094.13%20122h67.74a128.3%20128.3%200%200%200-18.68-62.37A109.2%20109.2%200%200%200%20128%2040.18a109.2%20109.2%200%200%200-15.19%2019.45M38.2%20122h43.91c1.54-40.77%2018.48-68.23%2030.43-82.67A90.19%2090.19%200%200%200%2038.2%20122m43.91%2012H38.2a90.19%2090.19%200%200%200%2074.34%2082.67c-11.95-14.44-28.89-41.9-30.43-82.67%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%22M220.24%20172.24L200.49%20192l19.75%2019.76a6%206%200%201%201-8.48%208.48L192%20200.49l-19.76%2019.75a6%206%200%200%201-8.48-8.48L183.51%20192l-19.75-19.76a6%206%200%200%201%208.48-8.48L192%20183.51l19.76-19.75a6%206%200%200%201%208.48%208.48M230%20128a6%206%200%200%201-6%206H94.13a128.3%20128.3%200%200%200%2018.68%2062.37c9.35%2015.11%2018.85%2022.88%2018.95%2022.95A6%206%200%200%201%20128%20230a102%20102%200%201%201%20102-102m-86.54-88.67c11.95%2014.44%2028.89%2041.9%2030.43%2082.67h43.91a90.19%2090.19%200%200%200-74.34-82.67m-30.65%2020.3A128.3%20128.3%200%200%200%2094.13%20122h67.74a128.3%20128.3%200%200%200-18.68-62.37A109.2%20109.2%200%200%200%20128%2040.18a109.2%20109.2%200%200%200-15.19%2019.45M38.2%20122h43.91c1.54-40.77%2018.48-68.23%2030.43-82.67A90.19%2090.19%200%200%200%2038.2%20122m43.91%2012H38.2a90.19%2090.19%200%200%200%2074.34%2082.67c-11.95-14.44-28.89-41.9-30.43-82.67%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-light.svg?color=%231a73e8&size=48