sphere icon

sphere from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name: sphere
Set: Phosphor
Style: Regular
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

sphere-bold sphere-duotone sphere-fill sphere-light sphere-thin

The same icon in other sets

sphereHuge Icons sphereIconoir sphereMaterial Design Icons sphereTabler Icons

Use the sphere 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 1 0 104 104A104.11 104.11 0 0 0 128 24m88 104c0 6-17 16.23-48.77 21.17c.51-7 .77-14.08.77-21.17c0-32.24-5.35-64.72-15.74-84.6A88.17 88.17 0 0 1 216 128m-88-88c8.15 0 24 31.06 24 88c0 8.24-.34 15.92-.93 23.07c-7.15.59-14.83.93-23.07.93c-56.94 0-88-15.85-88-24a88.1 88.1 0 0 1 88-88M43.4 152.26C63.28 162.65 95.76 168 128 168c7.09 0 14.19-.26 21.17-.77C144.23 199 134 216 128 216a88.17 88.17 0 0 1-84.6-63.74m108.86 60.34c6.29-12 10.73-28.67 13.26-47.08c18.41-2.53 35-7 47.08-13.26a88.4 88.4 0 0 1-60.34 60.34"/></svg>

React

import type { SVGProps } from "react";

export function PhSphere(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 1 0 104 104A104.11 104.11 0 0 0 128 24m88 104c0 6-17 16.23-48.77 21.17c.51-7 .77-14.08.77-21.17c0-32.24-5.35-64.72-15.74-84.6A88.17 88.17 0 0 1 216 128m-88-88c8.15 0 24 31.06 24 88c0 8.24-.34 15.92-.93 23.07c-7.15.59-14.83.93-23.07.93c-56.94 0-88-15.85-88-24a88.1 88.1 0 0 1 88-88M43.4 152.26C63.28 162.65 95.76 168 128 168c7.09 0 14.19-.26 21.17-.77C144.23 199 134 216 128 216a88.17 88.17 0 0 1-84.6-63.74m108.86 60.34c6.29-12 10.73-28.67 13.26-47.08c18.41-2.53 35-7 47.08-13.26a88.4 88.4 0 0 1-60.34 60.34"/></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 1 0 104 104A104.11 104.11 0 0 0 128 24m88 104c0 6-17 16.23-48.77 21.17c.51-7 .77-14.08.77-21.17c0-32.24-5.35-64.72-15.74-84.6A88.17 88.17 0 0 1 216 128m-88-88c8.15 0 24 31.06 24 88c0 8.24-.34 15.92-.93 23.07c-7.15.59-14.83.93-23.07.93c-56.94 0-88-15.85-88-24a88.1 88.1 0 0 1 88-88M43.4 152.26C63.28 162.65 95.76 168 128 168c7.09 0 14.19-.26 21.17-.77C144.23 199 134 216 128 216a88.17 88.17 0 0 1-84.6-63.74m108.86 60.34c6.29-12 10.73-28.67 13.26-47.08c18.41-2.53 35-7 47.08-13.26a88.4 88.4 0 0 1-60.34 60.34"/></svg>
</template>

CSS

.icon-sphere {
  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%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m88%20104c0%206-17%2016.23-48.77%2021.17c.51-7%20.77-14.08.77-21.17c0-32.24-5.35-64.72-15.74-84.6A88.17%2088.17%200%200%201%20216%20128m-88-88c8.15%200%2024%2031.06%2024%2088c0%208.24-.34%2015.92-.93%2023.07c-7.15.59-14.83.93-23.07.93c-56.94%200-88-15.85-88-24a88.1%2088.1%200%200%201%2088-88M43.4%20152.26C63.28%20162.65%2095.76%20168%20128%20168c7.09%200%2014.19-.26%2021.17-.77C144.23%20199%20134%20216%20128%20216a88.17%2088.17%200%200%201-84.6-63.74m108.86%2060.34c6.29-12%2010.73-28.67%2013.26-47.08c18.41-2.53%2035-7%2047.08-13.26a88.4%2088.4%200%200%201-60.34%2060.34%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%201%200%20104%20104A104.11%20104.11%200%200%200%20128%2024m88%20104c0%206-17%2016.23-48.77%2021.17c.51-7%20.77-14.08.77-21.17c0-32.24-5.35-64.72-15.74-84.6A88.17%2088.17%200%200%201%20216%20128m-88-88c8.15%200%2024%2031.06%2024%2088c0%208.24-.34%2015.92-.93%2023.07c-7.15.59-14.83.93-23.07.93c-56.94%200-88-15.85-88-24a88.1%2088.1%200%200%201%2088-88M43.4%20152.26C63.28%20162.65%2095.76%20168%20128%20168c7.09%200%2014.19-.26%2021.17-.77C144.23%20199%20134%20216%20128%20216a88.17%2088.17%200%200%201-84.6-63.74m108.86%2060.34c6.29-12%2010.73-28.67%2013.26-47.08c18.41-2.53%2035-7%2047.08-13.26a88.4%2088.4%200%200%201-60.34%2060.34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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