Ikon Pocket Base
logos:pocket-base
Ikon Pocket Base (logos:pocket-base) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
- Tag
- pocketbase
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#fff" d="M9.46 170.336a8.467 8.467 0 0 1-8.468-8.467V9.459A8.467 8.467 0 0 1 9.46.992h152.41a8.467 8.467 0 0 1 8.467 8.467v76.205h76.205a8.467 8.467 0 0 1 8.467 8.467v152.41a8.467 8.467 0 0 1-8.467 8.467H94.13a8.467 8.467 0 0 1-8.467-8.467v-76.205Z"/><path fill="#16161a" d="M161.869 0H9.459A9.46 9.46 0 0 0 0 9.46v152.409l.004.27a9.46 9.46 0 0 0 9.455 9.19l75.213-.001v75.213a9.46 9.46 0 0 0 9.46 9.459H246.54a9.46 9.46 0 0 0 9.459-9.46V94.132l-.004-.27a9.46 9.46 0 0 0-9.455-9.19h-75.213V9.46A9.46 9.46 0 0 0 161.868 0m0 1.984a7.475 7.475 0 0 1 7.475 7.475v76.205c0 .548.444.992.992.992h76.205a7.475 7.475 0 0 1 7.475 7.475v152.41a7.474 7.474 0 0 1-7.475 7.475H94.13a7.475 7.475 0 0 1-7.475-7.475v-76.205a.99.99 0 0 0-.992-.992H9.46a7.475 7.475 0 0 1-7.475-7.475V9.459A7.475 7.475 0 0 1 9.46 1.984z"/><path fill="#16161a" d="M57.44 128a7.056 7.056 0 0 1-7.056-7.056V43.328a7.056 7.056 0 0 1 7.056-7.056h26.482q7.694 0 14.373 1.548q6.824 1.407 11.76 4.924q5.082 3.376 7.985 9.144q2.904 5.628 2.904 13.928q0 8.02-3.049 13.928q-2.904 5.91-7.985 9.708T98.15 95.08q-6.679 1.829-14.228 1.829h-5.14a7.056 7.056 0 0 0-7.056 7.055v16.98A7.056 7.056 0 0 1 64.67 128zm14.286-54.608a7.056 7.056 0 0 0 7.056 7.056h3.833q17.422 0 17.422-14.632q0-7.175-4.5-10.13q-4.356-2.953-12.922-2.953h-3.833a7.056 7.056 0 0 0-7.056 7.055zm70.386 146.336a7.056 7.056 0 0 1-7.056-7.056v-77.616a7.056 7.056 0 0 1 7.056-7.056h24.61q7.373 0 13.59 1.125q6.363.986 10.99 3.658q4.626 2.674 7.229 7.034q2.748 4.362 2.747 10.975q0 3.094-1.012 6.19q-.868 3.095-2.892 5.767q-2.024 2.674-5.06 4.784q-2.94 2.044-6.964 3.03a.35.35 0 0 0-.266.339c0 .167.121.31.285.341q9.91 1.85 15.042 6.982q5.205 5.205 5.205 14.491q0 7.035-2.747 12.099q-2.748 5.064-7.664 8.441q-4.915 3.236-11.567 4.924q-6.505 1.548-14.17 1.548zm14.199-61.924a7.056 7.056 0 0 0 7.056 7.056h2.342q7.809 0 11.278-2.955t3.47-8.3q0-5.066-3.615-7.175q-3.47-2.25-10.988-2.251h-2.487a7.056 7.056 0 0 0-7.056 7.056zm0 38.69a7.056 7.056 0 0 0 7.056 7.055h4.366q17.062 0 17.062-12.38q0-6.05-4.193-8.723q-4.05-2.673-12.869-2.673h-4.366a7.056 7.056 0 0 0-7.056 7.056z"/></svg>Cara memakai ikon Pocket Base
React
import { Icon } from "@iconify/react";
<Icon icon="logos:pocket-base" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:pocket-base" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:pocket-base" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--pocket-base]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:pocket-base"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:pocket-base"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/pocket-base.svg" alt="Ikon Pocket Base" width="24" height="24">FAQ Ikon Pocket Base
Apakah ikon Pocket Base gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Pocket Base di React?
Pasang @iconify/react lalu render <Icon icon="logos:pocket-base" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Pocket Base ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/pocket-base.svg" alt="Ikon Pocket Base">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.