Ikon Moon
ix:moon
Ikon Moon (ix:moon) adalah ikon SVG gratis dari set Siemens Industrial Experience Icons karya Siemens AG. Ikon ini digambar pada grid 512 × 512. Siemens Industrial Experience 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
- Siemens Industrial Experience Icons
- Pembuat
- Siemens AG
- Lisensi
- MIT
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M298.667 85.333c17.379 0 34.319 2.567 50.467 7.578c-41.92 39.469-68.118 94.41-70.669 153.413c-2.852 65.958 24.061 128.872 70.65 172.77c-16.144 5.008-33.076 7.573-50.448 7.573C204.561 426.667 128 350.106 128 256S204.561 85.333 298.667 85.333m0-42.666C180.847 42.667 85.334 138.18 85.334 256s95.513 213.333 213.333 213.333c50.253 0 96.359-17.487 132.816-46.56c-67.601-28.707-113.751-96.907-110.392-174.606c3.12-72.153 48.091-132.441 110.399-158.936c-36.457-29.076-82.567-46.564-132.823-46.564"/></svg>
Cara memakai ikon Moon
React
import { Icon } from "@iconify/react";
<Icon icon="ix:moon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:moon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:moon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--moon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:moon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:moon"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ix/moon.svg" alt="Ikon Moon" width="24" height="24">
Ikon terkait di Siemens Industrial Experience Icons
Ikon Moon di set ikon lain
FAQ Ikon Moon
Apakah ikon Moon gratis untuk penggunaan komersial?
Ya. Siemens Industrial Experience Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Moon di React?
Pasang @iconify/react lalu render <Icon icon="ix:moon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Moon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ix/moon.svg" alt="Ikon Moon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Siemens Industrial Experience Icons →
ICONYZ
