Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Simple Line Icons · SlSocialDribbble

Social Dribbble icon

A free social dribbble icon from Simple Line Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

Also known asshare iconsend iconexport iconforward iconnetwork icon
License
MIT license
Project
thesabbir.github.io
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/simple-line-icons/social-dribbble.json
components/icons/simple-line-icons-social-dribbble.tsx
import * as React from "react";

/**
 * Social Dribbble from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/simple-line-icons/social-dribbble. Sized in em, colored by currentColor.
 */
export function SlSocialDribbbleIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 1024 1024"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M511.984.272C442.128.272 375.52 14.383 314.8 39.839a32.015 32.015 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.712 282.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.67-49.025-13.007-173.393-37.439-326.801-3.742-13.52-30.896-28.512-62.575-45.28-94.816-1.408-2.704-2.784-5.28-4.176-7.952 164.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.888-78.897-144.224-140.225-230.672-174.593-274.64 42.256-13.264 87.184-20.416 133.76-20.416 108.432 0 207.983 38.768 285.552 103.168zM316.05 109.519c27.216 33.28 90.384 117.056 175.104 270.447-200 60.288-362.448 53.04-418.832 47.792 26.816-140.144 119.072-257.312 243.729-318.239h-.001zM64.273 512.014c0-6.896.21-13.745.53-20.577 19.249 1.935 49.153 4.079 88.289 4.079 86.895 0 217.712-10.752 369.008-58.144a2450.562 2450.562 0 0 1 8.544 16.273c14.431 27.776 27.487 55.185 39.407 82.064-27.376 8.609-55.392 19.073-83.872 31.97-182.624 82.703-268.192 200.703-298.673 252.335-76.273-80.32-123.232-188.752-123.232-308zM236.1 864.236c16.24-30.752 90.607-154.082 276.447-238.258 27.968-12.672 55.52-22.784 82.384-30.912 60.736 154.32 81.808 281.568 88.177 330.593-52.752 21.905-110.528 34.065-171.12 34.065-104.016 0-199.792-35.76-275.888-95.488zm507.518 30.798c-9.232-61.6-32.145-177.392-85.969-315.664 148.448-29.552 265.952-.56 295.616 8.08-22.223 130.208-100.735 241.488-209.647 307.584z"
      />
    </svg>
  );
}
With react-icons
import { SlSocialDribbble } from "react-icons/sl";

export function Example() {
  return <SlSocialDribbble className="size-5" />;
}
social-dribbble.svg
<svg
  viewBox="0 0 1024 1024"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M511.984.272C442.128.272 375.52 14.383 314.8 39.839a32.015 32.015 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.712 282.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.67-49.025-13.007-173.393-37.439-326.801-3.742-13.52-30.896-28.512-62.575-45.28-94.816-1.408-2.704-2.784-5.28-4.176-7.952 164.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.888-78.897-144.224-140.225-230.672-174.593-274.64 42.256-13.264 87.184-20.416 133.76-20.416 108.432 0 207.983 38.768 285.552 103.168zM316.05 109.519c27.216 33.28 90.384 117.056 175.104 270.447-200 60.288-362.448 53.04-418.832 47.792 26.816-140.144 119.072-257.312 243.729-318.239h-.001zM64.273 512.014c0-6.896.21-13.745.53-20.577 19.249 1.935 49.153 4.079 88.289 4.079 86.895 0 217.712-10.752 369.008-58.144a2450.562 2450.562 0 0 1 8.544 16.273c14.431 27.776 27.487 55.185 39.407 82.064-27.376 8.609-55.392 19.073-83.872 31.97-182.624 82.703-268.192 200.703-298.673 252.335-76.273-80.32-123.232-188.752-123.232-308zM236.1 864.236c16.24-30.752 90.607-154.082 276.447-238.258 27.968-12.672 55.52-22.784 82.384-30.912 60.736 154.32 81.808 281.568 88.177 330.593-52.752 21.905-110.528 34.065-171.12 34.065-104.016 0-199.792-35.76-275.888-95.488zm507.518 30.798c-9.232-61.6-32.145-177.392-85.969-315.664 148.448-29.552 265.952-.56 295.616 8.08-22.223 130.208-100.735 241.488-209.647 307.584z"
  />
</svg>
Attribution
"Social Dribbble" icon from Simple Line Icons (https://thesabbir.github.io/simple-line-icons/), licensed under MIT license.

Related icons: share, send, export, forward

Social Dribbble icon in other sets