Ikon Sunrise
whh:sunrise
Ikon Sunrise (whh:sunrise) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 1024 × 1024. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- WebHostingHub Glyphs
- Pembuat
- WebHostingHub
- Lisensi
- OFL-1.1
- 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="M1024 759q-97 62-96 137q1 36 4 55q92 33 92 73H0q0-40 93-74q3-27 3-54q-2-77-96-137q255-11 137-237q227 117 238-138q60 94 137 96q75 2 137-96q11 255 238 138q-118 226 137 237M512 576q-87 0-161 43T234.5 735.5T192 896q0 12 1 28q30-6 64-11q-1-15-1-17q0-106 75-181t181-75t181 75t75 181q0 3-1 17q34 5 64 11q1-17 1-28q0-87-42.5-160.5T673 619t-161-43m64-384v96q0 13-9.5 22.5T544 320h-64q-13 0-22.5-9.5T448 288v-96H335q-25-22-8-37L489 9q9-9 23-9t24 9l162 146q16 15-9 37z"/></svg>
Cara memakai ikon Sunrise
React
import { Icon } from "@iconify/react";
<Icon icon="whh:sunrise" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:sunrise" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:sunrise" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--sunrise]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:sunrise"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:sunrise"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/sunrise.svg" alt="Ikon Sunrise" width="24" height="24">
Ikon Sunrise di set ikon lain
FAQ Ikon Sunrise
Apakah ikon Sunrise gratis untuk penggunaan komersial?
Ya. WebHostingHub Glyphs icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sunrise di React?
Pasang @iconify/react lalu render <Icon icon="whh:sunrise" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sunrise ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/sunrise.svg" alt="Ikon Sunrise">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon WebHostingHub Glyphs →
ICONYZ
