Home/Libraries/Fluent UI System Icons (Iconify)/prompt-48-filled

Fluent UI System Icons (Iconify)

Prompt48Filled

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 48 48"><path fill="#818cf8" d="M38.5 11.25a1.25 1.25 0 1 0 2.5 0V9.5h1.75a1.25 1.25 0 1 0 0-2.5H41V5.25a1.25 1.25 0 1 0-2.5 0V7h-1.75a1.25 1.25 0 1 0 0 2.5h1.75zM14.868 6.679C15.154 5.299 16.358 4 18.003 4s2.847 1.298 3.134 2.678c.29 1.4 1.02 3.512 2.847 5.34c1.826 1.826 3.938 2.557 5.337 2.847C30.7 15.152 32 16.355 32 18s-1.298 2.848-2.678 3.135c-1.4.29-3.511 1.022-5.338 2.85c-1.826 1.827-2.556 3.937-2.846 5.335c-.287 1.381-1.49 2.68-3.136 2.68c-1.644 0-2.848-1.297-3.135-2.678c-.29-1.4-1.022-3.513-2.849-5.34c-1.826-1.828-3.938-2.558-5.336-2.848c-1.379-.286-2.676-1.486-2.679-3.128C4 16.358 5.3 15.152 6.683 14.865c1.398-.29 3.51-1.02 5.336-2.848s2.558-3.94 2.849-5.338M19.5 37.75v-3.974a5 5 0 0 1-1.498.224q-.523-.001-1.002-.098v3.848A6.25 6.25 0 0 0 23.25 44h14.5A6.25 6.25 0 0 0 44 37.75v-14.5A6.25 6.25 0 0 0 37.75 17h-3.847q.096.478.097 1a5 5 0 0 1-.224 1.5h3.974a3.75 3.75 0 0 1 3.75 3.75v14.5a3.75 3.75 0 0 1-3.75 3.75h-14.5a3.75 3.75 0 0 1-3.75-3.75m5.5-10.5c0-.69.56-1.25 1.25-1.25h9.5a1.25 1.25 0 1 1 0 2.5h-9.5c-.69 0-1.25-.56-1.25-1.25m1.25 5.25a1.25 1.25 0 1 0 0 2.5h6.5a1.25 1.25 0 1 0 0-2.5zM4 39.75c0-.69.56-1.25 1.25-1.25H7v-1.75a1.25 1.25 0 1 1 2.5 0v1.75h1.75a1.25 1.25 0 1 1 0 2.5H9.5v1.75a1.25 1.25 0 1 1-2.5 0V41H5.25C4.56 41 4 40.44 4 39.75"/></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. Prompt48FilledIcon.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.