Dribbble icon

il:dribbble

The Dribbble icon (il:dribbble) is a free SVG icon from the Icalicons set by Icalia Labs. It is drawn on a 760 × 850 grid. Icalicons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Icalicons
Author: Icalia Labs
License: MIT
Size: 760 × 850

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="760" height="850" viewBox="0 0 760 850"><path fill="currentColor" d="M361 273q-21-37-42-71t-37-58t-28-41t-13-17q-68 32-115 91T62 312l29-1q26-1 66-4t93-11t111-23m40 108q5-1 13-3l-12-28q-6-14-14-28q-63 19-122 28t-105 14t-74 4t-31 1q-1 3-1 10q0 63 23 118t60 98q27-46 66-86q33-35 82-71t115-57M180 634l-3-3l-4-3l5 5q1 1 2 1m413-498q-43-38-97-60T379 55q-40 0-76 9l13 18q11 15 28 41l38 59q21 33 42 71q46-17 78-38t52-38t30-29zM379 758q-78 0-147-30t-120-82t-82-120T0 379t30-147t82-121t120-81T379 0t147 30t121 81t81 121t30 147t-30 147t-81 120t-121 82t-147 30m55-326q-71 25-119 59t-79 65t-43 54t-13 24q42 32 92 50t107 19q34 0 66-7t60-19l-6-34q-4-24-13-56l-20-72q-11-40-30-84h-1zm15-131q5 12 11 23t10 24l4 9q2 4 3 8q42-5 82-4t72 4t51 7t21 4q-1-58-20-110t-54-93l-10 13l-33 32q-33 32-55 41t-82 42m48 115q16 44 28 83t19 69t11 51l5 28q55-37 92-93t47-124l-20-6q-17-5-44-8t-63-5t-75 5"/></svg>

How to use the Dribbble icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Dribbble icon in other icon sets

Dribbble icon FAQ

Is the Dribbble icon free for commercial use?

Yes. Icalicons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Dribbble icon in React?

Install @iconify/react and render <Icon icon="il:dribbble" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dribbble icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/il/dribbble.svg" alt="Dribbble icon">, or paste the SVG code inline to style it with CSS.

Browse all Icalicons →