ICONYZ
Bahasa Indonesia
Ikon Pants dari Phosphor

Ikon Pants

ph:pants

Ikon Pants (ph:pants) adalah ikon SVG gratis dari set Phosphor karya Phosphor Icons. Ikon ini digambar pada grid 256 × 256. Phosphor 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
Phosphor
Pembuat
Phosphor Icons
Lisensi
MIT
Ukuran
256 × 256
Tag
clothing, clothes, jeans, pant
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="m223.88 214l-22-176A16 16 0 0 0 186 24H70a16 16 0 0 0-15.88 14l-22 176A16 16 0 0 0 48 232h40.69a16 16 0 0 0 15.51-12.06l23.8-92l23.79 91.94A16 16 0 0 0 167.31 232H208a16 16 0 0 0 15.88-18M192.9 95.2A32.13 32.13 0 0 1 169 72h21ZM186 40l2 16H68l2-16ZM66 72h21a32.13 32.13 0 0 1-23.9 23.2Zm22.69 144H48l13-104.27A48.08 48.08 0 0 0 103.32 72H120v23Zm78.6-.06L136 95V72h16.68A48.08 48.08 0 0 0 195 111.73L208 216Z"/></svg>

Cara memakai ikon Pants

React

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

<Icon icon="ph:pants" width="24" />

Vue

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

<template>
  <Icon icon="ph:pants" width="24" />
</template>

Svelte

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

<Icon icon="ph:pants" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--pants]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="ph:pants"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ph/pants.svg" alt="Ikon Pants" width="24" height="24">

Ikon terkait di Phosphor

Ikon Pants di set ikon lain

FAQ Ikon Pants

Apakah ikon Pants gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Pants di React?

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

Bagaimana cara menambahkan ikon Pants ke halaman web?

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

Lihat semua Ikon Phosphor →