Skip to content
Cuelark UI

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

Icons8 Line Awesome · LiaDribbbleSquare

Dribbble Square icon

A free dribbble square icon from Icons8 Line Awesome, 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.

License
MIT license
Project
icons8.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/line-awesome/dribbble-square.json
components/icons/line-awesome-dribbble-square.tsx
import * as React from "react";

/**
 * Dribbble Square from Icons8 Line Awesome (https://icons8.com/line-awesome), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/line-awesome/dribbble-square. Sized in em, colored by currentColor.
 */
export function LiaDribbbleSquareIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 32 32"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M 5 5 L 5 27 L 27 27 L 27 5 L 5 5 z M 7 7 L 25 7 L 25 25 L 7 25 L 7 7 z M 16.25 8 C 14.125 8 14.125 13.5045 14.125 13.5625 C 14.125 14.2035 14.1485 14.812 14.1875 15.375 C 13.8905 15.265 13.5545 15.1875 13.1875 15.1875 C 11.0045 15.1875 10 17.035 10 19 C 10 20.848 11.04325 23 13.40625 23 C 14.52325 23 15.488953 22.28575 16.251953 21.21875 C 16.923953 21.90275 17.603953 22.15625 18.126953 22.15625 C 19.786953 22.15625 20.88625 19.254 21.28125 18 C 21.39825 17.605 21.18325 17.14825 20.78125 17.03125 C 20.38625 16.90225 19.97275 17.12525 19.84375 17.53125 C 19.37875 19.00425 18.512 20.547 18.125 20.625 C 17.84 20.625 17.44525 20.3755 17.03125 19.8125 C 17.98125 17.8165 18.46875 15.32825 18.46875 13.65625 C 18.46875 8.98025 17.258 8 16.25 8 z M 16.3125 9.625 C 16.5515 9.98 16.96875 11.10525 16.96875 13.65625 C 16.96875 15.00825 16.64025 16.58575 16.15625 17.96875 C 15.84025 16.89075 15.625 15.4415 15.625 13.5625 C 15.625 11.8235 15.9965 10.18 16.3125 9.625 z M 12.90625 16.71875 C 12.99625 16.69875 13.0865 16.71875 13.1875 16.71875 C 13.8285 16.71875 14.3125 17.1875 14.3125 17.1875 C 14.3435 17.2265 14.3865 17.2815 14.4375 17.3125 C 14.6445 18.3715 14.9645 19.204953 15.3125 19.876953 C 14.7385 20.845953 14.06625 21.470703 13.40625 21.470703 C 11.69525 21.470703 11.53125 19.94125 11.53125 19.28125 C 11.53125 19.17925 11.55425 16.98875 12.90625 16.71875 z"
      />
    </svg>
  );
}
With react-icons
import { LiaDribbbleSquare } from "react-icons/lia";

export function Example() {
  return <LiaDribbbleSquare className="size-5" />;
}
dribbble-square.svg
<svg
  viewBox="0 0 32 32"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M 5 5 L 5 27 L 27 27 L 27 5 L 5 5 z M 7 7 L 25 7 L 25 25 L 7 25 L 7 7 z M 16.25 8 C 14.125 8 14.125 13.5045 14.125 13.5625 C 14.125 14.2035 14.1485 14.812 14.1875 15.375 C 13.8905 15.265 13.5545 15.1875 13.1875 15.1875 C 11.0045 15.1875 10 17.035 10 19 C 10 20.848 11.04325 23 13.40625 23 C 14.52325 23 15.488953 22.28575 16.251953 21.21875 C 16.923953 21.90275 17.603953 22.15625 18.126953 22.15625 C 19.786953 22.15625 20.88625 19.254 21.28125 18 C 21.39825 17.605 21.18325 17.14825 20.78125 17.03125 C 20.38625 16.90225 19.97275 17.12525 19.84375 17.53125 C 19.37875 19.00425 18.512 20.547 18.125 20.625 C 17.84 20.625 17.44525 20.3755 17.03125 19.8125 C 17.98125 17.8165 18.46875 15.32825 18.46875 13.65625 C 18.46875 8.98025 17.258 8 16.25 8 z M 16.3125 9.625 C 16.5515 9.98 16.96875 11.10525 16.96875 13.65625 C 16.96875 15.00825 16.64025 16.58575 16.15625 17.96875 C 15.84025 16.89075 15.625 15.4415 15.625 13.5625 C 15.625 11.8235 15.9965 10.18 16.3125 9.625 z M 12.90625 16.71875 C 12.99625 16.69875 13.0865 16.71875 13.1875 16.71875 C 13.8285 16.71875 14.3125 17.1875 14.3125 17.1875 C 14.3435 17.2265 14.3865 17.2815 14.4375 17.3125 C 14.6445 18.3715 14.9645 19.204953 15.3125 19.876953 C 14.7385 20.845953 14.06625 21.470703 13.40625 21.470703 C 11.69525 21.470703 11.53125 19.94125 11.53125 19.28125 C 11.53125 19.17925 11.55425 16.98875 12.90625 16.71875 z"
  />
</svg>
Attribution
"Dribbble Square" icon from Icons8 Line Awesome (https://icons8.com/line-awesome), licensed under MIT license.

Related icons:

Dribbble Square icon in other sets