Ikon Moon Night

ep:moon-night

Ikon Moon Night (ep:moon-night) adalah ikon SVG gratis dari set Element Plus. Ikon ini digambar pada grid 1024 × 1024. Element Plus 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: Element Plus
Pembuat: Element Plus
Lisensi: MIT
Ukuran: 1024 × 1024
Tag: moonnight

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M384 512a448 448 0 0 1 215.9-383.3A384 384 0 0 0 213.8 640h188.8A448 448 0 0 1 384 512M171.1 704a448 448 0 0 1 637-575.3A384 384 0 0 0 499.3 704z"/><path fill="currentColor" d="M32 640h960q32 0 32 32t-32 32H32q-32 0-32-32t32-32m128 128h384a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m160 127.7l224 .2a32 32 0 0 1 32 32v.1a32 32 0 0 1-32 32l-224-.4a32 32 0 0 1-32-32a32 32 0 0 1 32-32z"/></svg>

Cara memakai ikon Moon Night

React

import { Icon } from "@iconify/react";

<Icon icon="ep:moon-night" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ep:moon-night" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ep:moon-night" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--moon-night]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:moon-night"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ep:moon-night"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ep/moon-night.svg" alt="Ikon Moon Night" width="24" height="24">

Ikon terkait di Element Plus

FAQ Ikon Moon Night

Apakah ikon Moon Night gratis untuk penggunaan komersial?

Ya. Element Plus icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Moon Night di React?

Pasang @iconify/react lalu render <Icon icon="ep:moon-night" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Moon Night ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ep/moon-night.svg" alt="Ikon Moon Night">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Element Plus →