Ikon Mirror Ball
fluent-emoji:mirror-ball
Ikon Mirror Ball (fluent-emoji:mirror-ball) adalah ikon SVG gratis dari set Fluent Emoji karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji 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
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Tag
- mirrorball
Kode SVG
<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>Cara memakai ikon Mirror Ball
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/mirror-ball.svg" alt="Ikon Mirror Ball" width="24" height="24">Ikon terkait di Fluent Emoji
Ikon Mirror Ball di set ikon lain
FAQ Ikon Mirror Ball
Apakah ikon Mirror Ball gratis untuk penggunaan komersial?
Ya. Fluent Emoji 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: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/mirror-ball.svg" alt="Ikon Mirror Ball">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.