Skip to content
Cuelark UI

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

Remix Icon · RiBaseballFill

Baseball Fill icon

A free baseball fill icon from Remix Icon, 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
Apache License Version 2.0
Project
github.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/baseball-fill.json
components/icons/remix-baseball-fill.tsx
import * as React from "react";

/**
 * Baseball Fill from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/baseball-fill. Sized in em, colored by currentColor.
 */
export function RiBaseballFillIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M17.0004 3.33975C19.1501 4.58086 20.6625 6.50032 21.4279 8.67109C18.6563 9.18869 16.1188 10.8667 14.5985 13.5C13.0783 16.1331 12.8944 19.1691 13.8317 21.8281C11.5689 22.2508 9.15027 21.9015 7.0004 20.6603C4.85053 19.419 3.33869 17.4991 2.57338 15.3281C5.34477 14.8103 7.88213 13.1331 9.40232 10.5C10.9226 7.86675 11.1071 4.83019 10.1696 2.17109C12.4322 1.74854 14.8507 2.09864 17.0004 3.33975ZM8.24755 2.73256C9.03965 4.88437 8.90639 7.35899 7.67027 9.50001C6.43427 11.6408 4.35796 12.9928 2.09862 13.3828C1.79947 11.2514 2.18061 9.00838 3.34015 7.00001C4.49982 4.99139 6.25184 3.53912 8.24755 2.73256ZM21.9018 10.6159C22.2013 12.7477 21.8204 14.9912 20.6607 17C19.501 19.0086 17.7485 20.4595 15.7529 21.2661C14.9613 19.1146 15.0947 16.6406 16.3305 14.5C17.5665 12.3592 19.6425 11.006 21.9018 10.6159Z"
      />
    </svg>
  );
}
With react-icons
import { RiBaseballFill } from "react-icons/ri";

export function Example() {
  return <RiBaseballFill className="size-5" />;
}
baseball-fill.svg
<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M17.0004 3.33975C19.1501 4.58086 20.6625 6.50032 21.4279 8.67109C18.6563 9.18869 16.1188 10.8667 14.5985 13.5C13.0783 16.1331 12.8944 19.1691 13.8317 21.8281C11.5689 22.2508 9.15027 21.9015 7.0004 20.6603C4.85053 19.419 3.33869 17.4991 2.57338 15.3281C5.34477 14.8103 7.88213 13.1331 9.40232 10.5C10.9226 7.86675 11.1071 4.83019 10.1696 2.17109C12.4322 1.74854 14.8507 2.09864 17.0004 3.33975ZM8.24755 2.73256C9.03965 4.88437 8.90639 7.35899 7.67027 9.50001C6.43427 11.6408 4.35796 12.9928 2.09862 13.3828C1.79947 11.2514 2.18061 9.00838 3.34015 7.00001C4.49982 4.99139 6.25184 3.53912 8.24755 2.73256ZM21.9018 10.6159C22.2013 12.7477 21.8204 14.9912 20.6607 17C19.501 19.0086 17.7485 20.4595 15.7529 21.2661C14.9613 19.1146 15.0947 16.6406 16.3305 14.5C17.5665 12.3592 19.6425 11.006 21.9018 10.6159Z"
  />
</svg>
Attribution
"Baseball Fill" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons:

Baseball Fill icon in other sets