disco ball icon
disco-ball-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- disco-ball-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
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="M124 60.78V16a12 12 0 0 0-24 0v44.78a92 92 0 1 0 24 0M178.92 140h-23.4c-1.64-20.74-7.36-37-13.81-49.15A68.23 68.23 0 0 1 178.92 140M112 215c-7-8.62-17-25.09-19.45-51h38.9C129 189.9 119 206.37 112 215m-19.45-75C95 114.1 105 97.63 112 89c7 8.62 17 25.09 19.45 51ZM82.29 90.85C75.84 103 70.12 119.26 68.48 140h-23.4a68.23 68.23 0 0 1 37.21-49.15M45.08 164h23.4c1.64 20.74 7.36 37 13.81 49.15A68.23 68.23 0 0 1 45.08 164m96.63 49.15c6.45-12.15 12.17-28.41 13.81-49.15h23.4a68.23 68.23 0 0 1-37.21 49.15M256 88a12 12 0 0 1-12 12h-4v4a12 12 0 0 1-24 0v-4h-4a12 12 0 0 1 0-24h4v-4a12 12 0 0 1 24 0v4h4a12 12 0 0 1 12 12M148 36a12 12 0 0 1 12-12h8v-8a12 12 0 0 1 24 0v8h8a12 12 0 0 1 0 24h-8v8a12 12 0 0 1-24 0v-8h-8a12 12 0 0 1-12-12"/></svg>
React
import type { SVGProps } from "react";
export function PhDiscoBallBold(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="M124 60.78V16a12 12 0 0 0-24 0v44.78a92 92 0 1 0 24 0M178.92 140h-23.4c-1.64-20.74-7.36-37-13.81-49.15A68.23 68.23 0 0 1 178.92 140M112 215c-7-8.62-17-25.09-19.45-51h38.9C129 189.9 119 206.37 112 215m-19.45-75C95 114.1 105 97.63 112 89c7 8.62 17 25.09 19.45 51ZM82.29 90.85C75.84 103 70.12 119.26 68.48 140h-23.4a68.23 68.23 0 0 1 37.21-49.15M45.08 164h23.4c1.64 20.74 7.36 37 13.81 49.15A68.23 68.23 0 0 1 45.08 164m96.63 49.15c6.45-12.15 12.17-28.41 13.81-49.15h23.4a68.23 68.23 0 0 1-37.21 49.15M256 88a12 12 0 0 1-12 12h-4v4a12 12 0 0 1-24 0v-4h-4a12 12 0 0 1 0-24h4v-4a12 12 0 0 1 24 0v4h4a12 12 0 0 1 12 12M148 36a12 12 0 0 1 12-12h8v-8a12 12 0 0 1 24 0v8h8a12 12 0 0 1 0 24h-8v8a12 12 0 0 1-24 0v-8h-8a12 12 0 0 1-12-12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M124 60.78V16a12 12 0 0 0-24 0v44.78a92 92 0 1 0 24 0M178.92 140h-23.4c-1.64-20.74-7.36-37-13.81-49.15A68.23 68.23 0 0 1 178.92 140M112 215c-7-8.62-17-25.09-19.45-51h38.9C129 189.9 119 206.37 112 215m-19.45-75C95 114.1 105 97.63 112 89c7 8.62 17 25.09 19.45 51ZM82.29 90.85C75.84 103 70.12 119.26 68.48 140h-23.4a68.23 68.23 0 0 1 37.21-49.15M45.08 164h23.4c1.64 20.74 7.36 37 13.81 49.15A68.23 68.23 0 0 1 45.08 164m96.63 49.15c6.45-12.15 12.17-28.41 13.81-49.15h23.4a68.23 68.23 0 0 1-37.21 49.15M256 88a12 12 0 0 1-12 12h-4v4a12 12 0 0 1-24 0v-4h-4a12 12 0 0 1 0-24h4v-4a12 12 0 0 1 24 0v4h4a12 12 0 0 1 12 12M148 36a12 12 0 0 1 12-12h8v-8a12 12 0 0 1 24 0v8h8a12 12 0 0 1 0 24h-8v8a12 12 0 0 1-24 0v-8h-8a12 12 0 0 1-12-12"/></svg> </template>
CSS
.icon-disco-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%22M124%2060.78V16a12%2012%200%200%200-24%200v44.78a92%2092%200%201%200%2024%200M178.92%20140h-23.4c-1.64-20.74-7.36-37-13.81-49.15A68.23%2068.23%200%200%201%20178.92%20140M112%20215c-7-8.62-17-25.09-19.45-51h38.9C129%20189.9%20119%20206.37%20112%20215m-19.45-75C95%20114.1%20105%2097.63%20112%2089c7%208.62%2017%2025.09%2019.45%2051ZM82.29%2090.85C75.84%20103%2070.12%20119.26%2068.48%20140h-23.4a68.23%2068.23%200%200%201%2037.21-49.15M45.08%20164h23.4c1.64%2020.74%207.36%2037%2013.81%2049.15A68.23%2068.23%200%200%201%2045.08%20164m96.63%2049.15c6.45-12.15%2012.17-28.41%2013.81-49.15h23.4a68.23%2068.23%200%200%201-37.21%2049.15M256%2088a12%2012%200%200%201-12%2012h-4v4a12%2012%200%200%201-24%200v-4h-4a12%2012%200%200%201%200-24h4v-4a12%2012%200%200%201%2024%200v4h4a12%2012%200%200%201%2012%2012M148%2036a12%2012%200%200%201%2012-12h8v-8a12%2012%200%200%201%2024%200v8h8a12%2012%200%200%201%200%2024h-8v8a12%2012%200%200%201-24%200v-8h-8a12%2012%200%200%201-12-12%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%22M124%2060.78V16a12%2012%200%200%200-24%200v44.78a92%2092%200%201%200%2024%200M178.92%20140h-23.4c-1.64-20.74-7.36-37-13.81-49.15A68.23%2068.23%200%200%201%20178.92%20140M112%20215c-7-8.62-17-25.09-19.45-51h38.9C129%20189.9%20119%20206.37%20112%20215m-19.45-75C95%20114.1%20105%2097.63%20112%2089c7%208.62%2017%2025.09%2019.45%2051ZM82.29%2090.85C75.84%20103%2070.12%20119.26%2068.48%20140h-23.4a68.23%2068.23%200%200%201%2037.21-49.15M45.08%20164h23.4c1.64%2020.74%207.36%2037%2013.81%2049.15A68.23%2068.23%200%200%201%2045.08%20164m96.63%2049.15c6.45-12.15%2012.17-28.41%2013.81-49.15h23.4a68.23%2068.23%200%200%201-37.21%2049.15M256%2088a12%2012%200%200%201-12%2012h-4v4a12%2012%200%200%201-24%200v-4h-4a12%2012%200%200%201%200-24h4v-4a12%2012%200%200%201%2024%200v4h4a12%2012%200%200%201%2012%2012M148%2036a12%2012%200%200%201%2012-12h8v-8a12%2012%200%200%201%2024%200v8h8a12%2012%200%200%201%200%2024h-8v8a12%2012%200%200%201-24%200v-8h-8a12%2012%200%200%201-12-12%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/disco-ball-bold.svg?color=%231a73e8&size=48
