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

Fps24024Filled

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="M2.149 6.178a1 1 0 0 0 1.29-.534l.03-.054c.035-.056.097-.14.191-.225C3.832 5.208 4.158 5 4.767 5c.425 0 .746.13.944.297c.183.155.305.375.305.703c0 .549-.172.865-.422 1.124c-.302.313-.722.553-1.322.897c-.545.312-1.25.716-1.796 1.33c-.586.659-.955 1.513-.955 2.649a1 1 0 0 0 .999 1h4.495a1 1 0 0 0 0-2H3.741q.1-.179.227-.32c.297-.333.716-.591 1.295-.923l.103-.058c.51-.29 1.159-.66 1.665-1.186c.593-.615.983-1.422.983-2.513c0-.915-.38-1.694-1.012-2.23C6.387 3.25 5.585 3 4.767 3c-1.138 0-1.936.417-2.451.885a3.1 3.1 0 0 0-.665.864l-.05.108l-.005.012l-.002.005v.002l-.001.002s-.209.52 0 0a1 1 0 0 0 .556 1.3M16.006 6c0-1.657 1.342-3 2.997-3A3 3 0 0 1 22 6v4c0 1.657-1.342 3-2.997 3a3 3 0 0 1-2.997-3zm2.997-1a1 1 0 0 0-.999 1v4a1 1 0 1 0 1.998 0V6a1 1 0 0 0-.999-1M4.768 15a.75.75 0 0 0-.75.75v5.481a.75.75 0 1 0 1.499 0v-1.728h1.748a.75.75 0 0 0 0-1.5H5.517V16.5h2.248a.75.75 0 0 0 0-1.5zm4.745.75a.75.75 0 0 1 .749-.75h1.499a2.25 2.25 0 0 1 2.247 2.25a2.25 2.25 0 0 1-2.247 2.25h-.75v1.75a.75.75 0 1 1-1.498 0zM11.01 18h.75a.75.75 0 0 0 0-1.5h-.75zm6.369-3a2.124 2.124 0 0 0-2.123 2.125c0 1.174.95 2.125 2.123 2.125h.5a.625.625 0 0 1 0 1.25h-.625a.5.5 0 0 1-.5-.5a.75.75 0 1 0-1.498 0c0 1.105.894 2 1.998 2h.624a2.124 2.124 0 0 0 2.123-2.125c0-1.174-.95-2.125-2.123-2.125h-.5a.625.625 0 0 1 0-1.25h.625a.5.5 0 0 1 .5.5a.75.75 0 1 0 1.498 0c0-1.105-.894-2-1.998-2zM15.007 3.994a1 1 0 1 0-1.998.012L13.027 7H11.01V4a1 1 0 1 0-1.998 0v4a1 1 0 0 0 1 1h3.02v3a1 1 0 1 0 1.998 0V7.405q0-.046-.005-.092z"/></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. Fps24024FilledIcon.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