IconSearch logoIconsearch
Home/Libraries/Fluent UI System Icons (Iconify)/sport-basketball-24-filled
← Back to Search
Fluent UI System Icons (Iconify)

SportBasketball24Filled

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 24 24"><path fill="#818cf8" d="M18.434 12.866c-1.285-.383-2.765-.897-4.16-2.077L13.063 12l6.52 6.521a9.94 9.94 0 0 0 2.153-4.225l-.007-.007l-.008-.009c-.34-.34-.779-.587-1.339-.804a18 18 0 0 0-1.426-.456zm.09-8.448l-4.246 4.246c-.92-1.126-1.35-2.332-1.706-3.526l-.137-.468a20 20 0 0 0-.512-1.593a6.4 6.4 0 0 0-.515-1.06a9.98 9.98 0 0 1 7.115 2.401m1.06 1.06l-4.245 4.246c1.124.92 2.33 1.349 3.524 1.705l.468.137c.538.157 1.09.317 1.593.511c.363.141.721.307 1.06.517a9.98 9.98 0 0 0-2.4-7.115M9.72 2.28l-.015-.014A9.94 9.94 0 0 0 5.48 4.418l6.522 6.522l1.21-1.211c-1.18-1.396-1.694-2.876-2.077-4.162l-.154-.522a18 18 0 0 0-.456-1.426c-.217-.56-.464-.999-.804-1.339m-7.589 8.108A9.95 9.95 0 0 1 4.42 5.479L10.94 12l-1.088 1.09c-1.474-1.193-3.191-1.616-4.662-1.911q-.31-.062-.6-.118c-.608-.118-1.149-.223-1.645-.367a5 5 0 0 1-.813-.305m-.13 1.574a9.97 9.97 0 0 0 2.418 6.56l4.365-4.365c-1.142-.873-2.498-1.229-3.89-1.509l-.542-.106c-.623-.12-1.258-.243-1.826-.408a8 8 0 0 1-.525-.172m7.846 3.252l-4.367 4.368a9.97 9.97 0 0 0 6.757 2.415a6 6 0 0 1-.367-.931c-.166-.534-.29-1.125-.41-1.7l-.106-.498c-.277-1.274-.629-2.533-1.507-3.654m4.047 6.606a9.94 9.94 0 0 0 4.628-2.238l-6.521-6.521l-1.087 1.087c1.183 1.439 1.608 3.032 1.906 4.401l.119.559c.117.559.22 1.053.363 1.512c.157.504.342.896.592 1.2"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. SportBasketball24FilledIcon.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.

Related Icons in Fluent UI System Icons (Iconify)

Browse all Fluent UI System Icons (Iconify) icons →
access-time-20-filled
access-time-20-filled
access-time-20-regular
access-time-20-regular
access-time-24-filled
access-time-24-filled
access-time-24-regular
access-time-24-regular
accessibility-16-filled
accessibility-16-filled
accessibility-16-regular
accessibility-16-regular
accessibility-20-filled
accessibility-20-filled
accessibility-20-regular
accessibility-20-regular
accessibility-24-filled
accessibility-24-filled
accessibility-24-regular
accessibility-24-regular
accessibility-28-filled
accessibility-28-filled
accessibility-28-regular
accessibility-28-regular