Home/Libraries/Fluent UI System Icons (Iconify)/sport-general-20-regular

Fluent UI System Icons (Iconify)

SportGeneral20Regular

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 20 20"><g fill="none"><path d="M6.435 5.753c-.076.189-.142.38-.198.575c.311.095.63.2.949.318a4.968 4.968 0 0 1 .943-1.81L11.293 8l-.595.595a7.16 7.16 0 0 1 .71.704L12 8.707l3.165 3.165a4.97 4.97 0 0 1-1.794.937c.117.32.222.638.317.95a5.971 5.971 0 0 0 2.702-1.669a6.007 6.007 0 0 0 1.134-1.743c.526-1.24.616-2.62.27-3.908a6.011 6.011 0 0 0-4.232-4.234a6.024 6.024 0 0 0-3.807.23a6.02 6.02 0 0 0-3.32 3.318zm10.205.38a2.003 2.003 0 0 1-2.12.055l1.352-1.353c.327.4.583.838.768 1.298zm-2.843.777c.925.659 2.139.73 3.126.215a4.996 4.996 0 0 1-1.051 4.04L12.707 8l1.09-1.09zm-.707-.707L12 7.293L8.836 4.128a4.997 4.997 0 0 1 4.039-1.051a3.004 3.004 0 0 0 .215 3.126zm.722-.723a2.003 2.003 0 0 1 .056-2.12c.46.185.897.441 1.297.768L13.812 5.48z" fill="#818cf8"/><path d="M6.147 11.146a.5.5 0 0 1 .707 0l2 2a.5.5 0 0 1-.707.708l-2-2a.5.5 0 0 1 0-.708z" fill="#818cf8"/><path d="M2.041 8.881a1.706 1.706 0 0 1 2.037-2.075c.912.192 2.067.492 3.199.946c1.126.452 2.261 1.069 3.104 1.911c.844.845 1.458 1.98 1.904 3.105c.449 1.13.74 2.281.925 3.189a1.704 1.704 0 0 1-2.067 2.024c-1.755-.394-4.532-1.235-6.189-2.891c-1.653-1.654-2.507-4.442-2.913-6.209zm1.831-1.096c-.544-.114-.98.33-.856.873c.403 1.758 1.211 4.29 2.645 5.725c1.436 1.436 3.956 2.23 5.701 2.623c.538.12.978-.31.868-.85c-.177-.872-.455-1.963-.874-3.02c-.421-1.061-.973-2.056-1.682-2.766c-.708-.708-1.705-1.263-2.77-1.69c-1.06-.426-2.154-.711-3.032-.895z" fill="#818cf8"/></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. SportGeneral20RegularIcon.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.