Ikon Bi

flagpack:bi

Ikon Bi (flagpack:bi) adalah ikon SVG gratis dari set Flagpack karya Yummygum. Ikon ini digambar pada grid 32 × 24. Flagpack 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: Flagpack
Pembuat: Yummygum
Lisensi: MIT
Ukuran: 32 × 24

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="24" viewBox="0 0 32 24"><g fill="none"><rect width="32" height="24" fill="#5eaa22" rx="2"/><mask id="SVGTVFTSdMO" width="48" height="30" x="-8" y="-3" fill="#000" maskUnits="userSpaceOnUse"><path fill="#fff" d="M-8-3h48v30H-8z"/><path fill-rule="evenodd" d="M16 12L32 0H0zm0 0L0 24h32z" clip-rule="evenodd"/></mask><path fill="#dd2c2b" fill-rule="evenodd" d="M16 12L32 0H0zm0 0L0 24h32z" clip-rule="evenodd"/><path fill="#fff" d="m32 0l1.5 2l6-4.5H32zM0 0v-2.5h-7.5l6 4.5zm0 24l-1.5-2l-6 4.5H0zm32 0v2.5h7.5l-6-4.5zM30.5-2l-16 12l3 4l16-12zM0 2.5h32v-5H0zM17.5 10L1.5-2l-3 4l16 12zm-3 0l-16 12l3 4l16-12zM0 26.5h32v-5H0zM33.5 22l-16-12l-3 4l16 12z" mask="url(#SVGTVFTSdMO)"/><path fill="#fff" fill-rule="evenodd" d="M16 18a6 6 0 1 0 0-12a6 6 0 0 0 0 12" clip-rule="evenodd"/><path fill="#dd2c2b" fill-rule="evenodd" stroke="#5eaa22" stroke-width=".25" d="m15.43 10.387l-1.162.013l.592-1l-.592-1l1.162.013L16 7.4l.57 1.013l1.162-.013l-.592 1l.592 1l-1.162-.013L16 11.4zm-2.5 4.1l-1.162.013l.592-1l-.592-1l1.162.013l.57-1.013l.57 1.013l1.162-.013l-.592 1l.592 1l-1.162-.013l-.57 1.013zm5 0l-1.162.013l.592-1l-.592-1l1.162.013l.57-1.013l.57 1.013l1.162-.013l-.592 1l.592 1l-1.162-.013l-.57 1.013z" clip-rule="evenodd"/></g></svg>

Cara memakai ikon Bi

React

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

<Icon icon="flagpack:bi" width="24" />

Vue

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

<template>
  <Icon icon="flagpack:bi" width="24" />
</template>

Svelte

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

<Icon icon="flagpack:bi" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="flagpack:bi"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/flagpack/bi.svg" alt="Ikon Bi" width="24" height="24">

Ikon Bi di set ikon lain

FAQ Ikon Bi

Apakah ikon Bi gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Bi di React?

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

Bagaimana cara menambahkan ikon Bi ke halaman web?

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

Lihat semua Ikon Flagpack →