sphere icon

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

Name: sphere-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

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

The same icon in other sets

sphereHuge Icons sphereIconPark sphereIconPark Outline sphereIconoir sphereMaterial Design Icons sphereTabler Icons sphereWeb3 Icons sphereWeb3 Icons Branded

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 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m92 100c0 10.16-22.26 21.21-57.11 25.8c.72-8.18 1.11-16.8 1.11-25.8c0-41.16-8.07-75-20.28-90.65A92.14 92.14 0 0 1 220 128m-92-92c13.24 0 28 37.78 28 92c0 9.45-.46 18.39-1.27 26.73c-8.34.81-17.28 1.27-26.73 1.27c-54.22 0-92-14.76-92-28a92.1 92.1 0 0 1 92-92M37.35 143.72C53 155.93 86.84 164 128 164c9 0 17.62-.39 25.8-1.11C149.21 197.74 138.16 220 128 220a92.14 92.14 0 0 1-90.65-76.28m106.37 74.93c8.63-11.06 15.19-31.22 18.3-56.63c25.41-3.11 45.57-9.67 56.63-18.3a92.23 92.23 0 0 1-74.93 74.93"/></svg>

React

import type { SVGProps } from "react";

export function PhSphereThin(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 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m92 100c0 10.16-22.26 21.21-57.11 25.8c.72-8.18 1.11-16.8 1.11-25.8c0-41.16-8.07-75-20.28-90.65A92.14 92.14 0 0 1 220 128m-92-92c13.24 0 28 37.78 28 92c0 9.45-.46 18.39-1.27 26.73c-8.34.81-17.28 1.27-26.73 1.27c-54.22 0-92-14.76-92-28a92.1 92.1 0 0 1 92-92M37.35 143.72C53 155.93 86.84 164 128 164c9 0 17.62-.39 25.8-1.11C149.21 197.74 138.16 220 128 220a92.14 92.14 0 0 1-90.65-76.28m106.37 74.93c8.63-11.06 15.19-31.22 18.3-56.63c25.41-3.11 45.57-9.67 56.63-18.3a92.23 92.23 0 0 1-74.93 74.93"/></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 28a100 100 0 1 0 100 100A100.11 100.11 0 0 0 128 28m92 100c0 10.16-22.26 21.21-57.11 25.8c.72-8.18 1.11-16.8 1.11-25.8c0-41.16-8.07-75-20.28-90.65A92.14 92.14 0 0 1 220 128m-92-92c13.24 0 28 37.78 28 92c0 9.45-.46 18.39-1.27 26.73c-8.34.81-17.28 1.27-26.73 1.27c-54.22 0-92-14.76-92-28a92.1 92.1 0 0 1 92-92M37.35 143.72C53 155.93 86.84 164 128 164c9 0 17.62-.39 25.8-1.11C149.21 197.74 138.16 220 128 220a92.14 92.14 0 0 1-90.65-76.28m106.37 74.93c8.63-11.06 15.19-31.22 18.3-56.63c25.41-3.11 45.57-9.67 56.63-18.3a92.23 92.23 0 0 1-74.93 74.93"/></svg>
</template>

CSS

.icon-sphere-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%22M128%2028a100%20100%200%201%200%20100%20100A100.11%20100.11%200%200%200%20128%2028m92%20100c0%2010.16-22.26%2021.21-57.11%2025.8c.72-8.18%201.11-16.8%201.11-25.8c0-41.16-8.07-75-20.28-90.65A92.14%2092.14%200%200%201%20220%20128m-92-92c13.24%200%2028%2037.78%2028%2092c0%209.45-.46%2018.39-1.27%2026.73c-8.34.81-17.28%201.27-26.73%201.27c-54.22%200-92-14.76-92-28a92.1%2092.1%200%200%201%2092-92M37.35%20143.72C53%20155.93%2086.84%20164%20128%20164c9%200%2017.62-.39%2025.8-1.11C149.21%20197.74%20138.16%20220%20128%20220a92.14%2092.14%200%200%201-90.65-76.28m106.37%2074.93c8.63-11.06%2015.19-31.22%2018.3-56.63c25.41-3.11%2045.57-9.67%2056.63-18.3a92.23%2092.23%200%200%201-74.93%2074.93%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%2028a100%20100%200%201%200%20100%20100A100.11%20100.11%200%200%200%20128%2028m92%20100c0%2010.16-22.26%2021.21-57.11%2025.8c.72-8.18%201.11-16.8%201.11-25.8c0-41.16-8.07-75-20.28-90.65A92.14%2092.14%200%200%201%20220%20128m-92-92c13.24%200%2028%2037.78%2028%2092c0%209.45-.46%2018.39-1.27%2026.73c-8.34.81-17.28%201.27-26.73%201.27c-54.22%200-92-14.76-92-28a92.1%2092.1%200%200%201%2092-92M37.35%20143.72C53%20155.93%2086.84%20164%20128%20164c9%200%2017.62-.39%2025.8-1.11C149.21%20197.74%20138.16%20220%20128%20220a92.14%2092.14%200%200%201-90.65-76.28m106.37%2074.93c8.63-11.06%2015.19-31.22%2018.3-56.63c25.41-3.11%2045.57-9.67%2056.63-18.3a92.23%2092.23%200%200%201-74.93%2074.93%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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