Home/Libraries/OpenMoji (Iconify)/baseball

OpenMoji (Iconify)

Baseball

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

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 72 72"><circle cx="36" cy="35.958" r="29" fill="#fff"/><path fill="none" stroke="#818cf8" stroke-miterlimit="10" stroke-width="1.5" d="M54.83 55.785c-5.28-5.252-6.884-10.791-6.884-18.827c0-8.008 3.246-15.258 8.494-20.506m-40.907 0c5.248 5.248 8.494 12.498 8.494 20.506c0 8.029-2.409 14.491-7.68 19.742"/><path fill="#d0cfce" d="M50.738 10.999c4.825 5.179 7.782 12.122 7.782 19.76c0 16.015-12.984 29-29 29a28.86 28.86 0 0 1-14.664-3.985C20.145 61.42 27.653 64.958 36 64.958c16.016 0 29-12.983 29-29c0-10.631-5.73-19.911-14.262-24.96"/><g fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><circle cx="36" cy="35.958" r="29"/><path d="M56.494 56.518c-5.28-5.252-8.548-12.524-8.548-20.56c0-8.008 3.246-15.258 8.494-20.506m-40.907 0c5.248 5.248 8.494 12.498 8.494 20.506a28.85 28.85 0 0 1-8.517 20.528"/><path d="m45.946 35.458l2 1l2-1m-23.919 1l-2-1l-2 1m3.176 6.874l-1.779-1.356l-2.151.61m1.728 6.869l-1.478-1.678l-2.229.176m.304 6.694l-.773-2.099l-2.143-.64m3.588-34.112l-2.15.615l-.798 2.089m6.166 3.043l-2.199.109l-1.286 1.854m5.472 4.249l-2.205-.374l-1.622 1.539m25.123-2.336l1.778 1.356l2.152-.61m-1.729-6.869l1.478 1.678l2.229-.176m-.18-6.845l.773 2.098l2.143.64m-3.87 34.056l2.149-.615l.798-2.089m-6.01-2.779l2.234-.111l1.251-1.853m-5.468-4.304l2.204.374l1.622-1.539"/></g></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. BaseballIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** 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.