Ikon Backpack Light
ph:backpack-light
Ikon Backpack Light (ph:backpack-light) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor 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
- Phosphor
- Pembuat
- Phosphor Icons
- Lisensi
- MIT
- Ukuran
- 256 × 256
- Tag
- knapsack, camping, school, bag, backpacklight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M166 42.34V32a22 22 0 0 0-22-22h-32a22 22 0 0 0-22 22v10.34A54.07 54.07 0 0 0 42 96v120a14 14 0 0 0 14 14h144a14 14 0 0 0 14-14V96a54.07 54.07 0 0 0-48-53.66M112 22h32a10 10 0 0 1 10 10v10h-52V32a10 10 0 0 1 10-10m58 140H86v-10a10 10 0 0 1 10-10h64a10 10 0 0 1 10 10Zm-84 12h52v10a6 6 0 0 0 12 0v-10h20v44H86Zm116 42a2 2 0 0 1-2 2h-18v-66a22 22 0 0 0-22-22H96a22 22 0 0 0-22 22v66H56a2 2 0 0 1-2-2V96a42 42 0 0 1 42-42h64a42 42 0 0 1 42 42ZM150 88a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6"/></svg>Cara memakai ikon Backpack Light
React
import { Icon } from "@iconify/react";
<Icon icon="ph:backpack-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:backpack-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:backpack-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--backpack-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:backpack-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:backpack-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/ph/backpack-light.svg" alt="Ikon Backpack Light" width="24" height="24">Ikon terkait di Phosphor
FAQ Ikon Backpack Light
Apakah ikon Backpack Light gratis untuk penggunaan komersial?
Ya. Phosphor icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Backpack Light di React?
Pasang @iconify/react lalu render <Icon icon="ph:backpack-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Backpack Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/backpack-light.svg" alt="Ikon Backpack Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.