Ikon Light
ls:light
Ikon Light (ls:light) adalah ikon SVG gratis dari set Ligature Symbols karya Kazuyuki Motoyama. Ikon ini digambar pada grid 688 × 717. Ligature Symbols 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
- Ligature Symbols
- Pembuat
- Kazuyuki Motoyama
- Lisensi
- OFL-1.1
- Ukuran
- 688 × 717
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="688" height="717" viewBox="0 0 688 717"><path fill="currentColor" d="M380.297 39v79c0 27-12 40-37 40s-37-13-37-40V39c0-26 12-39 37-39s37 13 37 39m75 104l46-65c15-20 34-24 53-10s21 32 6 54l-46 64c-15 22-33 24-53 10c-19-14-21-31-6-53m-270-64l47 64c15 22 13 39-7 53c-19 15-37 12-52-10l-47-64c-15-22-13-39 7-53c19-15 37-12 52 10m158 124c86 0 156 70 156 156c0 85-70 154-156 154s-156-69-156-154c0-86 70-156 156-156m-292 22l76 24c25 8 34 23 26 47c-7 24-24 31-50 23l-74-24q-37.5-12-27-48c8-23 24-30 49-22m509 24l75-24c26-8 42-1 49 22c8 24-1 40-27 47l-74 25c-25 8-41 1-49-23c-7-24 1-39 26-47m-217 196c48 0 87-39 87-86c0-48-39-87-87-87s-86 39-86 87c0 47 38 86 86 86m-314-23l75-24c25-8 42-2 49 22c8 24-1 39-26 47l-76 25c-25 8-41 1-49-23c-7-24 2-39 27-47m554-24l75 24c25 8 34 23 26 47c-7 24-23 31-49 23l-75-25c-26-8-33-23-26-47c8-24 24-30 49-22m-457 196l47-63c15-22 33-25 52-10c20 14 22 31 7 53l-47 63c-15 22-33 26-53 12c-19-14-21-33-6-55m388-63l46 63c15 22 13 41-6 55s-38 9-53-11l-46-64c-15-22-13-39 6-53c20-14 38-12 53 10m-134 67v79c0 27-12 40-37 40s-37-13-37-40v-79c0-27 12-40 37-40s37 13 37 40"/></svg>
Cara memakai ikon Light
React
import { Icon } from "@iconify/react";
<Icon icon="ls:light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ls:light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ls:light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ls--light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ls -->
<div class="i-ls:light"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ls:light"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/ls/light.svg" alt="Ikon Light" width="24" height="24">
Ikon Light di set ikon lain
FAQ Ikon Light
Apakah ikon Light gratis untuk penggunaan komersial?
Ya. Ligature Symbols icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Light di React?
Pasang @iconify/react lalu render <Icon icon="ls:light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ls/light.svg" alt="Ikon Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Ligature Symbols →
ICONYZ
