ICONYZ
Bahasa Indonesia
Ikon Devices dari IconPark

Ikon Devices

icon-park:devices

Ikon Devices (icon-park:devices) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
IconPark
Pembuat
ByteDance
Lisensi
Apache-2.0
Ukuran
48 × 48
Kategori
Perangkat keras
Tag
device
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linejoin="round" stroke-width="4"><path stroke="#000" d="M23 43H43V5H14V15"/><path fill="#2F88FF" stroke="#000" d="M5 15H23V43H5L5 15Z"/><path stroke="#fff" stroke-linecap="round" d="M13 37H15"/><path stroke="#000" stroke-linecap="round" d="M28 37H30"/></g></svg>

Cara memakai ikon Devices

React

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

<Icon icon="icon-park:devices" width="24" />

Vue

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

<template>
  <Icon icon="icon-park:devices" width="24" />
</template>

Svelte

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

<Icon icon="icon-park:devices" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--devices]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:devices"></div>

Web component

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

<iconify-icon icon="icon-park:devices"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/icon-park/devices.svg" alt="Ikon Devices" width="24" height="24">

Ikon Devices di set ikon lain

FAQ Ikon Devices

Apakah ikon Devices gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Devices di React?

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

Bagaimana cara menambahkan ikon Devices ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/devices.svg" alt="Ikon Devices">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon IconPark →