spinner ball icon

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

Name
spinner-ball-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

spinner-ballspinner-ball-boldspinner-ball-duotonespinner-ball-fillspinner-ball-thin

Related icons in Phosphor

spinner-gap

Use the spinner ball 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.89 97.44c-31 22.37-53.66 15.36-77.93 3.75c21.43-14.75 42.27-33.21 41.51-71.54a90 90 0 0 1 36.42 67.79M169 47.89c3.84 38-13.53 54.13-35.71 69.34c-2.07-25.94-7.62-53.23-41.23-71.73A89.88 89.88 0 0 1 169 47.89m-89.86 4.56C114 68.15 119.23 91.23 121.32 118c-23.5-11.18-49.92-20-82.75-.17a90.12 90.12 0 0 1 40.57-65.38m-41 80.11c31.05-22.37 53.66-15.36 77.93-3.75c-21.46 14.75-42.3 33.19-41.54 71.54a90 90 0 0 1-36.42-67.79ZM87 208.11c-3.84-38 13.53-54.13 35.71-69.34c2.06 25.94 7.61 53.24 41.22 71.73A89.88 89.88 0 0 1 87 208.11m89.85-4.56c-34.85-15.7-40.08-38.78-42.17-65.55c13.36 6.36 27.67 12 43.56 12c12.06 0 25-3.23 39.19-11.79a90.15 90.15 0 0 1-40.57 65.34Z"/></svg>

React

import type { SVGProps } from "react";

export function PhSpinnerBallLight(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.89 97.44c-31 22.37-53.66 15.36-77.93 3.75c21.43-14.75 42.27-33.21 41.51-71.54a90 90 0 0 1 36.42 67.79M169 47.89c3.84 38-13.53 54.13-35.71 69.34c-2.07-25.94-7.62-53.23-41.23-71.73A89.88 89.88 0 0 1 169 47.89m-89.86 4.56C114 68.15 119.23 91.23 121.32 118c-23.5-11.18-49.92-20-82.75-.17a90.12 90.12 0 0 1 40.57-65.38m-41 80.11c31.05-22.37 53.66-15.36 77.93-3.75c-21.46 14.75-42.3 33.19-41.54 71.54a90 90 0 0 1-36.42-67.79ZM87 208.11c-3.84-38 13.53-54.13 35.71-69.34c2.06 25.94 7.61 53.24 41.22 71.73A89.88 89.88 0 0 1 87 208.11m89.85-4.56c-34.85-15.7-40.08-38.78-42.17-65.55c13.36 6.36 27.67 12 43.56 12c12.06 0 25-3.23 39.19-11.79a90.15 90.15 0 0 1-40.57 65.34Z"/></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.89 97.44c-31 22.37-53.66 15.36-77.93 3.75c21.43-14.75 42.27-33.21 41.51-71.54a90 90 0 0 1 36.42 67.79M169 47.89c3.84 38-13.53 54.13-35.71 69.34c-2.07-25.94-7.62-53.23-41.23-71.73A89.88 89.88 0 0 1 169 47.89m-89.86 4.56C114 68.15 119.23 91.23 121.32 118c-23.5-11.18-49.92-20-82.75-.17a90.12 90.12 0 0 1 40.57-65.38m-41 80.11c31.05-22.37 53.66-15.36 77.93-3.75c-21.46 14.75-42.3 33.19-41.54 71.54a90 90 0 0 1-36.42-67.79ZM87 208.11c-3.84-38 13.53-54.13 35.71-69.34c2.06 25.94 7.61 53.24 41.22 71.73A89.88 89.88 0 0 1 87 208.11m89.85-4.56c-34.85-15.7-40.08-38.78-42.17-65.55c13.36 6.36 27.67 12 43.56 12c12.06 0 25-3.23 39.19-11.79a90.15 90.15 0 0 1-40.57 65.34Z"/></svg>
</template>

CSS

.icon-spinner-ball-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.89%2097.44c-31%2022.37-53.66%2015.36-77.93%203.75c21.43-14.75%2042.27-33.21%2041.51-71.54a90%2090%200%200%201%2036.42%2067.79M169%2047.89c3.84%2038-13.53%2054.13-35.71%2069.34c-2.07-25.94-7.62-53.23-41.23-71.73A89.88%2089.88%200%200%201%20169%2047.89m-89.86%204.56C114%2068.15%20119.23%2091.23%20121.32%20118c-23.5-11.18-49.92-20-82.75-.17a90.12%2090.12%200%200%201%2040.57-65.38m-41%2080.11c31.05-22.37%2053.66-15.36%2077.93-3.75c-21.46%2014.75-42.3%2033.19-41.54%2071.54a90%2090%200%200%201-36.42-67.79ZM87%20208.11c-3.84-38%2013.53-54.13%2035.71-69.34c2.06%2025.94%207.61%2053.24%2041.22%2071.73A89.88%2089.88%200%200%201%2087%20208.11m89.85-4.56c-34.85-15.7-40.08-38.78-42.17-65.55c13.36%206.36%2027.67%2012%2043.56%2012c12.06%200%2025-3.23%2039.19-11.79a90.15%2090.15%200%200%201-40.57%2065.34Z%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.89%2097.44c-31%2022.37-53.66%2015.36-77.93%203.75c21.43-14.75%2042.27-33.21%2041.51-71.54a90%2090%200%200%201%2036.42%2067.79M169%2047.89c3.84%2038-13.53%2054.13-35.71%2069.34c-2.07-25.94-7.62-53.23-41.23-71.73A89.88%2089.88%200%200%201%20169%2047.89m-89.86%204.56C114%2068.15%20119.23%2091.23%20121.32%20118c-23.5-11.18-49.92-20-82.75-.17a90.12%2090.12%200%200%201%2040.57-65.38m-41%2080.11c31.05-22.37%2053.66-15.36%2077.93-3.75c-21.46%2014.75-42.3%2033.19-41.54%2071.54a90%2090%200%200%201-36.42-67.79ZM87%20208.11c-3.84-38%2013.53-54.13%2035.71-69.34c2.06%2025.94%207.61%2053.24%2041.22%2071.73A89.88%2089.88%200%200%201%2087%20208.11m89.85-4.56c-34.85-15.7-40.08-38.78-42.17-65.55c13.36%206.36%2027.67%2012%2043.56%2012c12.06%200%2025-3.23%2039.19-11.79a90.15%2090.15%200%200%201-40.57%2065.34Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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