Home/Libraries/Streamline Emojis (Iconify)/baseball

Streamline Emojis (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 48 48"><path fill="#45413c" d="M7.62 44.86a16.38 2.14 0 1 0 32.76 0a16.38 2.14 0 1 0-32.76 0" opacity=".15"/><path fill="#f0f0f0" d="M4.06 24a19.94 19.94 0 1 0 39.88 0a19.94 19.94 0 1 0-39.88 0"/><path fill="#fff" d="M24 9.76a19.94 19.94 0 0 1 19.72 17.09a21 21 0 0 0 .22-2.85a19.94 19.94 0 0 0-39.88 0a21 21 0 0 0 .22 2.85A19.94 19.94 0 0 1 24 9.76"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M4.06 24a19.94 19.94 0 1 0 39.88 0a19.94 19.94 0 1 0-39.88 0"/><path fill="none" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M29 4.69v.08s-1.43 9.73 3.56 17.09c4.18 6.18 9.36 6.5 10.93 6.45M4.88 18.33c1 .22 8.39 2.05 12.71 7.81c4.09 5.46 2.62 15.18 2.22 17.36"/><path fill="#818cf8" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M30.59 5.68L27 5.64a1.43 1.43 0 0 0 0 2.85h3.56a1.43 1.43 0 1 0 0-2.85Z"/><path fill="#818cf8" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M32.25 13a1.43 1.43 0 0 0-1.63-1.18l-3.52.56A1.43 1.43 0 0 0 25.92 14a1.41 1.41 0 0 0 1.63 1.18l3.52-.56A1.43 1.43 0 0 0 32.25 13m-18.57 5.51a1.42 1.42 0 0 0-1.95.48l-1.84 3.06a1.43 1.43 0 0 0 2.45 1.46l1.83-3.05a1.42 1.42 0 0 0-.49-1.95"/><path fill="#818cf8" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M7.87 15.85a1.42 1.42 0 0 0-1.77 1l-1 3.41a1.43 1.43 0 0 0 2.69.74l1-3.41a1.42 1.42 0 0 0-.92-1.74"/><path fill="#818cf8" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M19.28 22.9a1.42 1.42 0 0 0-2-.12l-2.66 2.36a1.42 1.42 0 1 0 1.89 2.13l2.66-2.36a1.42 1.42 0 0 0 .11-2.01m3.56 6.69a1.43 1.43 0 0 0-1.76-1l-3.43 1a1.43 1.43 0 1 0 .77 2.75l3.43-1a1.42 1.42 0 0 0 .99-1.75M22.43 35l-3.56-.08a1.43 1.43 0 1 0-.07 2.85l3.57.08a1.43 1.43 0 0 0 .06-2.85m-.32 5.76l-3.49-.7a1.42 1.42 0 0 0-1.68 1.11a1.44 1.44 0 0 0 1.12 1.68l3.49.7a1.42 1.42 0 0 0 1.68-1.11a1.44 1.44 0 0 0-1.12-1.68M33.92 18.3a1.42 1.42 0 0 0-2-.43L29 19.8a1.43 1.43 0 0 0 1.54 2.4l3-1.93a1.42 1.42 0 0 0 .38-1.97m3.46 4.42a1.42 1.42 0 0 0-2 .41l-2 3a1.43 1.43 0 1 0 2.38 1.57l2-3a1.42 1.42 0 0 0-.38-1.98m5.1 2.72a1.42 1.42 0 0 0-1.73 1l-.9 3.45a1.43 1.43 0 1 0 2.76.72l.89-3.45a1.42 1.42 0 0 0-1.02-1.72"/></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.