Ikon Lighton
whh:lighton
Ikon Lighton (whh:lighton) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 961 × 961. 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
- 961 × 961
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="961" height="961" viewBox="0 0 961 961"><path fill="currentColor" d="M609 961H289q-44 0-70-45.5T193 817q0-5 1.5-14t15.5-42t38-72t76.5-103.5T449 449t136-124.5T689.5 248t71-38t43.5-15l13-2q53 0 98.5 26t45.5 70v320q0 51-35.5 114T838 838t-115 87.5T609 961m187.5-668Q776 273 688 332T496 495.5T333 688t-39 108.5t108-39T594 594t163.5-192.5t39-108.5M614 250.5q-19 10.5-40 5T542 232L488 76q-11-18-5.5-38T507 7.5t40.5-5T580 26l54 157q11 17 5 37t-25 30.5M301 370L143 213q-14-15-14-35t14.5-34.5T178 129t35 14l157 158q14 14 14 34.5t-14 35t-34.5 14.5t-34.5-15m-50.5 244Q240 633 220 639t-37-5L26 580Q8 569 2.5 547.5t5-40.5T38 482.5t38 5.5l156 54q18 11 23.5 32t-5 40"/></svg>Cara memakai ikon Lighton
React
import { Icon } from "@iconify/react";
<Icon icon="whh:lighton" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:lighton" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:lighton" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--lighton]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:lighton"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:lighton"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/lighton.svg" alt="Ikon Lighton" width="24" height="24">FAQ Ikon Lighton
Apakah ikon Lighton 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 Lighton di React?
Pasang @iconify/react lalu render <Icon icon="whh:lighton" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lighton ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/lighton.svg" alt="Ikon Lighton">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.