Home/Libraries/Freehand free icons (Iconify)/keyboard-command

Freehand free icons (Iconify)

KeyboardCommand

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 24 24"><path fill="#818cf8" fill-rule="evenodd" d="M7.635 7.022v-.09a8.7 8.7 0 0 0-1.309-3.095A3 3 0 0 0 4.68 2.678a2.88 2.88 0 0 0-1.997.29a2.48 2.48 0 0 0-1.269 1.498a2.6 2.6 0 0 0-.12.889a1 1 0 0 0 .25.669c.317.29.707.487 1.129.569c.723.15 1.458.243 2.196.28c.94.15 1.858.15 2.767.15m7.27.22a51 51 0 0 1-4.994.51h-.998c.266 1.525.34 3.078.22 4.623a20 20 0 0 1-.44 2.946h1.538c.45 0 .619 0 .919.08l2.566.299h1.708q-.09-.36-.15-.719a30 30 0 0 1-.36-5.522c-.06-.65-.06-1.438-.01-2.197zm1.817 9.766q.222.627.51 1.228a6.6 6.6 0 0 0 1.717 2.677a2.55 2.55 0 0 0 1.847.34l.839-.17c1.048-.44 1.398-1.119 1.208-1.798a2.77 2.77 0 0 0-1.907-1.678a13.5 13.5 0 0 0-2.147-.469a16 16 0 0 0-2.067-.13m-9.607-.43a10.9 10.9 0 0 0-4.364.74a2.516 2.516 0 0 0-1.448 2.886a1.58 1.58 0 0 0 1.728 1.547a3.54 3.54 0 0 0 2.586-1.448q.322-.471.54-.998c.24-.55.42-1.118.629-1.698c.12-.33.24-.679.33-1.018zm7.9-10.005v-.22c.082-.737.253-1.46.509-2.157A5.25 5.25 0 0 1 18.649 1.2a2.74 2.74 0 0 1 2.896.73a2.67 2.67 0 0 1 .909 2.616a2.3 2.3 0 0 1-2.447 1.358a.37.37 0 0 1 0-.73c.929 0 1.538-.319 1.708-.848a2 2 0 0 0-.71-1.847a2.12 2.12 0 0 0-2.665-.27a4.54 4.54 0 0 0-1.998 2.287a8.7 8.7 0 0 0-.42 1.897a19 19 0 0 1 2.088-.57a.32.32 0 0 1 .08.63c-.64.09-1.258.38-2.107.6h-.15v2.476c-.039 1.79.095 3.578.4 5.342c.06.31.13.62.21.919h.219q1.189.01 2.367.17c.79.107 1.568.284 2.326.529a3.86 3.86 0 0 1 2.547 2.516c.32 1.129-.1 2.367-1.848 3.096q-.238.09-.489.14c-.21 0-.43.06-.64.09c-.9.157-1.826-.04-2.585-.55a7.7 7.7 0 0 1-1.998-3.095q-.39-.814-.659-1.678h-2.077l-2.656-.29l-2.137-.1h-.49c-.13.48-.269.95-.439 1.429s-.39 1.218-.639 1.787q-.271.614-.649 1.169a4.67 4.67 0 0 1-4.304 1.917a2.706 2.706 0 0 1-2.197-2.527a3.615 3.615 0 0 1 2.137-4.164a13 13 0 0 1 5.223-.858c.254-.983.427-1.985.52-2.996c.14-1.51.076-3.031-.19-4.524c-1 0-1.998 0-2.996-.13a16 16 0 0 1-2.317-.27a3.13 3.13 0 0 1-1.548-.818a1.77 1.77 0 0 1-.47-.999a3.7 3.7 0 0 1 .1-1.418A3.45 3.45 0 0 1 2.253 2.14a3.78 3.78 0 0 1 2.626-.41c.897.233 1.68.778 2.207 1.539a9.3 9.3 0 0 1 1.538 3.445l.08.31h1.168c1.648-.06 3.306-.22 4.993-.45z" 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. KeyboardCommandIcon.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.