Prompt icon (Filled & Regular)

Used in AI powered prompt scenarios. The Prompt icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Use the Prompt icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { Prompt24Regular, Prompt24Filled } from "@fluentui/react-icons";

export function Example() {
  return <Prompt24Regular aria-label="Prompt" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_prompt_24_regular.svg" width="24" height="24" alt="Prompt">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.75 6.5C19.3358 6.5 19 6.16421 19 5.75V5H18.25C17.8358 5 17.5 4.66421 17.5 4.25C17.5 3.83579 17.8358 3.5 18.25 3.5H19V2.75C19 2.33579 19.3358 2 19.75 2C20.1642 2 20.5 2.33579 20.5 2.75V3.5H21.25C21.6642 3.5 22 3.83579 22 4.25C22 4.66421 21.6642 5 21.25 5H20.5V5.75C20.5 6.16421 20.1642 6.5 19.75 6.5ZM8.79875 3.72758C8.81332 3.65747 8.85192 3.59209 8.89976 3.54863C8.94519 3.50734 8.98123 3.50007 9.00122 3.50008C9.02122 3.50008 9.05721 3.50735 9.10257 3.54856C9.15032 3.59196 9.18886 3.65723 9.20341 3.72724C9.3801 4.57799 9.82808 5.88841 10.9695 7.03057C12.1109 8.17282 13.4215 8.62092 14.2725 8.79758C14.3426 8.81214 14.408 8.85074 14.4514 8.89856C14.4927 8.94399 14.5 8.98005 14.5 9.00009C14.5 9.02012 14.4927 9.05618 14.4514 9.10161C14.408 9.14945 14.3426 9.18806 14.2725 9.20263C13.4216 9.37948 12.1113 9.82787 10.9695 10.9702C9.82832 12.112 9.38044 13.4214 9.20382 14.272C9.18924 14.3423 9.15058 14.4078 9.10267 14.4513C9.05715 14.4927 9.02103 14.5 9.00095 14.5C8.98086 14.5 8.94481 14.4927 8.89942 14.4515C8.85163 14.4081 8.81306 14.3428 8.7985 14.2727C8.6216 13.4218 8.17333 12.111 7.03169 10.9689C5.8897 9.82651 4.57922 9.37861 3.7287 9.20215C3.65869 9.18762 3.59344 9.14914 3.55005 9.10148C3.50884 9.05622 3.50153 9.02028 3.50149 9.00033C3.50145 8.98035 3.50866 8.94427 3.55 8.89871C3.59352 8.85075 3.659 8.81206 3.72917 8.79749C4.58038 8.62074 5.89008 8.17257 7.03166 7.03069C8.1737 5.88835 8.62196 4.5784 8.79875 3.72758ZM9.00136 2.00008C8.11765 2 7.48124 2.69509 7.33012 3.42242C7.19114 4.09129 6.84208 5.09873 5.97086 5.97017C5.10032 6.84093 4.09339 7.18987 3.42421 7.32882C2.69591 7.48005 1.99991 8.11798 2.00149 9.00301C2.00307 9.88546 2.69754 10.5201 3.42398 10.6709C4.0926 10.8096 5.10009 11.1583 5.97084 12.0294C6.84146 12.9003 7.19071 13.9085 7.3299 14.578C7.48112 15.3054 8.11757 16 9.00095 16C9.88496 16 10.5214 15.3045 10.6725 14.577C10.8113 13.9083 11.1601 12.9015 12.0304 12.0306C12.9011 11.1595 13.9086 10.8103 14.5777 10.6712C15.305 10.5201 16 9.88371 16 9.00009C16 8.11633 15.3048 7.47991 14.5773 7.32889C13.9081 7.18997 12.9006 6.84104 12.0305 5.97028C11.16 5.09919 10.811 4.09139 10.6721 3.42221C10.521 2.69491 9.88475 2.00016 9.00136 2.00008ZM9.5 16.9538V18.75C9.5 19.7165 10.2835 20.5 11.25 20.5H18.75C19.7165 20.5 20.5 19.7165 20.5 18.75V11.25C20.5 10.2835 19.7165 9.5 18.75 9.5H16.9536C16.9839 9.34049 17 9.17369 17 9.00009C17 8.63518 16.9287 8.30036 16.8046 8H18.75C20.5449 8 22 9.45507 22 11.25V18.75C22 20.5449 20.5449 22 18.75 22H11.25C9.45507 22 8 20.5449 8 18.75V16.8042C8.3006 16.9286 8.63572 17 9.00095 17C9.17424 17 9.34075 16.9839 9.5 16.9538ZM12 13.75C12 13.3358 12.3358 13 12.75 13H18.25C18.6642 13 19 13.3358 19 13.75C19 14.1642 18.6642 14.5 18.25 14.5H12.75C12.3358 14.5 12 14.1642 12 13.75ZM12.75 16C12.3358 16 12 16.3358 12 16.75C12 17.1642 12.3358 17.5 12.75 17.5H16.25C16.6642 17.5 17 17.1642 17 16.75C17 16.3358 16.6642 16 16.25 16H12.75ZM2.75 19C2.33579 19 2 19.3358 2 19.75C2 20.1642 2.33579 20.5 2.75 20.5H3.5V21.25C3.5 21.6642 3.83579 22 4.25 22C4.66421 22 5 21.6642 5 21.25V20.5H5.75C6.16421 20.5 6.5 20.1642 6.5 19.75C6.5 19.3358 6.16421 19 5.75 19H5V18.25C5 17.8358 4.66421 17.5 4.25 17.5C3.83579 17.5 3.5 17.8358 3.5 18.25V19H2.75Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/prompt_24_regular.svg";

Details

Name	Prompt
Styles	Regular (outlined), Filled
Size	24 × 24 px (scalable SVG)
Regular (outlined) file	`ic_fluent_prompt_24_regular.svg`
Filled file	`ic_fluent_prompt_24_filled.svg`
React components	`Prompt24Regular, Prompt24Filled`
License	MIT (© Microsoft Corporation)

Keywords

query ask suggest instruct prompts ai sparkle

Prompt icon

Use the Prompt icon in React

Use it in HTML

Use it from the SVG package

Details

Keywords

Related icons