Ikon Lifehacker
whh:lifehacker
Ikon Lifehacker (whh:lifehacker) adalah ikon SVG gratis dari set WebHostingHub Glyphs karya WebHostingHub. Ikon ini digambar pada grid 704 × 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
- 704 × 1024
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="704" height="1024" viewBox="0 0 704 1024"><path fill="currentColor" d="M672 1024h-64q-13 0-22.5-9.5T576 992V480q0-45-36.5-70.5T448 384q-41 0-64 14v594q0 13-9.5 22.5T352 1024h-64q-13 0-22.5-9.5T256 992V32q0-13 9.5-22.5T288 0h64q13 0 22.5 9.5T384 32v237q24-13 64-13q107 0 181.5 64.5T704 480v512q0 13-9.5 22.5T672 1024m-512 0H32q-13 0-22.5-9.5T0 992V32Q0 19 9.5 9.5T32 0h128q13 0 22.5 9.5T192 32v960q0 13-9.5 22.5T160 1024"/></svg>Cara memakai ikon Lifehacker
React
import { Icon } from "@iconify/react";
<Icon icon="whh:lifehacker" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:lifehacker" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:lifehacker" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--lifehacker]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:lifehacker"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:lifehacker"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/whh/lifehacker.svg" alt="Ikon Lifehacker" width="24" height="24">FAQ Ikon Lifehacker
Apakah ikon Lifehacker 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 Lifehacker di React?
Pasang @iconify/react lalu render <Icon icon="whh:lifehacker" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Lifehacker ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/whh/lifehacker.svg" alt="Ikon Lifehacker">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.