Ikon Panel Bottom Close Bold

solar:panel-bottom-close-bold

Ikon Panel Bottom Close Bold (solar:panel-bottom-close-bold) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: TI
Tag: panelbottom, bottomclose, closebold, panelbottomclosebold

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M3 14.25L3 10C3 6.22876 3.0003 4.34345 4.17187 3.17187C5.34345 2.0003 7.22876 2 11 2L13 2C16.7712 2 18.6566 2.0003 19.8281 3.17187C20.9997 4.34345 21 6.22876 21 10L21 14.25L3 14.25ZM15.4883 7.78711C15.8025 7.5176 15.8386 7.04393 15.5693 6.72949C15.2997 6.41515 14.8262 6.37892 14.5117 6.64844L12 8.80078L9.48828 6.64844C9.17393 6.379 8.7003 6.41443 8.43066 6.72852C8.16121 7.04288 8.1976 7.51651 8.51172 7.78613L11.5117 10.3584C11.7925 10.5989 12.2075 10.5989 12.4883 10.3584L15.4883 7.78711Z" clip-rule="evenodd"/><path d="M20.9941 15.75C20.9665 18.3859 20.8025 19.8538 19.8281 20.8281C18.6566 21.9997 16.7712 22 13 22L11 22C7.22876 22 5.34345 21.9997 4.17187 20.8281C3.19754 19.8538 3.03348 18.3859 3.00586 15.75L20.9941 15.75Z"/></g></svg>

Cara memakai ikon Panel Bottom Close Bold

React

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

<Icon icon="solar:panel-bottom-close-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:panel-bottom-close-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:panel-bottom-close-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--panel-bottom-close-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:panel-bottom-close-bold"></div>

Web component

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

<iconify-icon icon="solar:panel-bottom-close-bold"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/panel-bottom-close-bold.svg" alt="Ikon Panel Bottom Close Bold" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Panel Bottom Close Bold

Apakah ikon Panel Bottom Close Bold gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Panel Bottom Close Bold di React?

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

Bagaimana cara menambahkan ikon Panel Bottom Close Bold ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/panel-bottom-close-bold.svg" alt="Ikon Panel Bottom Close Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →