disco ball icon

disco-ball from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.

Name
disco-ball
Set
Phosphor
Style
Regular
Viewbox
256×256
License
MIT

5 other variants in Phosphor

disco-ball-bolddisco-ball-duotonedisco-ball-filldisco-ball-lightdisco-ball-thin

Use the disco ball icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M120 64.37V16a8 8 0 0 0-16 0v48.37a88 88 0 1 0 16 0M183.54 144h-31.77c-1.51-28.36-10.79-48.36-19.44-61.06A72.16 72.16 0 0 1 183.54 144m-95.3 16h47.52c-2 33.52-16.13 52.95-23.76 61.08c-7.64-8.15-21.77-27.57-23.76-61.08m0-16c2-33.52 16.13-52.95 23.76-61.08c7.64 8.15 21.77 27.57 23.76 61.08Zm3.43-61.06C83 95.64 73.74 115.64 72.23 144H40.46a72.16 72.16 0 0 1 51.21-61.06M40.46 160h31.77c1.51 28.36 10.79 48.36 19.44 61.06A72.16 72.16 0 0 1 40.46 160m91.87 61.06c8.65-12.7 17.93-32.7 19.44-61.06h31.77a72.16 72.16 0 0 1-51.21 61.06M256 88a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8M152 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8"/></svg>

React

import type { SVGProps } from "react";

export function PhDiscoBall(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="M120 64.37V16a8 8 0 0 0-16 0v48.37a88 88 0 1 0 16 0M183.54 144h-31.77c-1.51-28.36-10.79-48.36-19.44-61.06A72.16 72.16 0 0 1 183.54 144m-95.3 16h47.52c-2 33.52-16.13 52.95-23.76 61.08c-7.64-8.15-21.77-27.57-23.76-61.08m0-16c2-33.52 16.13-52.95 23.76-61.08c7.64 8.15 21.77 27.57 23.76 61.08Zm3.43-61.06C83 95.64 73.74 115.64 72.23 144H40.46a72.16 72.16 0 0 1 51.21-61.06M40.46 160h31.77c1.51 28.36 10.79 48.36 19.44 61.06A72.16 72.16 0 0 1 40.46 160m91.87 61.06c8.65-12.7 17.93-32.7 19.44-61.06h31.77a72.16 72.16 0 0 1-51.21 61.06M256 88a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8M152 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M120 64.37V16a8 8 0 0 0-16 0v48.37a88 88 0 1 0 16 0M183.54 144h-31.77c-1.51-28.36-10.79-48.36-19.44-61.06A72.16 72.16 0 0 1 183.54 144m-95.3 16h47.52c-2 33.52-16.13 52.95-23.76 61.08c-7.64-8.15-21.77-27.57-23.76-61.08m0-16c2-33.52 16.13-52.95 23.76-61.08c7.64 8.15 21.77 27.57 23.76 61.08Zm3.43-61.06C83 95.64 73.74 115.64 72.23 144H40.46a72.16 72.16 0 0 1 51.21-61.06M40.46 160h31.77c1.51 28.36 10.79 48.36 19.44 61.06A72.16 72.16 0 0 1 40.46 160m91.87 61.06c8.65-12.7 17.93-32.7 19.44-61.06h31.77a72.16 72.16 0 0 1-51.21 61.06M256 88a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8M152 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8"/></svg>
</template>

CSS

.icon-disco-ball {
  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%22M120%2064.37V16a8%208%200%200%200-16%200v48.37a88%2088%200%201%200%2016%200M183.54%20144h-31.77c-1.51-28.36-10.79-48.36-19.44-61.06A72.16%2072.16%200%200%201%20183.54%20144m-95.3%2016h47.52c-2%2033.52-16.13%2052.95-23.76%2061.08c-7.64-8.15-21.77-27.57-23.76-61.08m0-16c2-33.52%2016.13-52.95%2023.76-61.08c7.64%208.15%2021.77%2027.57%2023.76%2061.08Zm3.43-61.06C83%2095.64%2073.74%20115.64%2072.23%20144H40.46a72.16%2072.16%200%200%201%2051.21-61.06M40.46%20160h31.77c1.51%2028.36%2010.79%2048.36%2019.44%2061.06A72.16%2072.16%200%200%201%2040.46%20160m91.87%2061.06c8.65-12.7%2017.93-32.7%2019.44-61.06h31.77a72.16%2072.16%200%200%201-51.21%2061.06M256%2088a8%208%200%200%201-8%208h-8v8a8%208%200%200%201-16%200v-8h-8a8%208%200%200%201%200-16h8v-8a8%208%200%200%201%2016%200v8h8a8%208%200%200%201%208%208M152%2040a8%208%200%200%201%208-8h16V16a8%208%200%200%201%2016%200v16h16a8%208%200%200%201%200%2016h-16v16a8%208%200%200%201-16%200V48h-16a8%208%200%200%201-8-8%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%22M120%2064.37V16a8%208%200%200%200-16%200v48.37a88%2088%200%201%200%2016%200M183.54%20144h-31.77c-1.51-28.36-10.79-48.36-19.44-61.06A72.16%2072.16%200%200%201%20183.54%20144m-95.3%2016h47.52c-2%2033.52-16.13%2052.95-23.76%2061.08c-7.64-8.15-21.77-27.57-23.76-61.08m0-16c2-33.52%2016.13-52.95%2023.76-61.08c7.64%208.15%2021.77%2027.57%2023.76%2061.08Zm3.43-61.06C83%2095.64%2073.74%20115.64%2072.23%20144H40.46a72.16%2072.16%200%200%201%2051.21-61.06M40.46%20160h31.77c1.51%2028.36%2010.79%2048.36%2019.44%2061.06A72.16%2072.16%200%200%201%2040.46%20160m91.87%2061.06c8.65-12.7%2017.93-32.7%2019.44-61.06h31.77a72.16%2072.16%200%200%201-51.21%2061.06M256%2088a8%208%200%200%201-8%208h-8v8a8%208%200%200%201-16%200v-8h-8a8%208%200%200%201%200-16h8v-8a8%208%200%200%201%2016%200v8h8a8%208%200%200%201%208%208M152%2040a8%208%200%200%201%208-8h16V16a8%208%200%200%201%2016%200v16h16a8%208%200%200%201%200%2016h-16v16a8%208%200%200%201-16%200V48h-16a8%208%200%200%201-8-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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