Ikon Counting
eos-icons:counting
Ikon Counting (eos-icons:counting) adalah ikon SVG gratis dari set EOS Icons karya SUSE UX/UI team. Ikon ini digambar pada grid 24 × 24. EOS 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
- EOS Icons
- Pembuat
- SUSE UX/UI team
- Lisensi
- MIT
- Ukuran
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2 2h2v20H2z"/><path fill="currentColor" d="M22 4v2H2V4z"/><path fill="currentColor" d="M20 2h2v20h-2z"/><circle cx="8" cy="5" r="2" fill="currentColor"/><path fill="currentColor" d="M22 10v2H2v-2z"/><circle cx="10" cy="11" r="2" fill="currentColor"/><circle cx="16" cy="11" r="2" fill="currentColor"/><path fill="currentColor" d="M22 16v2H2v-2zm2 5v2H0v-2z"/><circle cx="8" cy="17" r="2" fill="currentColor"/></svg>Cara memakai ikon Counting
React
import { Icon } from "@iconify/react";
<Icon icon="eos-icons:counting" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="eos-icons:counting" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="eos-icons:counting" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[eos-icons--counting]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/eos-icons -->
<div class="i-eos-icons:counting"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="eos-icons:counting"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/eos-icons/counting.svg" alt="Ikon Counting" width="24" height="24">FAQ Ikon Counting
Apakah ikon Counting gratis untuk penggunaan komersial?
Ya. EOS Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Counting di React?
Pasang @iconify/react lalu render <Icon icon="eos-icons:counting" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Counting ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/eos-icons/counting.svg" alt="Ikon Counting">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.