spinner ball icon

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

Name
spinner-ball-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

spinner-ballspinner-ball-duotonespinner-ball-fillspinner-ball-lightspinner-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 20a108 108 0 1 0 108 108A108.12 108.12 0 0 0 128 20m83.65 100.47c-23.14 15.53-40.94 13.27-59.73 5.53c7.87-6 15.29-12.73 21.35-21.16A74.85 74.85 0 0 0 187 68.25a83.73 83.73 0 0 1 24.65 52.22M163.3 51.8c1.9 27.81-9 42.09-25.09 54.48c-1.24-9.82-3.38-19.61-7.64-29.08A75 75 0 0 0 105.69 47a83.73 83.73 0 0 1 57.61 4.8m-83.61 7.55c25 12.25 31.93 28.8 34.6 48.94c-9.12-3.82-18.66-6.87-29-7.91a75 75 0 0 0-38.59 6.46a84.2 84.2 0 0 1 32.99-47.49m-35.34 76.18C67.49 120 85.29 122.26 104.08 130c-7.87 6-15.29 12.73-21.35 21.16A74.85 74.85 0 0 0 69 187.75a83.73 83.73 0 0 1-24.65-52.22M92.7 204.2c-1.9-27.81 9-42.09 25.09-54.48c1.24 9.82 3.38 19.61 7.64 29.08a75 75 0 0 0 24.88 30.2a83.73 83.73 0 0 1-57.61-4.8m83.61-7.55c-25-12.25-31.93-28.8-34.6-48.94c9.12 3.82 18.66 6.87 29 7.91q3.75.38 7.47.38a76 76 0 0 0 31.12-6.85a84.2 84.2 0 0 1-32.99 47.5"/></svg>

React

import type { SVGProps } from "react";

export function PhSpinnerBallBold(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.65 100.47c-23.14 15.53-40.94 13.27-59.73 5.53c7.87-6 15.29-12.73 21.35-21.16A74.85 74.85 0 0 0 187 68.25a83.73 83.73 0 0 1 24.65 52.22M163.3 51.8c1.9 27.81-9 42.09-25.09 54.48c-1.24-9.82-3.38-19.61-7.64-29.08A75 75 0 0 0 105.69 47a83.73 83.73 0 0 1 57.61 4.8m-83.61 7.55c25 12.25 31.93 28.8 34.6 48.94c-9.12-3.82-18.66-6.87-29-7.91a75 75 0 0 0-38.59 6.46a84.2 84.2 0 0 1 32.99-47.49m-35.34 76.18C67.49 120 85.29 122.26 104.08 130c-7.87 6-15.29 12.73-21.35 21.16A74.85 74.85 0 0 0 69 187.75a83.73 83.73 0 0 1-24.65-52.22M92.7 204.2c-1.9-27.81 9-42.09 25.09-54.48c1.24 9.82 3.38 19.61 7.64 29.08a75 75 0 0 0 24.88 30.2a83.73 83.73 0 0 1-57.61-4.8m83.61-7.55c-25-12.25-31.93-28.8-34.6-48.94c9.12 3.82 18.66 6.87 29 7.91q3.75.38 7.47.38a76 76 0 0 0 31.12-6.85a84.2 84.2 0 0 1-32.99 47.5"/></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.65 100.47c-23.14 15.53-40.94 13.27-59.73 5.53c7.87-6 15.29-12.73 21.35-21.16A74.85 74.85 0 0 0 187 68.25a83.73 83.73 0 0 1 24.65 52.22M163.3 51.8c1.9 27.81-9 42.09-25.09 54.48c-1.24-9.82-3.38-19.61-7.64-29.08A75 75 0 0 0 105.69 47a83.73 83.73 0 0 1 57.61 4.8m-83.61 7.55c25 12.25 31.93 28.8 34.6 48.94c-9.12-3.82-18.66-6.87-29-7.91a75 75 0 0 0-38.59 6.46a84.2 84.2 0 0 1 32.99-47.49m-35.34 76.18C67.49 120 85.29 122.26 104.08 130c-7.87 6-15.29 12.73-21.35 21.16A74.85 74.85 0 0 0 69 187.75a83.73 83.73 0 0 1-24.65-52.22M92.7 204.2c-1.9-27.81 9-42.09 25.09-54.48c1.24 9.82 3.38 19.61 7.64 29.08a75 75 0 0 0 24.88 30.2a83.73 83.73 0 0 1-57.61-4.8m83.61-7.55c-25-12.25-31.93-28.8-34.6-48.94c9.12 3.82 18.66 6.87 29 7.91q3.75.38 7.47.38a76 76 0 0 0 31.12-6.85a84.2 84.2 0 0 1-32.99 47.5"/></svg>
</template>

CSS

.icon-spinner-ball-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.65%20100.47c-23.14%2015.53-40.94%2013.27-59.73%205.53c7.87-6%2015.29-12.73%2021.35-21.16A74.85%2074.85%200%200%200%20187%2068.25a83.73%2083.73%200%200%201%2024.65%2052.22M163.3%2051.8c1.9%2027.81-9%2042.09-25.09%2054.48c-1.24-9.82-3.38-19.61-7.64-29.08A75%2075%200%200%200%20105.69%2047a83.73%2083.73%200%200%201%2057.61%204.8m-83.61%207.55c25%2012.25%2031.93%2028.8%2034.6%2048.94c-9.12-3.82-18.66-6.87-29-7.91a75%2075%200%200%200-38.59%206.46a84.2%2084.2%200%200%201%2032.99-47.49m-35.34%2076.18C67.49%20120%2085.29%20122.26%20104.08%20130c-7.87%206-15.29%2012.73-21.35%2021.16A74.85%2074.85%200%200%200%2069%20187.75a83.73%2083.73%200%200%201-24.65-52.22M92.7%20204.2c-1.9-27.81%209-42.09%2025.09-54.48c1.24%209.82%203.38%2019.61%207.64%2029.08a75%2075%200%200%200%2024.88%2030.2a83.73%2083.73%200%200%201-57.61-4.8m83.61-7.55c-25-12.25-31.93-28.8-34.6-48.94c9.12%203.82%2018.66%206.87%2029%207.91q3.75.38%207.47.38a76%2076%200%200%200%2031.12-6.85a84.2%2084.2%200%200%201-32.99%2047.5%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.65%20100.47c-23.14%2015.53-40.94%2013.27-59.73%205.53c7.87-6%2015.29-12.73%2021.35-21.16A74.85%2074.85%200%200%200%20187%2068.25a83.73%2083.73%200%200%201%2024.65%2052.22M163.3%2051.8c1.9%2027.81-9%2042.09-25.09%2054.48c-1.24-9.82-3.38-19.61-7.64-29.08A75%2075%200%200%200%20105.69%2047a83.73%2083.73%200%200%201%2057.61%204.8m-83.61%207.55c25%2012.25%2031.93%2028.8%2034.6%2048.94c-9.12-3.82-18.66-6.87-29-7.91a75%2075%200%200%200-38.59%206.46a84.2%2084.2%200%200%201%2032.99-47.49m-35.34%2076.18C67.49%20120%2085.29%20122.26%20104.08%20130c-7.87%206-15.29%2012.73-21.35%2021.16A74.85%2074.85%200%200%200%2069%20187.75a83.73%2083.73%200%200%201-24.65-52.22M92.7%20204.2c-1.9-27.81%209-42.09%2025.09-54.48c1.24%209.82%203.38%2019.61%207.64%2029.08a75%2075%200%200%200%2024.88%2030.2a83.73%2083.73%200%200%201-57.61-4.8m83.61-7.55c-25-12.25-31.93-28.8-34.6-48.94c9.12%203.82%2018.66%206.87%2029%207.91q3.75.38%207.47.38a76%2076%200%200%200%2031.12-6.85a84.2%2084.2%200%200%201-32.99%2047.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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