Mirror Ball icon
fluent-emoji:mirror-ball
The Mirror Ball icon (fluent-emoji:mirror-ball) is a free SVG icon from the Fluent Emoji set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Fluent Emoji
- Author
- Microsoft Corporation
- License
- MIT
- Size
- 32 × 32
- Tags
- mirrorball
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="url(#i0MXONU)" d="M16.747 5.118c0-.213.437-.4.628-.494c.707-.348 1.273-.917 1.462-1.718c.134-.572 0-.897-.66-.897H13.88c-.732 0-.898.372-.717.897c.26.752.688 1.37 1.394 1.718c.191.095.697.363.697.576v.991c0 .278-.144.503.133.503h1.005c.278 0 .355-.225.355-.503z"/><path fill="url(#igGsqne)" d="M16.747 5.118c0-.213.437-.4.628-.494c.707-.348 1.273-.917 1.462-1.718c.134-.572 0-.897-.66-.897H13.88c-.732 0-.898.372-.717.897c.26.752.688 1.37 1.394 1.718c.191.095.697.363.697.576v.991c0 .278-.144.503.133.503h1.005c.278 0 .355-.225.355-.503z"/><path fill="url(#iprxkAc)" d="M16.747 5.118c0-.213.437-.4.628-.494c.707-.348 1.273-.917 1.462-1.718c.134-.572 0-.897-.66-.897H13.88c-.732 0-.898.372-.717.897c.26.752.688 1.37 1.394 1.718c.191.095.697.363.697.576v.991c0 .278-.144.503.133.503h1.005c.278 0 .355-.225.355-.503z"/><ellipse cx="15.99" cy="18.056" fill="#D9D9D9" rx="11.913" ry="11.944"/><path fill="#6A5E77" d="m13.768 29.12l-1.996-.165l1.03.605c.327.107 1.375.317 1.815.385z"/><path fill="#675B74" d="m16.024 29.206l-2.248-.078l.762.801c.409.038 1.176.06 1.486.071z"/><path fill="#6A5E77" d="m18.302 29.151l-2.318.079V30c.51-.025 1.195-.031 1.525-.094z"/><path fill="#70657C" d="m20.306 28.94l-2.122.227l-.699.73c.497-.05 1.305-.211 1.76-.345z"/><path fill="#7B7186" d="m22.27 28.224l-2.019.707l-1.06.621a12.8 12.8 0 0 0 3.08-1.328"/><path fill="#88828F" d="m7.938 26.252l-.904-.322c.717.93 2.224 2.105 2.9 2.436z"/><path fill="#706779" d="m10.161 26.715l-2.216-.424l1.941 2.035l1.886.652z"/><path fill="#63576F" d="m12.935 27.038l-2.774-.307l1.596 2.24l2.074.196z"/><path fill="#675B73" d="m15.984 27.148l-3.064-.087l.864 2.067l2.2.094z"/><path fill="#73697E" d="m19.08 27.03l-3.104.125v2.075l2.24-.07z"/><path fill="#807788" d="m21.854 26.755l-2.813.275l-.857 2.145l2.06-.212z"/><path fill="#88818F" d="m24.133 26.252l-2.279.503l-1.642 2.208l2.035-.715z"/><path fill="#8E8894" d="m25.005 25.898l-.927.393l-1.815 1.917a13 13 0 0 0 2.742-2.31"/><path fill="#A09DA4" d="m6.594 23.226l-1.666-.707c.365 1.05 1.399 2.625 2.082 3.395l.951.37z"/><path fill="#7B7581" d="m9.148 23.69l-2.55-.456L7.969 26.3l2.208.456z"/><path fill="#695F73" d="m12.401 24.051l-3.253-.361l1.03 3.072l2.75.283z"/><path fill="#756B7F" d="m15.984 24.154l-3.583-.087l.51 3.018l3.073.094z"/><path fill="#908898" d="m19.599 24.028l-3.654.133v3.01l3.12-.118z"/><path fill="#A39DA9" d="m22.892 23.706l-3.293.338l-.542 3.017l2.79-.306z"/><path fill="#A8A4AD" d="m25.445 23.171l-2.553.527l-1.046 3.057l2.216-.472z"/><path fill="#A29FA5" d="m27.088 22.496l-1.658.644l-1.375 3.175l.919-.378c.684-.707 1.776-2.593 2.114-3.442"/><path fill="#A9A7AB" d="m6.099 19.54l-1.76-.698l.585 3.685l1.682.711z"/><path fill="#7D7881" d="m8.833 20.09l-2.742-.565l.515 3.721l2.553.46z"/><path fill="#726B79" d="m12.228 20.429l-3.395-.33l.315 3.599l3.284.385z"/><path fill="#8E8795" d="m15.984 20.555l-3.787-.142l.212 3.654l3.575.102z"/><path fill="#B6B1BB" d="m19.78 20.476l-3.796.11v3.591l3.623-.15z"/><path fill="#D2CFD6" d="m23.214 20.122l-3.434.362l-.165 3.56l3.284-.346z"/><path fill="#CBC9CD" d="m25.917 19.533l-2.711.581l-.322 3.584l2.553-.527z"/><path fill="#B7B6B9" d="m27.677 18.787l-1.76.746l-.48 3.638l1.666-.66z"/><path fill="#ADACAE" d="m27.936 18.449l-.275.337l-.581 3.702c.44-.935.801-3.05.856-4.04"/><path fill="#CFCFCF" d="m4.928 15.085l-.362-.503c-.322 1.061-.565 2.947-.495 4.212l.275.047z"/><path fill="#A6A5A7" d="m6.578 15.745l-1.65-.628l-.582 3.772l1.753.652z"/><path fill="#858288" d="m9.148 16.296l-2.57-.535l-.487 3.78l2.735.573z"/><path fill="#89858D" d="m12.385 16.641l-3.237-.338l-.322 3.811l3.378.338z"/><path fill="#A7A3AB" d="m15.984 16.767l-3.599-.118l-.188 3.803l3.787.126z"/><path fill="#DFDCE2" d="m19.575 16.633l-3.583.142v3.811l3.788-.11z"/><path fill="#EDEBEF" d="m22.82 16.28l-3.26.298l.228 3.89l3.418-.361z"/><path fill="url(#iWPmLnb)" d="m22.82 16.28l-3.26.298l.228 3.89l3.418-.361z"/><path fill="#E3E2E5" d="m25.422 15.73l-2.617.55l.4 3.827l2.704-.574z"/><path fill="#C9C9CA" d="m27.088 15.062l-1.666.676l.495 3.803l1.736-.723z"/><path fill="#B8B7B8" d="m27.434 14.559l-.338.503l.558 3.78l.282-.338c.05-1.497-.337-3.222-.503-3.945"/><path fill="#CCC" d="m6.594 11.612l-.362-.44c-.699.904-1.422 2.562-1.658 3.434l.37.527z"/><path fill="#ACACAD" d="m8.008 12.233l-1.414-.605l-1.666 3.52l1.666.629z"/><path fill="#9D9C9F" d="m10.193 12.657l-2.208-.432l-1.415 3.568l2.593.518z"/><path fill="#ACAAAE" d="m12.92 12.964l-2.743-.291l-1.03 3.63l3.238.338z"/><path fill="#CBC9CD" d="m15.992 13.027l-3.08-.063l-.511 3.677l3.591.118z"/><path fill="#EFEEF1" d="m19.088 12.932l-3.096.07v3.757l3.583-.134z"/><path fill="url(#iFWftRc)" d="m19.088 12.932l-3.096.07v3.757l3.583-.134z"/><path fill="#FDFDFE" d="m21.713 12.642l-2.633.29l.495 3.693l3.222-.345z"/><path fill="url(#iQAxl8b)" d="m21.713 12.642l-2.633.29l.495 3.693l3.222-.345z"/><path fill="url(#iA136zb)" d="m21.713 12.642l-2.633.29l.495 3.693l3.222-.345z"/><path fill="url(#ioJ09Xd)" d="m21.713 12.642l-2.633.29l.495 3.693l3.222-.345z"/><path fill="#E9E9EA" d="m24.007 12.17l-2.294.472l1.1 3.638l2.601-.542z"/><path fill="url(#iSinnQe)" d="m24.007 12.17l-2.294.472l1.1 3.638l2.601-.542z"/><path fill="#D4D4D5" d="m25.43 11.596l-1.415.574l1.399 3.56l1.674-.676z"/><path fill="#BEBEBF" d="m25.744 11.101l-.314.495l1.666 3.466l.345-.464c-.15-.748-1.17-2.727-1.697-3.497"/><path fill="#C4C4C4" d="m9.156 8.783l-.283-.33c-.92.637-2.177 2.059-2.656 2.719l.369.448z"/><path fill="#BBBBBC" d="M10.185 9.184L9.148 8.76l-2.562 2.86l1.399.613z"/><path fill="#B8B8B9" d="m11.78 9.53l-1.61-.323l-2.185 3.026l2.184.424z"/><path fill="#C8C7C9" d="m13.76 9.789l-1.988-.251l-1.603 3.127l2.75.283z"/><path fill="#E0DFE1" d="m15.976 9.836l-2.208-.04l-.856 3.152l3.064.07z"/><path fill="#F0F0F1" d="m18.192 9.758l-2.216.086l.04 3.198l3.08-.094z"/><path fill="#F0F0F1" d="m20.236 9.545l-2.036.213l.88 3.174l2.633-.29z"/><path fill="url(#idb2Wyc)" d="m20.236 9.545l-2.036.213l.88 3.174l2.633-.29z"/><path fill="#E5E5E6" d="m21.83 9.207l-1.587.346l1.478 3.089l2.294-.472z"/><path fill="url(#iEk59mc)" d="m21.83 9.207l-1.587.346l1.478 3.089l2.294-.472z"/><path fill="#CFCFCF" d="m22.884 8.752l-1.038.463l2.185 2.955l1.383-.55z"/><path fill="#C1C1C1" d="m23.096 8.437l-.212.354l2.538 2.829l.338-.487c-.44-.704-1.918-2.161-2.664-2.696"/><path fill="#BCBCBD" d="m19.74 6.716l-.18.15l3.317 1.933l.228-.353c-1.031-.817-2.668-1.486-3.364-1.73"/><path fill="#BABABA" d="m12.401 6.85l-.15-.157c-1.217.322-2.747 1.283-3.394 1.76l.29.307c1.038-.77 2.586-1.572 3.254-1.91"/><path fill="#BEBEBE" d="m12.935 7.094l-.565-.268c-.936.417-2.468 1.36-3.238 1.934l1.069.455c.748-.76 2.121-1.736 2.734-2.121"/><path fill="#C5C4C5" d="m13.745 7.282l-.825-.188c-1.046.597-2.122 1.524-2.75 2.13l1.626.314c.748-.761 1.116-1.297 1.949-2.256"/><path fill="#CDCCCD" d="m14.813 7.377l-1.092-.095l-1.94 2.28l1.98.227z"/><path fill="#D5D5D6" d="m15.984 7.424l-1.17-.04l-1.054 2.397l2.224.04z"/><path fill="#DCDBDC" d="m17.1 7.384l-1.116.04v2.412l2.2-.094z"/><path fill="#DADADB" d="m18.287 7.267l-1.171.125L18.2 9.75l2.035-.205z"/><path fill="#D2D2D2" d="m19.088 7.094l-.801.18l1.964 2.264l1.587-.33z"/><path fill="#C6C6C7" d="m19.623 6.874l-.511.228l2.742 2.105l1.006-.432z"/><path fill="#CBCACC" d="m4.346 18.85l-.282-.11c0 1.074.573 3.111.864 3.787z"/><path fill="#72677E" d="m11.78 28.94l-1.91-.63c.868.51 2.13 1.07 2.948 1.25z"/><path fill="#fff" d="m20.488 13.14l-1.95.88a.503.503 0 0 0 0 .924l1.95.846a.5.5 0 0 1 .272.286l.782 2.546a.502.502 0 0 0 .94 0l.87-2.546a.5.5 0 0 1 .273-.286l2.001-.94c.299-.157.299-.723-.141-.943l-1.86-.848a.5.5 0 0 1-.273-.286l-.87-2.45a.502.502 0 0 0-.94 0l-.782 2.53a.5.5 0 0 1-.272.286"/><path fill="url(#i63SRRd)" d="m20.488 13.14l-1.95.88a.503.503 0 0 0 0 .924l1.95.846a.5.5 0 0 1 .272.286l.782 2.546a.502.502 0 0 0 .94 0l.87-2.546a.5.5 0 0 1 .273-.286l2.001-.94c.299-.157.299-.723-.141-.943l-1.86-.848a.5.5 0 0 1-.273-.286l-.87-2.45a.502.502 0 0 0-.94 0l-.782 2.53a.5.5 0 0 1-.272.286"/><path fill="#B9B9B9" d="M12.15 6.724a12 12 0 0 1 3.795-.613a12 12 0 0 1 3.796.613c-.698 1.048-6.971.963-7.591 0"/><defs><radialGradient id="i0MXONU" cx="0" cy="0" r="1" gradientTransform="matrix(0 3.3947 -5.08957 0 15.99 1.68)" gradientUnits="userSpaceOnUse"><stop offset=".463" stop-color="#483B54"/><stop offset=".907" stop-color="#2B2530"/></radialGradient><radialGradient id="igGsqne" cx="0" cy="0" r="1" gradientTransform="matrix(0 1.33588 -.81724 0 16.432 5.923)" gradientUnits="userSpaceOnUse"><stop offset=".247" stop-color="#514E56"/><stop offset="1" stop-color="#3D3941" stop-opacity="0"/></radialGradient><radialGradient id="iprxkAc" cx="0" cy="0" r="1" gradientTransform="matrix(.3142 .50292 -1.39024 .86857 18.57 2.434)" gradientUnits="userSpaceOnUse"><stop offset=".327" stop-color="#5C5167"/><stop offset="1" stop-color="#594D64" stop-opacity="0"/></radialGradient><radialGradient id="iWPmLnb" cx="0" cy="0" r="1" gradientTransform="rotate(79.611 .594 21.245)scale(2.87606 1.28924)" gradientUnits="userSpaceOnUse"><stop offset=".312" stop-color="#B1AAB9"/><stop offset="1" stop-color="#D6D4D8" stop-opacity="0"/></radialGradient><radialGradient id="iFWftRc" cx="0" cy="0" r="1" gradientTransform="rotate(98.366 3.32 15.941)scale(1.08019 2.40094)" gradientUnits="userSpaceOnUse"><stop offset=".326" stop-color="#B1AAB9"/><stop offset="1" stop-color="#DDDCDF" stop-opacity="0"/></radialGradient><radialGradient id="iQAxl8b" cx="0" cy="0" r="1" gradientTransform="rotate(-164.015 11.342 5.073)scale(1.56944 1.46419)" gradientUnits="userSpaceOnUse"><stop offset=".115" stop-color="#CDCCCD"/><stop offset=".659" stop-color="#CDCCCD" stop-opacity="0"/></radialGradient><radialGradient id="iA136zb" cx="0" cy="0" r="1" gradientTransform="rotate(115.081 5.693 14.867)scale(1.4923 9.63944)" gradientUnits="userSpaceOnUse"><stop offset=".253" stop-color="#B2ACBA"/><stop offset=".877" stop-color="#D9D8DA" stop-opacity="0"/></radialGradient><radialGradient id="ioJ09Xd" cx="0" cy="0" r="1" gradientTransform="matrix(-.75438 .70722 -1.56169 -1.66582 21.351 16.72)" gradientUnits="userSpaceOnUse"><stop offset=".253" stop-color="#B2ACBA"/><stop offset=".877" stop-color="#D9D8DA" stop-opacity="0"/></radialGradient><radialGradient id="iSinnQe" cx="0" cy="0" r="1" gradientTransform="rotate(67.38 .984 26.067)scale(.81724 2.73703)" gradientUnits="userSpaceOnUse"><stop offset=".364" stop-color="#D0CFD1"/><stop offset="1" stop-color="#D2D1D3" stop-opacity="0"/></radialGradient><radialGradient id="iEk59mc" cx="0" cy="0" r="1" gradientTransform="matrix(.0943 1.47732 -.92452 .05901 21.776 11.36)" gradientUnits="userSpaceOnUse"><stop offset=".637" stop-color="#BCBCBD"/><stop offset="1" stop-color="#BCBCBD" stop-opacity="0"/></radialGradient><radialGradient id="i63SRRd" cx="0" cy="0" r="1" gradientTransform="rotate(44.934 -11.18 31.449)scale(4.36135 3.70406)" gradientUnits="userSpaceOnUse"><stop offset=".511" stop-color="#F4EEFA"/><stop offset="1" stop-color="#ECE6F4" stop-opacity="0"/></radialGradient><linearGradient id="idb2Wyc" x1="20.943" x2="20.283" y1="12.539" y2="12.304" gradientUnits="userSpaceOnUse"><stop offset=".314" stop-color="#CCCBCC"/><stop offset="1" stop-color="#CCCBCC" stop-opacity="0"/></linearGradient></defs></g></svg>How to use the Mirror Ball icon
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:mirror-ball" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:mirror-ball" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:mirror-ball" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--mirror-ball]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:mirror-ball"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:mirror-ball"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/fluent-emoji/mirror-ball.svg" alt="Mirror Ball icon" width="24" height="24">Related icons in Fluent Emoji
Mirror Ball icon in other icon sets
Mirror Ball icon FAQ
Is the Mirror Ball icon free for commercial use?
Yes. Fluent Emoji icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Mirror Ball icon in React?
Install @iconify/react and render <Icon icon="fluent-emoji:mirror-ball" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mirror Ball icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fluent-emoji/mirror-ball.svg" alt="Mirror Ball icon">, or paste the SVG code inline to style it with CSS.