Social Dribbble icon
simple-line-icons:social-dribbble
The Social Dribbble icon (simple-line-icons:social-dribbble) is a free SVG icon from the Simple line icons set by Sabbir Ahmed. It is drawn on a 1024 × 1024 grid. Simple line 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
- Simple line icons
- Author
- Sabbir Ahmed
- License
- MIT
- Size
- 1024 × 1024
- Tags
- socialdribbble
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M511.984.272C442.128.272 375.52 14.383 314.8 39.839a32 32 0 0 0-6.145 2.672C127.391 121.328.271 302.064.271 512.016c0 282.16 229.568 511.712 511.712 511.712c282.192 0 511.744-229.568 511.744-511.712C1023.727 229.824 794.175.272 511.983.272zm447.745 511.744c0 3.584-.192 7.12-.272 10.67c-49.025-13.007-173.393-37.439-326.801-3.742c-13.52-30.896-28.512-62.575-45.28-94.816c-1.408-2.704-2.784-5.28-4.176-7.952c164.128-63.344 233.888-148.672 262.768-201.952C916.657 293.44 959.73 397.776 959.73 512.016zM797.537 167.438c-14.912 35.2-69.04 126-244.719 191.888c-78.897-144.224-140.225-230.672-174.593-274.64c42.256-13.264 87.184-20.416 133.76-20.416c108.432 0 207.983 38.768 285.552 103.168M316.05 109.519c27.216 33.28 90.384 117.056 175.104 270.447c-200 60.288-362.448 53.04-418.832 47.792c26.816-140.144 119.072-257.312 243.729-318.239zM64.273 512.014c0-6.896.21-13.745.53-20.577c19.249 1.935 49.153 4.079 88.289 4.079c86.895 0 217.712-10.752 369.008-58.144a2451 2451 0 0 1 8.544 16.273c14.431 27.776 27.487 55.185 39.407 82.064c-27.376 8.609-55.392 19.073-83.872 31.97c-182.624 82.703-268.192 200.703-298.673 252.335c-76.273-80.32-123.232-188.752-123.232-308zM236.1 864.236c16.24-30.752 90.607-154.082 276.447-238.258c27.968-12.672 55.52-22.784 82.384-30.912c60.736 154.32 81.808 281.568 88.177 330.593c-52.752 21.905-110.528 34.065-171.12 34.065c-104.016 0-199.792-35.76-275.888-95.488m507.518 30.798c-9.232-61.6-32.145-177.392-85.969-315.664c148.448-29.552 265.952-.56 295.616 8.08c-22.223 130.208-100.735 241.488-209.647 307.584"/></svg>
How to use the Social Dribbble icon
React
import { Icon } from "@iconify/react";
<Icon icon="simple-line-icons:social-dribbble" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-line-icons:social-dribbble" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-line-icons:social-dribbble" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-line-icons--social-dribbble]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-line-icons -->
<div class="i-simple-line-icons:social-dribbble"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-line-icons:social-dribbble"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/simple-line-icons/social-dribbble.svg" alt="Social Dribbble icon" width="24" height="24">
Related icons in Simple line icons
Social Dribbble icon in other icon sets
Social Dribbble icon FAQ
Is the Social Dribbble icon free for commercial use?
Yes. Simple line 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="simple-line-icons: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/simple-line-icons/social-dribbble.svg" alt="Social Dribbble icon">, or paste the SVG code inline to style it with CSS.
Browse all Simple line icons →
ICONYZ
