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

Themify Icons · TfiBasketball

Basketball icon

A free basketball icon from Themify 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.

License: MIT license
Project: github.com

Download SVG

Install with shadcn

npx shadcn@latest add https://ui.cuelark.com/r/icons/themify/basketball.json

components/icons/themify-basketball.tsx

import * as React from "react";

/**
 * Basketball from Themify Icons (https://github.com/lykmapipo/themify-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/themify/basketball. Sized in em, colored by currentColor.
 */
export function TfiBasketballIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      version="1.1"
      viewBox="0 0 17 17"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g />
      <path
        d="M8.516 0c-4.687 0-8.5 3.813-8.5 8.5s3.813 8.5 8.5 8.5 8.5-3.813 8.5-8.5-3.814-8.5-8.5-8.5zM12.989 8c0.098-1.46 0.615-2.855 1.497-4.020 0.86 1.133 1.404 2.515 1.504 4.020h-3.001zM15.99 9c-0.1 1.505-0.644 2.888-1.505 4.021-0.881-1.166-1.398-2.561-1.495-4.021h3zM13.826 3.209c-1.094 1.371-1.733 3.040-1.837 4.791h-2.989v-6.976c1.879 0.122 3.574 0.929 4.826 2.185zM8 1.026v6.974h-2.96c-0.102-1.752-0.741-3.42-1.834-4.791 1.244-1.249 2.927-2.055 4.794-2.183zM1.041 8c0.1-1.505 0.644-2.888 1.505-4.021 0.881 1.165 1.397 2.56 1.495 4.021h-3zM4.040 9c-0.097 1.462-0.612 2.856-1.494 4.021-0.861-1.133-1.405-2.516-1.505-4.021h2.999zM3.205 13.791c1.095-1.371 1.733-3.039 1.835-4.791h2.96v6.974c-1.867-0.128-3.55-0.934-4.795-2.183zM9 15.976v-6.976h2.99c0.103 1.751 0.742 3.42 1.835 4.792-1.252 1.255-2.946 2.062-4.825 2.184z"
      />
    </svg>
  );
}

With react-icons

import { TfiBasketball } from "react-icons/tfi";

export function Example() {
  return <TfiBasketball className="size-5" />;
}

basketball.svg

<svg
  version="1.1"
  viewBox="0 0 17 17"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <g />
  <path
    d="M8.516 0c-4.687 0-8.5 3.813-8.5 8.5s3.813 8.5 8.5 8.5 8.5-3.813 8.5-8.5-3.814-8.5-8.5-8.5zM12.989 8c0.098-1.46 0.615-2.855 1.497-4.020 0.86 1.133 1.404 2.515 1.504 4.020h-3.001zM15.99 9c-0.1 1.505-0.644 2.888-1.505 4.021-0.881-1.166-1.398-2.561-1.495-4.021h3zM13.826 3.209c-1.094 1.371-1.733 3.040-1.837 4.791h-2.989v-6.976c1.879 0.122 3.574 0.929 4.826 2.185zM8 1.026v6.974h-2.96c-0.102-1.752-0.741-3.42-1.834-4.791 1.244-1.249 2.927-2.055 4.794-2.183zM1.041 8c0.1-1.505 0.644-2.888 1.505-4.021 0.881 1.165 1.397 2.56 1.495 4.021h-3zM4.040 9c-0.097 1.462-0.612 2.856-1.494 4.021-0.861-1.133-1.405-2.516-1.505-4.021h2.999zM3.205 13.791c1.095-1.371 1.733-3.039 1.835-4.791h2.96v6.974c-1.867-0.128-3.55-0.934-4.795-2.183zM9 15.976v-6.976h2.99c0.103 1.751 0.742 3.42 1.835 4.792-1.252 1.255-2.946 2.062-4.825 2.184z"
  />
</svg>

Attribution

"Basketball" icon from Themify Icons (https://github.com/lykmapipo/themify-icons), licensed under MIT license.

Basketball icon in other sets

Similar Themify Icons icons