Ikon Dribble
icon-park-solid:dribble
Ikon Dribble (icon-park-solid:dribble) adalah ikon SVG gratis dari set IconPark Solid karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- IconPark Solid
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Merek
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><defs><mask id="SVGgLO3nckm"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#fff" stroke="#fff" d="M44 24a19.94 19.94 0 0 1-5.889 14.173A19.94 19.94 0 0 1 24 44C12.954 44 4 35.046 4 24a19.93 19.93 0 0 1 5.5-13.775A19.94 19.94 0 0 1 24 4a19.94 19.94 0 0 1 14.111 5.827A19.94 19.94 0 0 1 44 24"/><path stroke="#000" d="M44 24c-2.918 0-10.968-1.1-18.173 2.063C18 29.5 12.333 34.832 9.863 38.147"/><path stroke="#000" d="M16.5 5.454C19.63 8.343 26.46 15.698 29 23s3.48 16.28 4.06 18.835"/><path stroke="#000" d="M4.154 21.5c3.778.228 13.779.433 20.179-2.3s11.907-7.76 13.796-9.355"/><path stroke="#fff" d="M5.5 31.613a20.08 20.08 0 0 0 9 9.991M4 24a19.93 19.93 0 0 1 5.5-13.775M24 4a19.94 19.94 0 0 0-14.5 6.225M32 5.664a20 20 0 0 1 6.111 4.163A19.94 19.94 0 0 1 44 24c0 2.462-.445 4.821-1.26 7M24 44a19.94 19.94 0 0 0 14.111-5.827"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVGgLO3nckm)"/></svg>Cara memakai ikon Dribble
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park-solid:dribble" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park-solid:dribble" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park-solid:dribble" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park-solid--dribble]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park-solid -->
<div class="i-icon-park-solid:dribble"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park-solid:dribble"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park-solid/dribble.svg" alt="Ikon Dribble" width="24" height="24">Ikon Dribble di set ikon lain
FAQ Ikon Dribble
Apakah ikon Dribble gratis untuk penggunaan komersial?
Ya. IconPark Solid icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dribble di React?
Pasang @iconify/react lalu render <Icon icon="icon-park-solid:dribble" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dribble ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park-solid/dribble.svg" alt="Ikon Dribble">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.