Home/Libraries/OpenMoji (Iconify)/mirror-ball

OpenMoji (Iconify)

MirrorBall

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path d="M40.388 15.005V12.08a.21.21 0 0 0-.212-.212H31.29a.21.21 0 0 0-.212.212v2.926c0 .152.153.249.292.19a11.05 11.05 0 0 1 8.725 0a.207.207 0 0 0 .292-.19"/><ellipse cx="36" cy="40.097" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="7.759" ry="24.964"/><path d="M60.917 39.454c-.287-5.892-3.485-11.088-9.814-14.318a.2.2 0 0 1-.087-.087C47.674 18.429 42.19 14.097 36 14.097c-5.41 0-10.275 3.31-13.647 8.56c-.077.12-.012.277.125.32a2.99 2.99 0 0 1 2.06 2.438c.018.134.144.218.271.173a32.7 32.7 0 0 1 11.173-1.913c4.66-.04 9.27.94 13.51 2.87a.23.23 0 0 1 .112.111c.89 1.94 1.57 3.971 2.025 6.056a.213.213 0 0 1-.255.252a69 69 0 0 0-15.356-1.627a68.8 68.8 0 0 0-15.384 1.634a.213.213 0 0 1-.255-.253q.41-1.85 1.04-3.634c.046-.13-.041-.256-.177-.271a3 3 0 0 1-1.36-.516c-.119-.082-.281-.04-.33.095a33 33 0 0 0-1.374 5.12a.2.2 0 0 1-.143.157a20.5 20.5 0 0 0-4.69 2.01c-.18.105-.391-.078-.304-.267a16.65 16.65 0 0 1 6.364-7.167c.117-.072.129-.224.033-.322a3 3 0 0 1-.73-1.226c-.042-.14-.2-.206-.322-.126c-5.14 3.367-7.117 8.182-7.117 13.526c0 6.187 3.075 11.668 9.689 15.01a.2.2 0 0 1 .087.087c3.347 6.552 8.802 9.58 14.955 9.58c6.161 0 11.62-3.038 14.967-9.604a.2.2 0 0 1 .088-.087c6.355-3.228 9.574-8.435 9.862-14.343a3.2 3.2 0 0 0 0-1.286M35.982 21.675a34.6 34.6 0 0 0-11.423 1.889c-.192.066-.36-.148-.246-.316c2.98-4.41 7.118-7.15 11.687-7.15c4.575 0 8.717 2.746 11.698 7.166c.113.168-.055.382-.247.316a34.6 34.6 0 0 0-11.469-1.905M58.596 35.62a21 21 0 0 0-4.633-1.962a.2.2 0 0 1-.143-.158a33 33 0 0 0-1.266-4.807c-.066-.19.144-.36.313-.252a16.7 16.7 0 0 1 6.03 6.91c.089.187-.122.372-.301.269m-40.762.193a35.5 35.5 0 0 0-.031 8.238a.214.214 0 0 1-.286.222c-3.471-1.227-5.462-2.738-5.462-4.175c0-1.481 2.112-3.038 5.778-4.285m-4.489 8.703a20.5 20.5 0 0 0 4.703 2.015a.2.2 0 0 1 .144.157a33 33 0 0 0 1.298 4.87c.066.19-.143.362-.312.254a16.7 16.7 0 0 1-6.137-7.029c-.087-.188.125-.371.304-.267M36 64.025c-4.537 0-8.648-2.703-11.623-7.059c-.114-.167.053-.382.245-.317a35.44 35.44 0 0 0 22.767-.016c.192-.065.359.15.245.317c-2.976 4.365-7.091 7.075-11.634 7.075M59.93 40.48c-.273 1.137-1.751 2.299-4.179 3.315a.208.208 0 0 0-.098.299c.242.422.362.903.347 1.389c-.005.158.142.278.29.22a17.4 17.4 0 0 0 2.294-1.115c.18-.104.396.083.307.271a16.7 16.7 0 0 1-6.06 6.92c-.17.109-.38-.062-.315-.252q.467-1.366.81-2.77c.036-.143-.083-.268-.23-.26a2.7 2.7 0 0 1-1.399-.294c-.122-.064-.265-.008-.299.126a29.3 29.3 0 0 1-1.84 5.231a.23.23 0 0 1-.112.111a32 32 0 0 1-13.464 2.848a32 32 0 0 1-13.417-2.825a.23.23 0 0 1-.112-.11a29.6 29.6 0 0 1-2.066-6.106a.213.213 0 0 1 .255-.253a68.8 68.8 0 0 0 15.376 1.632a70.4 70.4 0 0 0 14.338-1.406c.152-.031.213-.205.128-.334c-.268-.41-.43-.88-.472-1.368c-.011-.126-.12-.215-.244-.19a67.8 67.8 0 0 1-13.75 1.298a64 64 0 0 1-15.932-1.804a.22.22 0 0 1-.165-.182a33.9 33.9 0 0 1-.011-9.542a.22.22 0 0 1 .165-.183a64 64 0 0 1 15.943-1.808a64 64 0 0 1 15.904 1.798a.22.22 0 0 1 .166.183c.22 1.571.331 3.156.334 4.743q0 1.143-.077 2.259c-.01.136.108.233.243.213a2.86 2.86 0 0 1 1.44.157c.137.051.286-.03.296-.176c.058-.808.098-1.624.098-2.454a36 36 0 0 0-.218-3.929a.213.213 0 0 1 .283-.222c3.184 1.122 5.125 2.48 5.443 3.805c.005.127.015.254.015.383s-.01.254-.015.382"/><path d="M40.388 15.325v-3.458h-9.31v3.458a11.05 11.05 0 0 1 9.31 0"/><path fill="#92d3f5" d="M28.588 32.687v14.82l-9.549-1.722l-.461-11.238zm1.722-9.558l-1.722 9.558h14.824l-1.757-9.558z"/><path fill="#ffa7c0" d="m30.31 23.129l-8.615 2.682l-3.117 8.736l10.01-1.86zM12.248 43.61l6.791 2.175l2.193 8.368l-5.599-4.785a10.24 10.24 0 0 1-3.385-5.758"/><path fill="#b399c8" d="m28.588 47.507l1.722 9.558l10.867.454l2.199-9.662z"/><path fill="#d0cfce" d="m21.578 25.838l5.396-8.161l-1.424.372a9.96 9.96 0 0 0-4.484 2.551l-4.514 4.46q-.243.24-.39.55l-2.184 4.655z"/><path fill="#9b9b9a" d="m21.579 25.838l-4.647 3l-3.325 4.506a5.6 5.6 0 0 0-1.004 2.312l-.6 3.234c-.15.81-.056 1.648.273 2.405l1.05 2.423l5.713 2.066l-.46-11.237z"/><path fill="#92d3f5" d="m45.214 17.961l1.667 2.607l3.437 5.27L56 29.687s1.525 1.012 1.96.562c.637-.659-1.115-2.983-1.115-2.983a13.1 13.1 0 0 0-3.258-4.487l-2.147-1.922a14.6 14.6 0 0 0-5.31-3.035l-.464.057z"/><path fill="#b399c8" d="m39.742 63.373l2.255-6.365L50 54.514l-4.808 6.243a6.84 6.84 0 0 1-3.293 2.327l-2.028.514z"/><path fill="#d0cfce" d="M28.588 32.687v14.82l14.788.35l.036-15.17z"/><path fill="#9b9b9a" d="m36.408 16.026l-2.885.076c-.26.007-.52.042-.771.107l-2.965 1.03a7.4 7.4 0 0 0-3.426 2.467l-4.27 5.54l8.219-2.117h11.345l-3.171-5.899a2.29 2.29 0 0 0-2.076-1.204m16.354 18.338l-2.444-8.526l-8.663-2.709l1.739 10.184l.016.003l-.034 14.541l9.582-2.061l.012-11.395z"/><path fill="#fff" d="m39.773 17.147l1.804 5.733a.5.5 0 0 0 .327.327l6.872 2.149a.5.5 0 0 0 .541-.787l-3.723-4.723a8.8 8.8 0 0 0-3.721-2.754l-1.442-.561a.5.5 0 0 0-.658.616m10.545 8.691l2.644 8.536a.2.2 0 0 1 .008.055l-.012 11.216a.19.19 0 0 1-.147.183l-9.309 2.002a.19.19 0 0 0-.145.155l-1.316 8.728a.187.187 0 0 0 .24.206l7.267-2.264a.187.187 0 0 1 .218.27l-3.936 6.908c-.085.15.06.325.224.269l1.49-.519a13.5 13.5 0 0 0 4.766-2.873l1.804-1.68a16.4 16.4 0 0 0 4.06-5.945l.616-1.552a22.7 22.7 0 0 0 1.6-8.368a25 25 0 0 0-.573-5.324a.8.8 0 0 0-.07-.196l-.781-1.564a11.5 11.5 0 0 0-3.12-3.849zM13.857 49.66l1.787 3.732a15.1 15.1 0 0 0 5.91 6.464l4.839 2.876a11.6 11.6 0 0 0 3.967 1.46l5.47.188a3.57 3.57 0 0 0 3.276-1.897l2.891-5.475l-11.687.057l-1.722-9.558l-9.549-1.722l2.193 8.368z"/><ellipse cx="36" cy="40.097" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="7.759" ry="24.964"/><ellipse cx="36" cy="40.061" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="17.422" ry="24.964"/><ellipse cx="36.018" cy="40.097" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="24.964" ry="7.759"/><ellipse cx="35.982" cy="40.097" fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" rx="24.964" ry="17.422"/><circle cx="21.578" cy="25.838" r="3" fill="#fff"/><circle cx="53" cy="45.502" r="3" fill="#fff"/><g fill="none" stroke="#818cf8" stroke-linejoin="round" stroke-width="1.5"><circle cx="36" cy="40.061" r="25" stroke-linecap="round"/><path stroke-linecap="round" d="M31.079 15.061v-3.194h9.089v3.194"/><path stroke-linecap="square" d="M35.874 11.867v-6.79"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MirrorBallIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.