globe simple icon

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

Name
globe-simple-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

globe-simpleglobe-simple-duotoneglobe-simple-fillglobe-simple-lightglobe-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 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m83.13 96h-31.57a144.3 144.3 0 0 0-21.35-66.36A84.22 84.22 0 0 1 211.13 116M128 207c-9.36-10.81-24.46-33.13-27.45-67h54.94a119.74 119.74 0 0 1-17.11 52.77A108.6 108.6 0 0 1 128 207m-27.45-91a119.74 119.74 0 0 1 17.11-52.77A108.6 108.6 0 0 1 128 49c9.36 10.81 24.46 33.13 27.45 67Zm-2.76-66.36A144.3 144.3 0 0 0 76.44 116H44.87a84.22 84.22 0 0 1 52.92-66.36M44.87 140h31.57a144.3 144.3 0 0 0 21.35 66.36A84.22 84.22 0 0 1 44.87 140m113.34 66.36A144.3 144.3 0 0 0 179.56 140h31.57a84.22 84.22 0 0 1-52.92 66.36"/></svg>

React

import type { SVGProps } from "react";

export function PhGlobeSimpleBold(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 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m83.13 96h-31.57a144.3 144.3 0 0 0-21.35-66.36A84.22 84.22 0 0 1 211.13 116M128 207c-9.36-10.81-24.46-33.13-27.45-67h54.94a119.74 119.74 0 0 1-17.11 52.77A108.6 108.6 0 0 1 128 207m-27.45-91a119.74 119.74 0 0 1 17.11-52.77A108.6 108.6 0 0 1 128 49c9.36 10.81 24.46 33.13 27.45 67Zm-2.76-66.36A144.3 144.3 0 0 0 76.44 116H44.87a84.22 84.22 0 0 1 52.92-66.36M44.87 140h31.57a144.3 144.3 0 0 0 21.35 66.36A84.22 84.22 0 0 1 44.87 140m113.34 66.36A144.3 144.3 0 0 0 179.56 140h31.57a84.22 84.22 0 0 1-52.92 66.36"/></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 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m83.13 96h-31.57a144.3 144.3 0 0 0-21.35-66.36A84.22 84.22 0 0 1 211.13 116M128 207c-9.36-10.81-24.46-33.13-27.45-67h54.94a119.74 119.74 0 0 1-17.11 52.77A108.6 108.6 0 0 1 128 207m-27.45-91a119.74 119.74 0 0 1 17.11-52.77A108.6 108.6 0 0 1 128 49c9.36 10.81 24.46 33.13 27.45 67Zm-2.76-66.36A144.3 144.3 0 0 0 76.44 116H44.87a84.22 84.22 0 0 1 52.92-66.36M44.87 140h31.57a144.3 144.3 0 0 0 21.35 66.36A84.22 84.22 0 0 1 44.87 140m113.34 66.36A144.3 144.3 0 0 0 179.56 140h31.57a84.22 84.22 0 0 1-52.92 66.36"/></svg>
</template>

CSS

.icon-globe-simple-bold {
  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%2020a108%20108%200%201%200%20108%20108A108.12%20108.12%200%200%200%20128%2020m83.13%2096h-31.57a144.3%20144.3%200%200%200-21.35-66.36A84.22%2084.22%200%200%201%20211.13%20116M128%20207c-9.36-10.81-24.46-33.13-27.45-67h54.94a119.74%20119.74%200%200%201-17.11%2052.77A108.6%20108.6%200%200%201%20128%20207m-27.45-91a119.74%20119.74%200%200%201%2017.11-52.77A108.6%20108.6%200%200%201%20128%2049c9.36%2010.81%2024.46%2033.13%2027.45%2067Zm-2.76-66.36A144.3%20144.3%200%200%200%2076.44%20116H44.87a84.22%2084.22%200%200%201%2052.92-66.36M44.87%20140h31.57a144.3%20144.3%200%200%200%2021.35%2066.36A84.22%2084.22%200%200%201%2044.87%20140m113.34%2066.36A144.3%20144.3%200%200%200%20179.56%20140h31.57a84.22%2084.22%200%200%201-52.92%2066.36%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%2020a108%20108%200%201%200%20108%20108A108.12%20108.12%200%200%200%20128%2020m83.13%2096h-31.57a144.3%20144.3%200%200%200-21.35-66.36A84.22%2084.22%200%200%201%20211.13%20116M128%20207c-9.36-10.81-24.46-33.13-27.45-67h54.94a119.74%20119.74%200%200%201-17.11%2052.77A108.6%20108.6%200%200%201%20128%20207m-27.45-91a119.74%20119.74%200%200%201%2017.11-52.77A108.6%20108.6%200%200%201%20128%2049c9.36%2010.81%2024.46%2033.13%2027.45%2067Zm-2.76-66.36A144.3%20144.3%200%200%200%2076.44%20116H44.87a84.22%2084.22%200%200%201%2052.92-66.36M44.87%20140h31.57a144.3%20144.3%200%200%200%2021.35%2066.36A84.22%2084.22%200%200%201%2044.87%20140m113.34%2066.36A144.3%20144.3%200%200%200%20179.56%20140h31.57a84.22%2084.22%200%200%201-52.92%2066.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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