Ikon Package Plus

hugeicons:package-plus

Ikon Package Plus (hugeicons:package-plus) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge 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: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: packageplus

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path stroke-linejoin="round" d="M10.992 22c-.818 0-1.6-.33-3.163-.99c-3.891-1.644-5.837-2.466-5.837-3.849V7m9 15V11.355m0 10.645c.725 0 1.293-.26 2.5-.777M19.992 7v4"/><path d="M14.992 17.5h7m-3.5 3.5v-7"/><path stroke-linejoin="round" d="M7.318 9.691L4.397 8.278C2.794 7.502 1.992 7.114 1.992 6.5s.802-1.002 2.405-1.778L7.318 3.31C9.121 2.436 10.023 2 10.992 2c.97 0 1.871.436 3.674 1.309l2.921 1.413c1.604.776 2.405 1.164 2.405 1.778s-.801 1.002-2.405 1.778l-2.92 1.413C12.862 10.564 11.961 11 10.991 11s-1.871-.436-3.674-1.309M4.992 12l2 1m9-9l-10 5"/></g></svg>

Cara memakai ikon Package Plus

React

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

<Icon icon="hugeicons:package-plus" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:package-plus" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:package-plus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--package-plus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:package-plus"></div>

Web component

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

<iconify-icon icon="hugeicons:package-plus"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/package-plus.svg" alt="Ikon Package Plus" width="24" height="24">

Ikon terkait di Huge Icons

Ikon Package Plus di set ikon lain

FAQ Ikon Package Plus

Apakah ikon Package Plus gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Package Plus di React?

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

Bagaimana cara menambahkan ikon Package Plus ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/package-plus.svg" alt="Ikon Package Plus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Huge Icons →