ICONYZ
Bahasa Indonesia
Ikon Dribbble dari Material Design Iconic Font

Ikon Dribbble

zmdi:dribbble

Ikon Dribbble (zmdi:dribbble) adalah ikon SVG gratis dari set Material Design Iconic Font karya MDI Community. Ikon ini digambar pada grid 432 × 440. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Material Design Iconic Font
Pembuat
MDI Community
Lisensi
OFL-1.1
Ukuran
432 × 440
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="432" height="440" viewBox="0 0 432 440"><path fill="currentColor" d="M308 358q56-40 69-107q-35-8-66-8q-17 0-34 3q19 57 31 112m-95 29q31 0 59-11q-12-63-32-121q-49 16-87 52q-23 22-39 47q44 33 99 33M47 221q0 60 39 106q19-28 46-53q42-38 94-55q-4-10-10-22q-67 21-151 22q-13 0-18-1zm93-150q-33 16-56 45t-32 64q3 1 13 1h3q70 0 131-19q-29-54-59-91m73-17q-16 0-35 4q32 42 57 91q53-23 82-58q-45-37-104-37m131 64q-36 41-92 66q4 8 11 25q24-4 48-4q33 0 69 8q-3-53-36-95M213.5 7q88.5 0 151 62.5t62.5 151t-62.5 151t-151 62.5t-151-62.5T0 220.5t62.5-151T213.5 7"/></svg>

Cara memakai ikon Dribbble

React

import { Icon } from "@iconify/react";

<Icon icon="zmdi:dribbble" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="zmdi:dribbble" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="zmdi:dribbble" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--dribbble]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:dribbble"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="zmdi:dribbble"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/zmdi/dribbble.svg" alt="Ikon Dribbble" width="24" height="24">

Ikon Dribbble di set ikon lain

FAQ Ikon Dribbble

Apakah ikon Dribbble gratis untuk penggunaan komersial?

Ya. Material Design Iconic Font icons dirilis di bawah Open Font License, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Dribbble di React?

Pasang @iconify/react lalu render <Icon icon="zmdi:dribbble" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Dribbble ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/zmdi/dribbble.svg" alt="Ikon Dribbble">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Material Design Iconic Font →