Ikon Protondb
simple-icons:protondb
Ikon Protondb (simple-icons:protondb) adalah ikon SVG gratis dari set Simple Icons karya Simple Icons Collaborators. Ikon ini digambar pada grid 24 × 24. Simple Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Simple Icons
- Pembuat
- Simple Icons Collaborators
- Lisensi
- CC0-1.0
- 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="M1.744 0C.781 0 0 .781 0 1.744v20.512C0 23.219.781 24 1.744 24h20.512c.963 0 1.744-.782 1.744-1.74V1.744C24 .781 23.218 0 22.26 0zm14.729 2.205v.004c.37 0 .704.08.996.25c1.26.728 1.55 2.996.904 5.846c2.8.855 4.625 2.238 4.625 3.695s-1.813 2.836-4.6 3.691c.65 2.84.367 5.102-.894 5.83a2.03 2.03 0 0 1-1.012.25c-1.232 0-2.846-.869-4.478-2.384c-1.633 1.525-3.245 2.404-4.477 2.404c-.376 0-.712-.079-1.006-.25c-1.26-.728-1.55-2.996-.904-5.846c-2.8-.855-4.625-2.238-4.625-3.695c0-1.452 1.814-2.83 4.605-3.69c-.65-2.84-.366-5.103.895-5.831a2.03 2.03 0 0 1 1.012-.25V3.23c-.206 0-.377.035-.514.118c-.606.352-.866 1.687-.656 3.398q.081.625.236 1.299c.875-.22 1.838-.385 2.85-.492a21 21 0 0 1 1.851-2.24C9.82 3.962 8.446 3.227 7.518 3.227V2.225c1.231 0 2.846.87 4.478 2.384c1.633-1.525 3.245-2.404 4.477-2.404m-.006 1.002c-.929.003-2.3.745-3.758 2.102a22 22 0 0 1 1.867 2.244c1.007.107 1.964.273 2.844.488c.098-.455.181-.9.23-1.32c.206-1.711-.059-3.04-.67-3.393a1.04 1.04 0 0 0-.513-.117zm-4.483 2.81c-.41.43-.824.91-1.23 1.438a26 26 0 0 1 2.478 0a18 18 0 0 0-1.248-1.437zM12 8.428q-1.025 0-2.03.089a25 25 0 0 0-1.08 1.71a23 23 0 0 0-.927 1.79c.283.6.591 1.196.933 1.783q.528.904 1.084 1.705q.999.082 2.02.084q1.025 0 2.03-.088a25 25 0 0 0 1.08-1.71c.332-.592.644-1.194.927-1.79a23 23 0 0 0-.933-1.785a26 26 0 0 0-1.086-1.705A25 25 0 0 0 12 8.428m-3.334.23a23 23 0 0 0-1.848.35c.171.582.377 1.185.621 1.786a26 26 0 0 1 1.227-2.137zm6.658 0a23 23 0 0 1 1.23 2.127c.235-.597.442-1.194.608-1.77a19 19 0 0 0-1.838-.358zm2.81.62a22 22 0 0 1-.997 2.72q.624 1.409 1.008 2.73c.435-.142.854-.287 1.24-.454c1.583-.674 2.61-1.57 2.625-2.27c0-.703-1.027-1.587-2.615-2.267a14 14 0 0 0-1.26-.459zm-12.282.006c-.435.142-.856.287-1.243.453c-1.588.67-2.615 1.566-2.615 2.27s1.027 1.588 2.615 2.267c.391.167.812.318 1.252.46a22 22 0 0 1 .996-2.717a22 22 0 0 1-1.005-2.733m6.142.668A2.05 2.05 0 0 1 14.043 12a2.05 2.05 0 0 1-2.049 2.049A2.05 2.05 0 0 1 9.947 12a2.05 2.05 0 0 1 2.047-2.049zm4.56 3.252a24 24 0 0 1-.58 1.08a26 26 0 0 1-.646 1.06a20 20 0 0 0 1.848-.357a19 19 0 0 0-.621-1.783zm-9.115.024a20 20 0 0 0-.605 1.77q.882.211 1.838.35a37 37 0 0 1-.647-1.044c-.21-.357-.4-.72-.586-1.076m9.99 2.728a21 21 0 0 1-2.849.492a21 21 0 0 1-1.851 2.24c1.461 1.35 2.834 2.086 3.763 2.086c.205 0 .377-.034.514-.117c.606-.352.864-1.685.654-3.396q-.083-.623-.23-1.305zm-10.845.01c-.098.454-.182.9-.23 1.32c-.206 1.711.058 3.039.67 3.39c.131.079.304.119.51.124c.928 0 2.301-.743 3.763-2.102a21.5 21.5 0 0 1-1.867-2.244a22 22 0 0 1-2.846-.488m4.18.586c.41.528.83 1.007 1.246 1.437c.41-.43.831-.91 1.232-1.437a26 26 0 0 1-2.478 0"/></svg>Cara memakai ikon Protondb
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:protondb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:protondb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:protondb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--protondb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:protondb"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:protondb"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/simple-icons/protondb.svg" alt="Ikon Protondb" width="24" height="24">Ikon Protondb di set ikon lain
FAQ Ikon Protondb
Apakah ikon Protondb gratis untuk penggunaan komersial?
Ya. Simple Icons dirilis di bawah lisensi CC0 1.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Protondb di React?
Pasang @iconify/react lalu render <Icon icon="simple-icons:protondb" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Protondb ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/simple-icons/protondb.svg" alt="Ikon Protondb">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.