Ikon Handbag

keyline-icons:handbag

Ikon Handbag (keyline-icons:handbag) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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: Keyline Icons
Pembuat: Keyline Icons
Lisensi: MIT
Ukuran: 24 × 24

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7C8 4.790861 9.790861 3 12 3C14.209139 3 16 4.790861 16 7M7 7L17 7C18.656854 7 20 8.343146 20 10L20 18C20 19.656854 18.656854 21 17 21L7 21C5.343146 21 4 19.656854 4 18L4 10C4 8.343146 5.343146 7 7 7Z"/></svg>

Cara memakai ikon Handbag

React

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

<Icon icon="keyline-icons:handbag" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:handbag" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:handbag" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--handbag]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:handbag"></div>

Web component

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

<iconify-icon icon="keyline-icons:handbag"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/handbag.svg" alt="Ikon Handbag" width="24" height="24">

Ikon terkait di Keyline Icons

Ikon Handbag di set ikon lain

FAQ Ikon Handbag

Apakah ikon Handbag gratis untuk penggunaan komersial?

Ya. Keyline Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Handbag di React?

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

Bagaimana cara menambahkan ikon Handbag ke halaman web?

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

Lihat semua Keyline Icons →