Home/Libraries/Freehand free icons (Iconify)/keyboard-eject-button

Freehand free icons (Iconify)

KeyboardEjectButton

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"><g fill="#818cf8" fill-rule="evenodd" clip-rule="evenodd"><path d="M17.929 16.833a.35.35 0 0 0 .36-.33a4.1 4.1 0 0 0-.1-1.387a.85.85 0 0 0-.66-.609c-.439-.08-4.411-.14-7.356-.08a23.5 23.5 0 0 0-3.274.2a1.57 1.57 0 0 0-.788 1.507a3.8 3.8 0 0 0 .29 1.558c.084.205.23.38.418.499c.315.142.654.22.999.23q1.621.093 3.244 0a35 35 0 0 0 5.989-.64a.302.302 0 1 0-.14-.589a28.6 28.6 0 0 1-4.901.29c-1.517 0-2.995-.07-3.933-.17a4 4 0 0 1-.689-.09s-.09-.2-.12-.339c-.1-.42-.249-1.427 0-1.258c0 0-.06.05-.1.06c.38-.13 3.414-.26 6.07-.36c1.996-.079 3.813-.139 4.092-.099c.28.04.13.2.16.37q.034.418 0 .838a.35.35 0 0 0 .439.4"/><path d="M23.988 8.688a48 48 0 0 0-.25-4.761a3.6 3.6 0 0 0-.748-1.757a2.63 2.63 0 0 0-1.727-.938a86 86 0 0 0-10.98-.46a39 39 0 0 0-7.257.65A4.5 4.5 0 0 0 1.03 2.539c-.365.391-.608.88-.699 1.408a41 41 0 0 0-.3 6.807c.04 3.383.29 6.76.75 10.112c.13.589.489 1.102.998 1.427a5.06 5.06 0 0 0 2.245.779c1.409.155 2.827.208 4.243.16c3.164 0 6.987-.3 9.762-.37a.32.32 0 0 0 .33-.34a.34.34 0 0 0-.36-.339c-2.795 0-6.598.23-9.762.23a29.5 29.5 0 0 1-4.103-.21a4.3 4.3 0 0 1-1.547-.489a1.55 1.55 0 0 1-.868-.998a74 74 0 0 1-.55-8.295a49 49 0 0 1 .3-8.255c.092-.396.317-.749.639-.998c.344-.285.74-.498 1.168-.629a40 40 0 0 1 7.107-.609c3.604-.108 7.21.008 10.8.35c.42.033.812.23 1.088.549c.257.348.419.758.47 1.187c.159 1.148.269 2.805.329 4.652c.14 3.993.11 8.704.14 10.98a3 3 0 0 1-.39 1.577a1.43 1.43 0 0 1-1.168.819l-1.996.06a.3.3 0 1 0 0 .598h1.996a1.9 1.9 0 0 0 1.497-.718a3.67 3.67 0 0 0 .759-2.256c.01-2.326.13-7.087.08-11.04"/><path d="M16.671 11.183a7.3 7.3 0 0 1-1.627.16l-4.422.12a.3.3 0 1 0 0 .599l4.432.12c.769.089 1.547 0 2.276-.26a1.08 1.08 0 0 0 .44-1.327a20.2 20.2 0 0 0-2.766-3.943a14 14 0 0 0-1.846-1.807a1.7 1.7 0 0 0-.839-.39c-.29 0-.573.091-.808.26a8.8 8.8 0 0 0-1.577 1.478a19.4 19.4 0 0 0-3.244 5.05a.68.68 0 0 0 .479.809a5.7 5.7 0 0 0 2.176 0a.34.34 0 0 0 .262-.497a.34.34 0 0 0-.332-.182a8.5 8.5 0 0 1-1.507 0c-.12 0-.22-.1-.29-.11A16.6 16.6 0 0 1 9.654 8.07a16 16 0 0 1 2.206-2.296c.48-.379.31-.3.789.11q.774.716 1.447 1.527a37 37 0 0 1 1.747 2.106q.559.625.998 1.338c0 .11.07.18 0 .23a.4.4 0 0 1-.17.1"/></g></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. KeyboardEjectButtonIcon.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.