Dribbble icon
fa-brands:dribbble
The Dribbble icon (fa-brands:dribbble) is a free SVG icon from the Font Awesome 5 Brands set by Dave Gandy. It is drawn on a 512 × 512 grid. Font Awesome 5 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Font Awesome 5 Brands
- Author
- Dave Gandy
- License
- CC-BY-4.0
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M256 8C119.252 8 8 119.252 8 256s111.252 248 248 248s248-111.252 248-248S392.748 8 256 8m163.97 114.366c29.503 36.046 47.369 81.957 47.835 131.955c-6.984-1.477-77.018-15.682-147.502-6.818c-5.752-14.041-11.181-26.393-18.617-41.614c78.321-31.977 113.818-77.482 118.284-83.523M396.421 97.87c-3.81 5.427-35.697 48.286-111.021 76.519c-34.712-63.776-73.185-116.168-79.04-124.008c67.176-16.193 137.966 1.27 190.061 47.489m-230.48-33.25c5.585 7.659 43.438 60.116 78.537 122.509c-99.087 26.313-186.36 25.934-195.834 25.809C62.38 147.205 106.678 92.573 165.941 64.62M44.17 256.323c0-2.166.043-4.322.108-6.473c9.268.19 111.92 1.513 217.706-30.146c6.064 11.868 11.857 23.915 17.174 35.949c-76.599 21.575-146.194 83.527-180.531 142.306C64.794 360.405 44.17 310.73 44.17 256.323m81.807 167.113c22.127-45.233 82.178-103.622 167.579-132.756c29.74 77.283 42.039 142.053 45.189 160.638c-68.112 29.013-150.015 21.053-212.768-27.882m248.38 8.489c-2.171-12.886-13.446-74.897-41.152-151.033c66.38-10.626 124.7 6.768 131.947 9.055c-9.442 58.941-43.273 109.844-90.795 141.978"/></svg>
How to use the Dribbble icon
React
import { Icon } from "@iconify/react";
<Icon icon="fa-brands:dribbble" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fa-brands:dribbble" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fa-brands:dribbble" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fa-brands--dribbble]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fa-brands -->
<div class="i-fa-brands:dribbble"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fa-brands:dribbble"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/fa-brands/dribbble.svg" alt="Dribbble icon" width="24" height="24">
Related icons in Font Awesome 5 Brands
Dribbble icon in other icon sets
Dribbble icon FAQ
Is the Dribbble icon free for commercial use?
Yes. Font Awesome 5 Brands icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Dribbble icon in React?
Install @iconify/react and render <Icon icon="fa-brands: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/fa-brands/dribbble.svg" alt="Dribbble icon">, or paste the SVG code inline to style it with CSS.
Browse all Font Awesome 5 Brands icons →
ICONYZ
