Social Dribbble icon

foundation:social-dribbble

The Social Dribbble icon (foundation:social-dribbble) is a free SVG icon from the Foundation set by Zurb. It is drawn on a 100 × 100 grid. Foundation icons 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: Foundation
Author: Zurb
License: MIT
Size: 100 × 100
Tags: socialdribbble

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" fill-rule="evenodd" d="M50 13.766c-19.979 0-36.234 16.255-36.234 36.233c0 19.98 16.255 36.234 36.234 36.234S86.234 69.98 86.234 50S69.98 13.766 50 13.766m23.957 16.709a30.8 30.8 0 0 1 6.989 19.28c-1.021-.218-11.253-2.291-21.551-.997a96 96 0 0 0-2.72-6.079c11.443-4.674 16.63-11.32 17.282-12.204M50 19.097c7.864 0 15.051 2.95 20.517 7.798c-.557.794-5.216 7.056-16.221 11.181c-5.071-9.318-10.693-16.973-11.548-18.119a31 31 0 0 1 7.252-.86m-13.157 2.942c.815 1.118 6.346 8.783 11.474 17.898c-14.477 3.845-27.228 3.788-28.612 3.771c2.006-9.603 8.478-17.585 17.138-21.669M19.05 50.046q0-.474.016-.945c1.354.028 16.353.221 31.808-4.404a103 103 0 0 1 2.509 5.253q-.614.172-1.22.368c-15.962 5.159-24.456 19.224-25.157 20.424c-4.942-5.488-7.956-12.746-7.956-20.696M50 80.998a30.8 30.8 0 0 1-18.998-6.533c.558-1.139 6.825-13.246 24.281-19.328l.205-.069c4.345 11.291 6.141 20.755 6.602 23.472A30.85 30.85 0 0 1 50 80.998m17.292-5.294c-.316-1.883-1.963-10.943-6.012-22.067c9.698-1.552 18.219.989 19.278 1.322c-1.379 8.613-6.322 16.05-13.266 20.745" clip-rule="evenodd"/></svg>

How to use the Social Dribbble icon

React

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

<Icon icon="foundation:social-dribbble" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-dribbble" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-dribbble" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="foundation:social-dribbble"></iconify-icon>

HTML image

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

Related icons in Foundation

Social Dribbble icon in other icon sets

Social Dribbble icon FAQ

Is the Social Dribbble icon free for commercial use?

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

How do I use the Social Dribbble icon in React?

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

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

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

Browse all Foundation icons →