Dribble icon
icon-park-solid:dribble
The Dribble icon (icon-park-solid:dribble) is a free SVG icon from the IconPark Solid set by ByteDance. It is drawn on a 48 × 48 grid. IconPark Solid icons are released under the Apache 2.0 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
- IconPark Solid
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Brand
SVG code
<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>How to use the Dribble icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park-solid/dribble.svg" alt="Dribble icon" width="24" height="24">Dribble icon in other icon sets
Dribble icon FAQ
Is the Dribble icon free for commercial use?
Yes. IconPark Solid icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Dribble icon in React?
Install @iconify/react and render <Icon icon="icon-park-solid:dribble" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Dribble icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park-solid/dribble.svg" alt="Dribble icon">, or paste the SVG code inline to style it with CSS.