ICONYZ
Bahasa Indonesia
Ikon Battery Charging Line dari MingCute Icon

Ikon Battery Charging Line

mingcute:battery-charging-line

Ikon Battery Charging Line (mingcute:battery-charging-line) adalah ikon SVG gratis dari set MingCute Icon karya MingCute Design. Ikon ini digambar pada grid 24 × 24. MingCute Icon 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
MingCute Icon
Pembuat
MingCute Design
Lisensi
Apache-2.0
Ukuran
24 × 24
Tag
batterycharging, chargingline, batterychargingline
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="M7 8a1 1 0 0 0 0-2zm8-2a1 1 0 1 0 0 2zM6 18a1 1 0 1 0 0-2zm8-2a1 1 0 1 0 0 2zm-1.642-8.485a1 1 0 0 0-1.716-1.03L11.5 7zM8.5 12l-.857-.514A1 1 0 0 0 8.5 13zm4 0l.857.515A1 1 0 0 0 12.5 11zm-3.857 4.485a1 1 0 0 0 1.714 1.03L9.5 17zM18 10V9h-1v1zm0 4h-1v1h1zm0-6h-1v8h2V8zM3 16h1V8H2v8zm1-9v1h3V6H4zm11 0v1h2V6h-2zM6 17v-1H4v2h2zm11 0v-1h-3v2h3zM11.5 7l-.857-.514l-3 5L8.5 12l.857.515l3-5zm-3 5v1h4v-2h-4zm4 0l-.857-.514l-3 5L9.5 17l.857.515l3-5zm5.5-2v1h1V9h-1zm2 1h-1v2h2v-2zm-1 3v-1h-1v2h1zm-1 0h1v-4h-2v4zM3 16H2a2 2 0 0 0 2 2v-2zm16-6v1h2a2 2 0 0 0-2-2zm1 3h-1v2a2 2 0 0 0 2-2zM3 8h1V6a2 2 0 0 0-2 2zm15 8h-1v2a2 2 0 0 0 2-2zm0-8h1a2 2 0 0 0-2-2v2z"/></svg>

Cara memakai ikon Battery Charging Line

React

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

<Icon icon="mingcute:battery-charging-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:battery-charging-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:battery-charging-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--battery-charging-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:battery-charging-line"></div>

Web component

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

<iconify-icon icon="mingcute:battery-charging-line"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/mingcute/battery-charging-line.svg" alt="Ikon Battery Charging Line" width="24" height="24">

Ikon terkait di MingCute Icon

FAQ Ikon Battery Charging Line

Apakah ikon Battery Charging Line gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Battery Charging Line di React?

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

Bagaimana cara menambahkan ikon Battery Charging Line ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mingcute/battery-charging-line.svg" alt="Ikon Battery Charging Line">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon MingCute Icon →