Ikon Bubble Icon
logos:bubble-icon
Ikon Bubble Icon (logos:bubble-icon) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 276. 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 × 276
- Tag
- bubbleicon
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="276" viewBox="0 0 256 276"><path fill="#262626" d="M156.688 71.53c-24.76 0-49.164 10.63-67.795 31.529V0H52.024v173.519c0 56.326 45.661 101.988 101.988 101.988S256 229.845 256 173.519S213.014 71.531 156.688 71.531m-2.676 164.694c-34.632 0-62.707-28.075-62.707-62.706s28.075-62.707 62.707-62.707c34.631 0 62.706 28.075 62.706 62.707s-28.075 62.706-62.706 62.706"/><path fill="#00f" d="M25.22 225.066c-13.93 0-25.22 11.292-25.22 25.22s11.291 25.22 25.22 25.22s25.22-11.292 25.22-25.22s-11.291-25.22-25.22-25.22"/></svg>Cara memakai ikon Bubble Icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:bubble-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:bubble-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:bubble-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--bubble-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:bubble-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:bubble-icon"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/bubble-icon.svg" alt="Ikon Bubble Icon" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Bubble Icon
Apakah ikon Bubble Icon 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 Bubble Icon di React?
Pasang @iconify/react lalu render <Icon icon="logos:bubble-icon" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bubble Icon ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/bubble-icon.svg" alt="Ikon Bubble Icon">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.