Ikon Sunny Outline
lsicon:sunny-outline
Ikon Sunny Outline (lsicon:sunny-outline) adalah ikon SVG gratis dari set Lsicon karya Wis Design. Ikon ini digambar pada grid 24 × 24. Lsicon 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
- Lsicon
- Pembuat
- Wis Design
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Kategori
- Umum
- Tag
- sunnyoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" d="M8 1v2m0 10v2m5-7h2M1 8h2m8.5 3.5L13 13M4.5 4.5L3 3m8.5 1.5L13 3m-8.5 8.5L3 13m8-5a3 3 0 1 1-6 0a3 3 0 0 1 6 0Z"/></svg>
Cara memakai ikon Sunny Outline
React
import { Icon } from "@iconify/react";
<Icon icon="lsicon:sunny-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lsicon:sunny-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lsicon:sunny-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lsicon--sunny-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lsicon -->
<div class="i-lsicon:sunny-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lsicon:sunny-outline"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/lsicon/sunny-outline.svg" alt="Ikon Sunny Outline" width="24" height="24">
Ikon Sunny Outline di set ikon lain
FAQ Ikon Sunny Outline
Apakah ikon Sunny Outline gratis untuk penggunaan komersial?
Ya. Lsicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Sunny Outline di React?
Pasang @iconify/react lalu render <Icon icon="lsicon:sunny-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Sunny Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/lsicon/sunny-outline.svg" alt="Ikon Sunny Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Lsicon →
ICONYZ
