Ikon Laptop Light

ph:laptop-light

Ikon Laptop Light (ph:laptop-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: computer, notebook, pc, macbook, laptoplight

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M232 170h-10V72a22 22 0 0 0-22-22H56a22 22 0 0 0-22 22v98H24a6 6 0 0 0-6 6v16a22 22 0 0 0 22 22h176a22 22 0 0 0 22-22v-16a6 6 0 0 0-6-6M46 72a10 10 0 0 1 10-10h144a10 10 0 0 1 10 10v98H46Zm180 120a10 10 0 0 1-10 10H40a10 10 0 0 1-10-10v-10h196ZM150 88a6 6 0 0 1-6 6h-32a6 6 0 0 1 0-12h32a6 6 0 0 1 6 6"/></svg>

Cara memakai ikon Laptop Light

React

import { Icon } from "@iconify/react";

<Icon icon="ph:laptop-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="ph:laptop-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="ph:laptop-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--laptop-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:laptop-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="ph:laptop-light"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ph/laptop-light.svg" alt="Ikon Laptop Light" width="24" height="24">

Ikon terkait di Phosphor

FAQ Ikon Laptop Light

Apakah ikon Laptop 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 Laptop Light di React?

Pasang @iconify/react lalu render <Icon icon="ph:laptop-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Laptop Light ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ph/laptop-light.svg" alt="Ikon Laptop Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Phosphor →