Ikon Mirror Ball

fluent-emoji-flat:mirror-ball

Ikon Mirror Ball (fluent-emoji-flat:mirror-ball) adalah ikon SVG gratis dari set Fluent Emoji Flat karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Fluent Emoji Flat
Pembuat: Microsoft Corporation
Lisensi: MIT
Ukuran: 32 × 32
Kategori: Aktivitas
Tag: mirrorball

Download SVG

Kode SVG

<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>

Cara memakai ikon Mirror Ball

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>

Gambar HTML

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

Ikon terkait di Fluent Emoji Flat

Ikon Mirror Ball di set ikon lain

FAQ Ikon Mirror Ball

Apakah ikon Mirror Ball gratis untuk penggunaan komersial?

Ya. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Mirror Ball di React?

Pasang @iconify/react lalu render <Icon icon="fluent-emoji-flat:mirror-ball" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Mirror Ball ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/mirror-ball.svg" alt="Ikon Mirror Ball">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Fluent Emoji Flat →