ICONYZ
Bahasa Indonesia
Ikon Mobile Layout Sharp dari Material Symbols

Ikon Mobile Layout Sharp

material-symbols:mobile-layout-sharp

Ikon Mobile Layout Sharp (material-symbols:mobile-layout-sharp) adalah ikon SVG gratis dari set Material Symbols karya Google. Ikon ini digambar pada grid 24 × 24. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Symbols
Pembuat
Google
Lisensi
Apache-2.0
Ukuran
24 × 24
Kategori
Perangkat keras
Tag
mobilelayout, layoutsharp, mobilelayoutsharp
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M1 21v-6h10v6zm12 0V3h10v18zm5-3q.425 0 .713-.288T19 17t-.288-.712T18 16t-.712.288T17 17t.288.713T18 18M1 13V3h10v10zm6-5q.425 0 .713-.288T8 7t-.288-.712T7 6t-.712.288T6 7t.288.713T7 8m-4.25 3h4.5L5 8z"/></svg>

Cara memakai ikon Mobile Layout Sharp

React

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

<Icon icon="material-symbols:mobile-layout-sharp" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols:mobile-layout-sharp" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols:mobile-layout-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--mobile-layout-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:mobile-layout-sharp"></div>

Web component

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

<iconify-icon icon="material-symbols:mobile-layout-sharp"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/material-symbols/mobile-layout-sharp.svg" alt="Ikon Mobile Layout Sharp" width="24" height="24">

Ikon terkait di Material Symbols

Ikon Mobile Layout Sharp di set ikon lain

FAQ Ikon Mobile Layout Sharp

Apakah ikon Mobile Layout Sharp gratis untuk penggunaan komersial?

Ya. Material Symbols icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Mobile Layout Sharp di React?

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

Bagaimana cara menambahkan ikon Mobile Layout Sharp ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/material-symbols/mobile-layout-sharp.svg" alt="Ikon Mobile Layout Sharp">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Symbols →