Ikon Moon Bold
glyphs:moon-bold
Ikon Moon Bold (glyphs:moon-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- moonbold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M49.633 16.064a24.785 24.785 0 0 0-32.593 13.5l-.123.302a25.57 25.57 0 0 0 0 19.268l.123.303a24.784 24.784 0 0 0 33.209 13.23c1.769-.804 1-3.391-.876-3.9a19.47 19.47 0 0 1-12.948-11.46l-.097-.237a20.1 20.1 0 0 1 0-15.14l.097-.237a19.47 19.47 0 0 1 12.948-11.46c1.875-.509 2.645-3.095.876-3.899a25 25 0 0 0-.616-.27" clip-rule="evenodd"/><path d="m30.365 16.064l-.777-1.842zm19.268 0l.778-1.842zm-32.593 13.5l-1.852-.754zm-.123.302l1.853.753zm0 19.268l1.853-.753zm.123.303l-1.852.753zm13.325 13.499l-.777 1.842zm19.268 0l.778 1.842zm-2.739-5.022l-.777 1.842zm-10.47-10.607l-1.852.754zm-.096-.237l1.853-.754zm0-15.14l-1.853-.753zm.097-.237l1.853.753zm10.47-10.606l.777 1.842zm3.354-4.753l-.827 1.821zm0 46.332l-.828-1.82zm-.876-3.898l.523-1.93zm-18.23-40.86a22.8 22.8 0 0 1 17.713 0l1.555-3.686a26.8 26.8 0 0 0-20.823 0zm-12.25 12.409a22.8 22.8 0 0 1 12.25-12.41l-1.555-3.685a26.8 26.8 0 0 0-14.4 14.588zm-.123.302l.123-.302l-3.705-1.507l-.123.303zm0 17.762a23.57 23.57 0 0 1 0-17.762l-3.705-1.506a27.57 27.57 0 0 0 0 20.775zm.123.302l-.123-.302l-3.705 1.507l.123.302zm12.25 12.41a22.8 22.8 0 0 1-12.25-12.41l-3.705 1.507a26.8 26.8 0 0 0 14.4 14.588zm17.713 0a22.8 22.8 0 0 1-17.714 0l-1.554 3.685a26.78 26.78 0 0 0 20.823 0zm.566-.248q-.282.128-.566.248l1.555 3.685q.335-.14.665-.29zm.474-4.008a17.5 17.5 0 0 1-2.224-.766l-1.555 3.685q1.343.566 2.733.942zm-2.224-.766a17.47 17.47 0 0 1-9.394-9.517l-3.706 1.507a21.47 21.47 0 0 0 11.545 11.695zm-9.394-9.517l-.097-.238l-3.706 1.507l.097.238zm-.097-.238a18.1 18.1 0 0 1 0-13.632l-3.706-1.507a22.1 22.1 0 0 0 0 16.646zm0-13.632l.097-.238l-3.706-1.507l-.097.238zm.097-.238a17.47 17.47 0 0 1 9.394-9.517l-1.555-3.685a21.47 21.47 0 0 0-11.545 11.695zm9.394-9.517q1.092-.46 2.224-.766l-1.046-3.861c-.926.25-1.84.565-2.733.942zm1.184-5.022q.285.12.566.248l1.654-3.642a27 27 0 0 0-.665-.291zm1.04 4.256c1.695-.46 2.853-1.83 3.22-3.277c.189-.743.194-1.602-.14-2.427c-.348-.856-1.01-1.541-1.9-1.946l-1.654 3.642c.01.004-.019-.007-.06-.049a.5.5 0 0 1-.093-.144c-.04-.098-.013-.128-.03-.06a.6.6 0 0 1-.144.247a.53.53 0 0 1-.245.153zm1.18 42.324c.89-.404 1.552-1.09 1.9-1.946c.334-.825.329-1.684.14-2.427c-.367-1.447-1.525-2.817-3.22-3.277l-1.046 3.861a.6.6 0 0 1 .39.4c.016.068-.011.038.029-.06a.5.5 0 0 1 .093-.144c.041-.042.07-.053.06-.049z"/></g></svg>Cara memakai ikon Moon Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:moon-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:moon-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:moon-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--moon-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:moon-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:moon-bold"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/moon-bold.svg" alt="Ikon Moon Bold" width="24" height="24">Ikon terkait di Glyphs
Ikon Moon Bold di set ikon lain
FAQ Ikon Moon Bold
Apakah ikon Moon Bold gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Moon Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:moon-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Moon Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/moon-bold.svg" alt="Ikon Moon Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.