Home/Libraries/Plump color icons (Iconify)/command-flat

Plump color icons (Iconify)

CommandFlat

License: CC-BY-4.0

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" fill-rule="evenodd" d="M1.504 10.857A9.357 9.357 0 0 1 10.86 1.5c4.59 0 8.641 3.396 8.977 8.23c.07 1.012.14 2.178.2 3.503a268 268 0 0 0 7.931 0q.094-1.985.201-3.503c.336-4.834 4.388-8.23 8.977-8.23a9.357 9.357 0 0 1 9.357 9.357c0 4.59-3.396 8.641-8.23 8.977c-1.012.07-2.178.14-3.503.2a268 268 0 0 0 0 7.931q1.986.094 3.503.201c4.834.336 8.23 4.388 8.23 8.977a9.357 9.357 0 0 1-9.357 9.357c-4.59 0-8.641-3.396-8.977-8.23a152 152 0 0 1-.2-3.503a268 268 0 0 0-7.932 0a152 152 0 0 1-.2 3.503c-.336 4.834-4.388 8.23-8.977 8.23a9.357 9.357 0 0 1-9.357-9.357c0-4.59 3.396-8.641 8.23-8.977c1.012-.07 2.178-.14 3.503-.2a268 268 0 0 0 0-7.931q-1.985-.094-3.503-.201c-4.834-.336-8.23-4.388-8.23-8.977Zm11.516 2.16q-.079-1.574-.165-2.802C12.79 9.303 12.03 8.5 10.86 8.5a2.357 2.357 0 0 0-2.357 2.357c0 1.17.802 1.93 1.715 1.994q1.229.086 2.801.165Zm7.22 7.22a276 276 0 0 1 0 7.526a276 276 0 0 1 7.527 0a276 276 0 0 1 0-7.526a276 276 0 0 1-7.526 0Zm-7.22 14.747q-1.574.079-2.801.165c-.913.064-1.715.823-1.715 1.994A2.357 2.357 0 0 0 10.86 39.5c1.17 0 1.93-.803 1.994-1.715q.086-1.229.165-2.801Zm21.968 0q.079 1.574.165 2.801c.064.913.823 1.715 1.994 1.715a2.357 2.357 0 0 0 2.357-2.357c0-1.17-.803-1.93-1.715-1.994a142 142 0 0 0-2.801-.165m0-21.968q1.574-.079 2.801-.165c.912-.064 1.715-.824 1.715-1.994A2.357 2.357 0 0 0 37.147 8.5c-1.17 0-1.93.803-1.994 1.715q-.086 1.229-.165 2.801" clip-rule="evenodd"/></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. CommandFlatIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-4.0** 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.