Ikon Sunny
ep:sunny
Ikon Sunny (ep:sunny) 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
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 704a192 192 0 1 0 0-384a192 192 0 0 0 0 384m0 64a256 256 0 1 1 0-512a256 256 0 0 1 0 512m0-704a32 32 0 0 1 32 32v64a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32m0 768a32 32 0 0 1 32 32v64a32 32 0 1 1-64 0v-64a32 32 0 0 1 32-32M195.2 195.2a32 32 0 0 1 45.2 0l45.3 45.2a32 32 0 1 1-45.3 45.3l-45.2-45.3a32 32 0 0 1 0-45.2m543.1 543.1a32 32 0 0 1 45.3 0l45.2 45.3a32 32 0 0 1-45.2 45.2l-45.3-45.2a32 32 0 0 1 0-45.3M64 512a32 32 0 0 1 32-32h64a32 32 0 0 1 0 64H96a32 32 0 0 1-32-32m768 0a32 32 0 0 1 32-32h64a32 32 0 1 1 0 64h-64a32 32 0 0 1-32-32M195.2 828.8a32 32 0 0 1 0-45.2l45.2-45.3a32 32 0 0 1 45.3 45.3l-45.3 45.2a32 32 0 0 1-45.2 0m543.1-543.1a32 32 0 0 1 0-45.3l45.3-45.2a32 32 0 0 1 45.2 45.2l-45.2 45.3a32 32 0 0 1-45.3 0"/></svg>
Cara memakai ikon Sunny
React
import { Icon } from "@iconify/react";
<Icon icon="ep:sunny" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:sunny" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:sunny" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--sunny]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:sunny"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:sunny"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ep/sunny.svg" alt="Ikon Sunny" width="24" height="24">
Ikon Sunny di set ikon lain
FAQ Ikon Sunny
Apakah ikon Sunny 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 Sunny di React?
Pasang @iconify/react lalu render <Icon icon="ep:sunny" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sunny ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ep/sunny.svg" alt="Ikon Sunny">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Element Plus →
ICONYZ
