Ikon Bag X

reicon:bag-x

Ikon Bag X (reicon:bag-x) adalah ikon SVG gratis dari set Reicon. Ikon ini digambar pada grid 24 × 24. Reicon 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: Reicon
Pembuat: REICON
Lisensi: MIT
Ukuran: 24 × 24
Kategori: Belanja
Tag: bagx

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M12 2.75A2.25 2.25 0 0 0 9.75 5v.26c.557-.01 1.168-.01 1.84-.01h.821c.67 0 1.282 0 1.84.01V5A2.25 2.25 0 0 0 12 2.75m3.75 2.578V5a3.75 3.75 0 1 0-7.5 0v.328q-.214.018-.414.043c-1.01.125-1.842.387-2.55.974S4.168 7.702 3.86 8.672c-.3.94-.526 2.147-.81 3.666l-.021.11c-.402 2.143-.718 3.832-.777 5.163c-.06 1.365.144 2.495.914 3.422c.77.928 1.843 1.336 3.195 1.529c1.32.188 3.037.188 5.218.188h.845c2.18 0 3.898 0 5.217-.188c1.352-.193 2.426-.601 3.196-1.529s.972-2.057.913-3.422c-.058-1.331-.375-3.02-.777-5.163l-.02-.11c-.285-1.519-.512-2.727-.81-3.666c-.31-.97-.72-1.74-1.428-2.327c-.707-.587-1.54-.85-2.55-.974a11 11 0 0 0-.414-.043M8.02 6.86c-.855.105-1.372.304-1.776.64c-.403.334-.694.805-.956 1.627c-.267.84-.478 1.958-.774 3.537c-.416 2.217-.711 3.8-.764 5.013c-.052 1.19.14 1.88.569 2.399c.43.517 1.073.832 2.253 1c1.2.172 2.812.174 5.068.174h.72c2.257 0 3.867-.002 5.068-.173c1.18-.169 1.823-.484 2.253-1.001c.43-.518.621-1.208.57-2.4c-.054-1.211-.349-2.795-.765-5.012c-.296-1.58-.506-2.696-.774-3.537c-.262-.822-.552-1.293-.956-1.628s-.92-.534-1.776-.64c-.876-.108-2.013-.109-3.62-.109h-.72c-1.607 0-2.744.001-3.62.11m1.45 4.61a.75.75 0 0 1 1.06 0L12 12.94l1.47-1.47a.75.75 0 1 1 1.06 1.06L13.06 14l1.47 1.47a.75.75 0 1 1-1.06 1.06L12 15.06l-1.47 1.47a.75.75 0 1 1-1.06-1.06L10.94 14l-1.47-1.47a.75.75 0 0 1 0-1.06" clip-rule="evenodd"/></svg>

Cara memakai ikon Bag X

React

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

<Icon icon="reicon:bag-x" width="24" />

Vue

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

<template>
  <Icon icon="reicon:bag-x" width="24" />
</template>

Svelte

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

<Icon icon="reicon:bag-x" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--bag-x]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:bag-x"></div>

Web component

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

<iconify-icon icon="reicon:bag-x"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/reicon/bag-x.svg" alt="Ikon Bag X" width="24" height="24">

Ikon terkait di Reicon

Ikon Bag X di set ikon lain

FAQ Ikon Bag X

Apakah ikon Bag X gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Bag X di React?

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

Bagaimana cara menambahkan ikon Bag X ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/reicon/bag-x.svg" alt="Ikon Bag X">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Reicon →