Ikon Package Process

hugeicons:package-process

Ikon Package Process (hugeicons:package-process) 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: packageprocess

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="1.5" d="M11 22c-.818 0-1.6-.33-3.163-.99C3.946 19.366 2 18.543 2 17.16V7m9 15V11.355M11 22c.34 0 .646-.057 1-.172M20 7v4.5M18 18l.906-.905M22 18a4 4 0 1 0-8 0a4 4 0 0 0 8 0M7.326 9.691L4.405 8.278C2.802 7.502 2 7.114 2 6.5s.802-1.002 2.405-1.778l2.92-1.413C9.13 2.436 10.03 2 11 2s1.871.436 3.674 1.309l2.921 1.413C19.198 5.498 20 5.886 20 6.5s-.802 1.002-2.405 1.778l-2.92 1.413C12.87 10.564 11.97 11 11 11s-1.871-.436-3.674-1.309M5 12l2 1m9-9L6 9"/></svg>

Cara memakai ikon Package Process

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di Huge Icons

FAQ Ikon Package Process

Apakah ikon Package Process 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 Process di React?

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

Bagaimana cara menambahkan ikon Package Process ke halaman web?

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

Lihat semua Huge Icons →