Mirror Ball icon

fluent-emoji-flat:mirror-ball

The Mirror Ball icon (fluent-emoji-flat:mirror-ball) is a free SVG icon from the Fluent Emoji Flat set by Microsoft Corporation. It is drawn on a 32 × 32 grid. Fluent Emoji Flat 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 Flat
Author: Microsoft Corporation
License: MIT
Size: 32 × 32
Category: Activities
Tags: mirrorball

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#321b41" d="M17 5.183a.56.56 0 0 1 .326-.491a3 3 0 0 0 1.51-1.71C19.016 2.46 18.552 2 18 2h-4c-.552 0-1.016.46-.836.982c.26.749.807 1.363 1.51 1.71a.56.56 0 0 1 .326.49v1.069a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5z"/><path fill="#71667d" d="M10.056 28.262a12 12 0 0 1-1.815-1.353c-.22-.448-.362-.749-.42-.983c.338.057.638.1.913.139c.459.065.846.12 1.216.212c-.342-2.272-.699-5.063-.699-6.059c0 0 5.081.656 7.103.656c.031 1.938.065 4.074.17 6.05c2.359-.054 2.933-.14 2.933-.14c-.058.494-.254 1.367-.404 1.932a22 22 0 0 0 2.755-.489c-.05.032.046.046.142.06c.094.014.186.028.136.058c-1.77 1.043-3.536 1.654-5.946 1.654c-2.471 0-4.283-.642-6.084-1.737"/><path fill="#62576e" d="M10.81 26.623a17.4 17.4 0 0 1-1.022-3.095q1.287.197 2.683.315c.106 1.04.253 2.029.437 2.954l.008.04c1.694.13 3.364.16 3.364.16V29a30 30 0 0 1-3.438-.194q-.468-.055-.923-.123a14.6 14.6 0 0 1-1.108-2.06"/><path fill="#898291" d="M6.23 19.329c-.082-1.982.345-3.625.345-3.625s1.453.294 2.87.68a20.6 20.6 0 0 0-.126 3.89a20 20 0 0 1-3.09-.945m19.743.641a15.6 15.6 0 0 1-1.573 6.02c-.774.175-1.643.332-2.464.481l-.007.002l-.427.077c-.333.765-.715 1.48-1.14 2.133a25 25 0 0 0 1.678-.311a12 12 0 0 0 3.064-2.553a12 12 0 0 0 2.512-4.792a8.6 8.6 0 0 0-1.643-1.056m-6.499 6.884c.172-.746.33-1.983.423-3.107c-.372 0-.938.024-1.547.05c-.71.03-1.48.064-2.069.064V27c1.099 0 2.167-.05 3.192-.145"/><path fill="#898291" d="M12.285 20.63c.018 1.11.081 2.186.186 3.213a46 46 0 0 0 3.81.157v-3.114zm-5.633 2.23c.28 1.15.752 2.506 1.124 3.171c.94.238 1.957.437 3.035.592a17.5 17.5 0 0 1-1.05-3.21a28 28 0 0 1-1.88-.33c-.43-.085-.831-.165-1.23-.223"/><path fill="#998ea4" d="M9.28 19q0 .644.039 1.273c.928.21 1.923.378 2.969.5a40 40 0 0 1 .128-4.026c-.815-.124-2.368-.338-2.97-.363A21 21 0 0 0 9.28 19m11.225 9.66c.422-.583 1.037-2.127 1.037-2.127s-1.475.176-2.163.23a24 24 0 0 1-.51 2.102q.841-.08 1.636-.204M6.198 19.316a20 20 0 0 0 3.12.957c.07 1.129.23 2.22.47 3.255a32 32 0 0 1-3.14-.636c-.3-1.023-.548-2.765-.45-3.576m2.33 7.844a15 15 0 0 1-.628-1.13a1.76 1.76 0 0 0-.752-.244q.635.744 1.38 1.375"/><path fill="#b4acbc" d="M4.28 18c0-1.052.135-2.072.39-3.043l.13.054c.78.328 1.354.569 1.81.715a16.3 16.3 0 0 0-.326 3.624a11.5 11.5 0 0 1-2-1.013A12 12 0 0 1 4.28 18m8 2q0 .39.008.773c1.263.147 2.601.227 3.986.227v2.99c1.313 0 2.33-.045 3.535-.147a32 32 0 0 1-.45 3.019q1.144-.097 2.213-.254c.77-1.509.998-3.145.998-3.145s-1.173.095-2.63.26c.166-1.426.134-3.058.134-3.058s-2.522.238-3.794.238v-4.028l-3.865-.12A39 39 0 0 0 12.28 20m-7.198 2.321a12 12 0 0 0 2.155 3.567q.334.093.682.179a15.3 15.3 0 0 1-1.201-3.306a33 33 0 0 0-1.636-.44"/><path fill="#9b9b9b" d="M6.525 15.728c.403-1.677.993-3.143 1.354-3.831l.34.088c.916.239 1.43.373 2.157.481a18.7 18.7 0 0 0-.936 3.961a24 24 0 0 1-2.915-.699m18.518 10.16c.9-1.03 1.626-2.216 2.134-3.512c-.554.188-.968.304-1.635.468a15.2 15.2 0 0 1-1.18 3.223a24 24 0 0 0 .68-.179"/><path fill="#bebebe" d="M16 7c1.25 0 2.412-.191 3.373-.519a11.7 11.7 0 0 0-3.233-.451c-1.175 0-2.31.173-3.382.495c.935.3 2.048.475 3.242.475m-9.62 4.216a12 12 0 0 0-1.724 3.793c.565.27 1.22.52 1.949.743c.28-1.378.736-2.678 1.337-3.865c-.413-.144-.697-.264-1.562-.67m3.06 5.21c.178-1.412.5-2.75.943-3.98c1.004.154 1.62.238 2.615.321a32 32 0 0 0-.589 4.058a35 35 0 0 1-2.969-.399m17.71 6.018c.517-1.297.815-2.704.847-4.177c-.44.312-1.592.879-2 1.009a16 16 0 0 1-.474 3.643a23 23 0 0 0 1.627-.476"/><path fill="#bebebe" d="M23.015 20.167c.077 1.149.004 1.744-.363 3.216c.337-.07.757-.141 1.2-.215c.57-.095 1.177-.197 1.687-.313a15.2 15.2 0 0 1-1.178 3.212c-.9.222-1.868.409-2.892.556a17.4 17.4 0 0 0 1.023-3.095q-1.288.197-2.683.315a38 38 0 0 0 .186-3.202c.849-.058 2.626-.373 3.02-.474M6.284 19.35a11.5 11.5 0 0 1-2-1.013a12 12 0 0 0 .846 4.108q.766.256 1.627.475a16 16 0 0 1-.473-3.57"/><path fill="#c9c9c9" d="m9.72 9.132l.08-.09c.445.09.75.173 1.09.265c.253.069.525.143.89.229a15.4 15.4 0 0 0-1.426 2.992a18.5 18.5 0 0 1-2.508-.602c.665-1.443 1.274-2.124 1.874-2.794m3.268 3.683a32 32 0 0 0-.579 4.01A42 42 0 0 0 16.28 17v-4.114c-1.587 0-3.01-.059-3.292-.071"/><path fill="#e6e6e6" d="M15.266 6.978c-.47.651-1.296 2.323-1.524 2.901c.796.078 1.637.12 2.508.121v3a33 33 0 0 0 3.016-.134l.04.309c.145 1.114.272 2.096.536 3.497c-.72.11-2.225.156-3.562.156V21c1.324 0 2.602-.083 3.807-.238c0-1.555 0-2.42-.112-3.946a35 35 0 0 0 2.865-.389a20.6 20.6 0 0 1 .121 3.846a20 20 0 0 0 3.118-.955c0-1.119 0-2.18-.279-3.745l-.086.016c-.238-1.516-.777-2.676-1.315-3.753l-.032.008a12.7 12.7 0 0 0-1.882-2.807c-.62.214-1.567.428-1.978.508l.029.047c-.682-1.107-1.483-2.053-2.373-2.793q-.634.123-1.329.172c.6.663 1.143 1.64 1.603 2.86c-.138.031-.608.095-2.157.096v-2.93a12 12 0 0 1-1.014-.019m5.27 2.614c.524.851.979 1.799 1.35 2.822c-.258.032-.473.062-.685.09c-.48.065-.942.128-1.823.216a22 22 0 0 0-.861-2.839c.713-.069 1.39-.167 2.019-.29"/><path fill="#f4f4f4" d="M18.903 11.249a18 18 0 0 0-.445-1.362c.735-.07 1.432-.17 2.078-.295a15.4 15.4 0 0 1 1.39 2.936c-.808.141-1.689.255-2.624.335c.258 1.214.452 2.548.569 3.963c-1.22.113-2.251.174-3.594.174v-4a39 39 0 0 0 3.025-.136a25 25 0 0 0-.399-1.614"/><path fill="#d3d3d3" d="M18.163 6.8a9 9 0 0 0 1.21-.319l-.053-.015h.003l.143.042c.742.445 1.697 1.021 2.998 2.529c.142-.059.279-.106.41-.152c.219-.077.424-.149.62-.258a12 12 0 0 1 2.452 2.656c-.419.24-.95.464-1.578.664a14 14 0 0 0-1.896-2.862c-.571.197-1.223.368-1.937.507c-.681-1.107-1.482-2.053-2.372-2.793m-5.16-.345H13zm-.232.076c.402.128.837.233 1.296.311c-.87.734-1.653 1.664-2.322 2.75a14.5 14.5 0 0 1-1.937-.506a14 14 0 0 0-1.896 2.862c-.627-.2-1.16-.423-1.578-.664a12 12 0 0 1 2.46-2.663l.06.023c.196.073.55.205.89.376c.922-1.145 2.041-2.12 3.027-2.49m7.1 10.297a39 39 0 0 1 .122 3.947c1.046-.122 2.04-.29 2.968-.5a21 21 0 0 0-.121-3.846c-.93.168-1.924.302-2.969.399"/><path fill="#d3d3d3" d="M12.978 12.862A39 39 0 0 0 16.28 13V9.999a27 27 0 0 1-2.467-.088l.031-.082a85 85 0 0 1-2.078-.271a15.4 15.4 0 0 0-1.412 2.97a31 31 0 0 0 2.624.334m9.514 10.666c.24-1.035.4-2.126.47-3.255a20 20 0 0 0 3.034-.922a16 16 0 0 1-.473 3.57c-.937.238-1.953.443-3.031.607"/><path fill="#dadada" d="m12.898 6.484l.002-.002zm-.14.041A12 12 0 0 0 8.76 8.648q.465.236 1.05.437a12.3 12.3 0 0 1 2.995-2.545zm1.309.316c-.87.734-1.653 1.664-2.322 2.75l-.08-.015c.667.133 1.392.238 2.157.31c.462-1.235 1.007-2.227 1.61-2.9q-.711-.033-1.365-.145m2.219.156V10c.852 0 1.4-.04 2.172-.113c-.465-1.246-1.015-2.243-1.624-2.916q-.27.019-.548.026m6.186 2.088a12.3 12.3 0 0 0-3.092-2.603a12 12 0 0 1 4.14 2.166q-.464.236-1.048.437m3.149 6.413a15.3 15.3 0 0 0-1.253-3.55c.627-.201 1.16-.424 1.578-.665a11.94 11.94 0 0 1 2.05 7.055c-.566.368-1.238.708-2 1.013Q26 19.175 26 19c0-1.21-.131-2.384-.379-3.503"/><path fill="#fff" d="m20.304 13.084l-2.232.957a.5.5 0 0 0 0 .919l2.232.956a.5.5 0 0 1 .271.284l.957 2.552a.5.5 0 0 0 .936 0l.957-2.552a.5.5 0 0 1 .271-.284l2.232-.956a.5.5 0 0 0 0-.92l-2.232-.956a.5.5 0 0 1-.271-.284l-.957-2.552a.5.5 0 0 0-.936 0l-.957 2.552a.5.5 0 0 1-.271.284"/></g></svg>

How to use the Mirror Ball icon

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji-flat:mirror-ball" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji-flat:mirror-ball" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji-flat:mirror-ball" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--mirror-ball]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat: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-flat:mirror-ball"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/mirror-ball.svg" alt="Mirror Ball icon" width="24" height="24">

Related icons in Fluent Emoji Flat

Mirror Ball icon in other icon sets

Mirror Ball icon FAQ

Is the Mirror Ball icon free for commercial use?

Yes. Fluent Emoji Flat 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-flat: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-flat/mirror-ball.svg" alt="Mirror Ball icon">, or paste the SVG code inline to style it with CSS.

Browse all Fluent Emoji Flat icons →