Ikon Device Mobile Light

ph:device-mobile-light

Ikon Device Mobile Light (ph:device-mobile-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: cellphone, cellular, devicemobile, mobilelight, devicemobilelight

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="M176 18H80a22 22 0 0 0-22 22v176a22 22 0 0 0 22 22h96a22 22 0 0 0 22-22V40a22 22 0 0 0-22-22M70 62h116v132H70Zm10-32h96a10 10 0 0 1 10 10v10H70V40a10 10 0 0 1 10-10m96 196H80a10 10 0 0 1-10-10v-10h116v10a10 10 0 0 1-10 10"/></svg>

Cara memakai ikon Device Mobile Light

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="ph:device-mobile-light"></iconify-icon>

Gambar HTML

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

Ikon terkait di Phosphor

FAQ Ikon Device Mobile Light

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

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

Bagaimana cara menambahkan ikon Device Mobile Light ke halaman web?

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

Lihat semua Ikon Phosphor →