Home/Libraries/Phosphor (Iconify)/baseball-fill

Phosphor (Iconify)

BaseballFill

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#818cf8" d="M209.35 63.28a4 4 0 0 0-5.8-.47a89 89 0 0 0-9.4 10a8.2 8.2 0 0 1-11 1.81A8 8 0 0 1 181.49 63a104 104 0 0 1 10.33-11.14a4 4 0 0 0-.22-6.09a103.79 103.79 0 0 0-127.2 0a4 4 0 0 0-.22 6.09a105 105 0 0 1 10.17 10.93A8.18 8.18 0 0 1 74 73.58A8 8 0 0 1 62 73a88.4 88.4 0 0 0-9.59-10.2a4 4 0 0 0-5.79.48a103.79 103.79 0 0 0 0 129.44a4 4 0 0 0 5.8.47a89 89 0 0 0 9.4-10a8.2 8.2 0 0 1 11-1.81A8 8 0 0 1 74.51 193a104 104 0 0 1-10.33 11.14a4 4 0 0 0 .22 6.09a103.79 103.79 0 0 0 127.2 0a4 4 0 0 0 .22-6.09A104 104 0 0 1 181.49 193a8 8 0 0 1 1.7-11.59a8.2 8.2 0 0 1 11 1.81a89 89 0 0 0 9.4 10a4 4 0 0 0 5.8-.47a103.79 103.79 0 0 0 0-129.44ZM81.71 88.3a8.18 8.18 0 0 1 9.79 5.29a105 105 0 0 1 4.34 16.77A8 8 0 0 1 88 120a8 8 0 0 1-8-7.35c-.38-4.44-1.11-8.91-3.2-12.84a8 8 0 0 1 4.91-11.51m14.13 57.29a103.5 103.5 0 0 1-4.43 17.08a8 8 0 0 1-11.17 4.46a8.19 8.19 0 0 1-3.82-10.08a88 88 0 0 0 3.69-14.37a8 8 0 0 1 10.18-6.35a8.17 8.17 0 0 1 5.55 9.26m79.92 21.54a8 8 0 0 1-11.17-4.46a103.5 103.5 0 0 1-4.43-17.08a8.18 8.18 0 0 1 5.55-9.26a8 8 0 0 1 10.18 6.35a88 88 0 0 0 3.69 14.37a8.19 8.19 0 0 1-3.82 10.08m3.41-67.32c-2.09 3.93-2.82 8.4-3.2 12.84a8 8 0 0 1-10.17 7a8.16 8.16 0 0 1-5.65-9.25a103.6 103.6 0 0 1 4.35-16.8a8.17 8.17 0 0 1 9.79-5.3a8 8 0 0 1 4.88 11.51"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. BaseballFillIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.