Ikon Pie

il:pie

Ikon Pie (il:pie) adalah ikon SVG gratis dari set Icalicons karya Icalia Labs. Ikon ini digambar pada grid 740 × 850. Icalicons 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: Icalicons
Pembuat: Icalia Labs
Lisensi: MIT
Ukuran: 740 × 850

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="740" height="850" viewBox="0 0 740 850"><path fill="currentColor" d="M440 356q-10 0-16-7t-7-16V11q66 8 124 38t100 75t69 105t30 127zm-93 45q0 10 7 17t17 7h367q-9 72-44 133t-88 106t-121 67t-145 17q-68-6-128-35t-105-76t-74-106T1 403q-5-78 20-148t73-123t113-86T347 9z"/></svg>

Cara memakai ikon Pie

React

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

<Icon icon="il:pie" width="24" />

Vue

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

<template>
  <Icon icon="il:pie" width="24" />
</template>

Svelte

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

<Icon icon="il:pie" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="il:pie"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/il/pie.svg" alt="Ikon Pie" width="24" height="24">

Ikon Pie di set ikon lain

FAQ Ikon Pie

Apakah ikon Pie gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Pie di React?

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

Bagaimana cara menambahkan ikon Pie ke halaman web?

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

Lihat semua Icalicons →