globe simple icon

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

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

5 other variants in Phosphor

globe-simpleglobe-simple-boldglobe-simple-duotoneglobe-simple-fillglobe-simple-thin

Related icons in Phosphor

globe-hemisphere-eastglobe-hemisphere-westglobe-simple-xglobe-standglobe-x

Use the globe simple icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m89.8 96h-43.91c-1.54-40.77-18.48-68.23-30.43-82.67A90.19 90.19 0 0 1 217.8 122M128 215.83a110 110 0 0 1-15.19-19.45A128.37 128.37 0 0 1 94.13 134h67.74a128.37 128.37 0 0 1-18.68 62.38A110 110 0 0 1 128 215.83M94.13 122a128.37 128.37 0 0 1 18.68-62.38A110 110 0 0 1 128 40.17a110 110 0 0 1 15.19 19.45A128.37 128.37 0 0 1 161.87 122Zm18.41-82.67c-12 14.44-28.89 41.9-30.43 82.67H38.2a90.19 90.19 0 0 1 74.34-82.67M38.2 134h43.91c1.54 40.77 18.48 68.23 30.43 82.67A90.19 90.19 0 0 1 38.2 134m105.26 82.67c11.95-14.44 28.89-41.9 30.43-82.67h43.91a90.19 90.19 0 0 1-74.34 82.67"/></svg>

React

import type { SVGProps } from "react";

export function PhGlobeSimpleLight(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 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m89.8 96h-43.91c-1.54-40.77-18.48-68.23-30.43-82.67A90.19 90.19 0 0 1 217.8 122M128 215.83a110 110 0 0 1-15.19-19.45A128.37 128.37 0 0 1 94.13 134h67.74a128.37 128.37 0 0 1-18.68 62.38A110 110 0 0 1 128 215.83M94.13 122a128.37 128.37 0 0 1 18.68-62.38A110 110 0 0 1 128 40.17a110 110 0 0 1 15.19 19.45A128.37 128.37 0 0 1 161.87 122Zm18.41-82.67c-12 14.44-28.89 41.9-30.43 82.67H38.2a90.19 90.19 0 0 1 74.34-82.67M38.2 134h43.91c1.54 40.77 18.48 68.23 30.43 82.67A90.19 90.19 0 0 1 38.2 134m105.26 82.67c11.95-14.44 28.89-41.9 30.43-82.67h43.91a90.19 90.19 0 0 1-74.34 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="M128 26a102 102 0 1 0 102 102A102.12 102.12 0 0 0 128 26m89.8 96h-43.91c-1.54-40.77-18.48-68.23-30.43-82.67A90.19 90.19 0 0 1 217.8 122M128 215.83a110 110 0 0 1-15.19-19.45A128.37 128.37 0 0 1 94.13 134h67.74a128.37 128.37 0 0 1-18.68 62.38A110 110 0 0 1 128 215.83M94.13 122a128.37 128.37 0 0 1 18.68-62.38A110 110 0 0 1 128 40.17a110 110 0 0 1 15.19 19.45A128.37 128.37 0 0 1 161.87 122Zm18.41-82.67c-12 14.44-28.89 41.9-30.43 82.67H38.2a90.19 90.19 0 0 1 74.34-82.67M38.2 134h43.91c1.54 40.77 18.48 68.23 30.43 82.67A90.19 90.19 0 0 1 38.2 134m105.26 82.67c11.95-14.44 28.89-41.9 30.43-82.67h43.91a90.19 90.19 0 0 1-74.34 82.67"/></svg>
</template>

CSS

.icon-globe-simple-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%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m89.8%2096h-43.91c-1.54-40.77-18.48-68.23-30.43-82.67A90.19%2090.19%200%200%201%20217.8%20122M128%20215.83a110%20110%200%200%201-15.19-19.45A128.37%20128.37%200%200%201%2094.13%20134h67.74a128.37%20128.37%200%200%201-18.68%2062.38A110%20110%200%200%201%20128%20215.83M94.13%20122a128.37%20128.37%200%200%201%2018.68-62.38A110%20110%200%200%201%20128%2040.17a110%20110%200%200%201%2015.19%2019.45A128.37%20128.37%200%200%201%20161.87%20122Zm18.41-82.67c-12%2014.44-28.89%2041.9-30.43%2082.67H38.2a90.19%2090.19%200%200%201%2074.34-82.67M38.2%20134h43.91c1.54%2040.77%2018.48%2068.23%2030.43%2082.67A90.19%2090.19%200%200%201%2038.2%20134m105.26%2082.67c11.95-14.44%2028.89-41.9%2030.43-82.67h43.91a90.19%2090.19%200%200%201-74.34%2082.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%22M128%2026a102%20102%200%201%200%20102%20102A102.12%20102.12%200%200%200%20128%2026m89.8%2096h-43.91c-1.54-40.77-18.48-68.23-30.43-82.67A90.19%2090.19%200%200%201%20217.8%20122M128%20215.83a110%20110%200%200%201-15.19-19.45A128.37%20128.37%200%200%201%2094.13%20134h67.74a128.37%20128.37%200%200%201-18.68%2062.38A110%20110%200%200%201%20128%20215.83M94.13%20122a128.37%20128.37%200%200%201%2018.68-62.38A110%20110%200%200%201%20128%2040.17a110%20110%200%200%201%2015.19%2019.45A128.37%20128.37%200%200%201%20161.87%20122Zm18.41-82.67c-12%2014.44-28.89%2041.9-30.43%2082.67H38.2a90.19%2090.19%200%200%201%2074.34-82.67M38.2%20134h43.91c1.54%2040.77%2018.48%2068.23%2030.43%2082.67A90.19%2090.19%200%200%201%2038.2%20134m105.26%2082.67c11.95-14.44%2028.89-41.9%2030.43-82.67h43.91a90.19%2090.19%200%200%201-74.34%2082.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-light.svg?color=%231a73e8&size=48