Home/Libraries/Emoji One (Colored) (Iconify)/baseball

Emoji One (Colored) (Iconify)

Baseball

License: CC-BY-4.0

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 64 64"><circle cx="32" cy="32" r="30" fill="#818cf8"/><path fill="#818cf8" d="M50 32.1c-3.8-1.7-7.3-4.3-10.6-7.5c-3.2-3.3-5.8-6.9-7.5-10.6c-1.9-4.1-2.8-8.2-2.5-11.9c-.7.1-1.4.1-2 .2c-.2 3.9.7 8.2 2.7 12.5c1.8 4 4.5 7.7 7.9 11.2c3.4 3.4 7.2 6.1 11.2 7.9c3.9 1.8 7.8 2.8 11.5 2.8h1c.1-.7.2-1.3.2-2c-3.7.2-7.8-.7-11.9-2.6m-23.9 5.8c-3.5-3.4-7.2-6.1-11.2-7.9c-4.3-2-8.6-2.9-12.6-2.7c-.1.7-.2 1.3-.2 2c3.7-.3 7.9.6 12 2.5c3.8 1.7 7.3 4.3 10.6 7.5c3.2 3.3 5.8 6.9 7.5 10.6c1.9 4.1 2.8 8.2 2.5 12c.7-.1 1.4-.1 2-.2c.2-4-.7-8.3-2.7-12.6c-1.8-4-4.5-7.8-7.9-11.2"/><path fill="#818cf8" d="M7.5 25.2c-3-.9-.4 1.4-.9 3.1s-4 2.2-1 3.1s5.9.3 6.4-1.4c.6-1.7-1.4-3.9-4.5-4.8m51.6 10.4c.6-1.7-1.3-3.9-4.3-5c-3-1-.4 1.4-1 3.1s-4.1 2-1.1 3.1c2.9 1 5.8.5 6.4-1.2M30.2 11.9c1.7-.5 2.4-3.4 1.4-6.4c-.9-3-1.4.5-3.1 1s-4.1-2.1-3.1.9c.9 3 3 5.1 4.8 4.5m18.9 20.4c1.4-1.9.5-4.8-2.1-6.6s-1.1 1.5-2.6 3.4c-1.4 1.9-5.3 1.5-2.7 3.3c2.7 1.8 6 1.8 7.4-.1M41.7 27c1.7-1.6 1.3-4.7-1-6.9s-1.4 1.3-3.1 2.9s-5.4.6-3.2 2.9c2.3 2.2 5.5 2.7 7.3 1.1m-7.1-7.2c2.1-1 2.6-4.1 1-6.9c-1.5-2.8-1.7.9-3.8 2c-2.1 1-5.4-.9-3.8 1.8c1.5 2.7 4.4 4.1 6.6 3.1m2.3 32.7c-1-3-1.4.5-3.1 1.1s-4.2-2-3.1 1c1 3 3.3 4.9 5 4.3s2.2-3.5 1.2-6.4m-4.4-10.8c-1.8-2.6-1.5 1.2-3.3 2.7c-1.9 1.4-5.2 0-3.4 2.6s4.8 3.5 6.6 2.1c1.9-1.6 1.9-4.8.1-7.4M26 34.3c-2.2-2.3-1.3 1.4-2.9 3.2c-1.6 1.7-5.1.8-2.9 3.1s5.3 2.7 6.9 1c1.6-1.8 1.1-5-1.1-7.3m-9.2-6.5c-2.8-1.6-.8 1.7-1.8 3.8c-1.1 2.1-4.7 2.2-2 3.8c2.8 1.6 5.8 1.1 6.9-1c1-2.1-.3-5-3.1-6.6"/></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-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.