Ikon Abacus
openmoji:abacus
Ikon Abacus (openmoji:abacus) adalah ikon SVG gratis dari set OpenMoji. Ikon ini digambar pada grid 72 × 72. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- OpenMoji
- Pembuat
- OpenMoji
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 72 × 72
- Kategori
- Benda
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m13.331 20.892l.192 18.397l44.887-.192l-.193-17.724z"/><circle cx="20.197" cy="19.736" r="2.724" fill="#ea5a47"/><path fill="#d22f27" d="M21.277 17.057a2.72 2.72 0 0 1-3.76 3.76a2.722 2.722 0 1 0 3.76-3.76"/><circle cx="30.834" cy="19.736" r="2.724" fill="#ea5a47"/><path fill="#d22f27" d="M31.914 17.057a2.72 2.72 0 0 1-3.759 3.76a2.722 2.722 0 1 0 3.759-3.76"/><circle cx="37.697" cy="19.736" r="2.724" fill="#ea5a47"/><path fill="#d22f27" d="M38.777 17.057a2.72 2.72 0 0 1-3.76 3.76a2.722 2.722 0 1 0 3.76-3.76"/><circle cx="45.246" cy="19.736" r="2.724" fill="#ea5a47"/><path fill="#d22f27" d="M46.326 17.057a2.72 2.72 0 0 1-3.76 3.76a2.722 2.722 0 1 0 3.76-3.76"/><circle cx="23.931" cy="30.374" r="2.724" fill="#fcea2b"/><path fill="#f1b31c" d="M25.01 27.695a2.72 2.72 0 0 1-3.758 3.758a2.722 2.722 0 1 0 3.759-3.758"/><circle cx="31.137" cy="30.374" r="2.724" fill="#fcea2b"/><path fill="#f1b31c" d="M32.217 27.695a2.72 2.72 0 0 1-3.76 3.758a2.722 2.722 0 1 0 3.76-3.758"/><circle cx="47.264" cy="30.374" r="2.724" fill="#fcea2b"/><path fill="#f1b31c" d="M48.344 27.695a2.72 2.72 0 0 1-3.759 3.758a2.722 2.722 0 1 0 3.76-3.758"/><circle cx="54.814" cy="30.374" r="2.724" fill="#fcea2b"/><path fill="#f1b31c" d="M55.893 27.695a2.72 2.72 0 0 1-3.759 3.758a2.722 2.722 0 1 0 3.76-3.758Z"/><circle cx="23.931" cy="41.011" r="2.724" fill="#f4aa41"/><path fill="#e27022" d="M25.01 38.332a2.72 2.72 0 0 1-3.758 3.759a2.722 2.722 0 1 0 3.759-3.759"/><circle cx="31.137" cy="41.011" r="2.724" fill="#f4aa41"/><path fill="#e27022" d="M32.217 38.332a2.72 2.72 0 0 1-3.76 3.759a2.722 2.722 0 1 0 3.76-3.759"/><circle cx="41.088" cy="41.011" r="2.724" fill="#f4aa41"/><path fill="#e27022" d="M42.168 38.332a2.72 2.72 0 0 1-3.76 3.759a2.722 2.722 0 1 0 3.76-3.759"/><circle cx="51.423" cy="41.011" r="2.724" fill="#f4aa41"/><path fill="#e27022" d="M52.502 38.332a2.72 2.72 0 0 1-3.759 3.759a2.722 2.722 0 1 0 3.76-3.759Z"/><g fill="none" stroke="#000"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.092 58.874v-46m36.559 6.863l10.895-.001m-18.523.001h.869m-7.748 0h.263m-10.821 0h3.887m-14.614 0h4.032m43.017 39.137v-46"/><circle cx="20.197" cy="19.736" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="30.834" cy="19.736" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="37.697" cy="19.736" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="45.246" cy="19.736" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M58.075 30.374h.784m-8.302 0h.985m-17.062 0h9.442m-16.739 0h.702m-15.026 0h7.775"/><circle cx="23.931" cy="30.374" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="31.137" cy="30.374" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="47.264" cy="30.374" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="54.814" cy="30.374" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M54.76 41.011h4.099m-14.419 0h3.631m-13.613 0h3.333m-10.539 0h.56m-14.953 0h7.747"/><circle cx="23.931" cy="41.011" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="31.137" cy="41.011" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="41.088" cy="41.011" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/><circle cx="51.423" cy="41.011" r="2.724" stroke-miterlimit="10" stroke-width="1.362"/></g></svg>Cara memakai ikon Abacus
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:abacus" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:abacus" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:abacus" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--abacus]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:abacus"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:abacus"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/openmoji/abacus.svg" alt="Ikon Abacus" width="24" height="24">Ikon Abacus di set ikon lain
FAQ Ikon Abacus
Apakah ikon Abacus gratis untuk penggunaan komersial?
Ya. OpenMoji icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Abacus di React?
Pasang @iconify/react lalu render <Icon icon="openmoji:abacus" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Abacus ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/openmoji/abacus.svg" alt="Ikon Abacus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.