Home/Libraries/Freehand free icons (Iconify)/keyboard-keypad-pull-down

Freehand free icons (Iconify)

KeyboardKeypadPullDown

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="M18.169 9.432A43.6 43.6 0 0 0 6.56 8.906C2.459 9.322.649 10.03.259 13.462c-.686 6.076-.364 9.404 5.411 9.568c4.33.355 8.683.315 13.005-.12c3.996-.618 5.403-1.666 5.322-6.034c-.106-4.836-1.621-6.683-5.828-7.444m4.769 7.452c-.022 5.201-1.824 5.305-17.23 4.826c-3.701-.112-4.099-1.527-4.275-3.13c-.164-1.462-.186-6.125.879-7.145c1.968-1.909 11.004-1.74 15.58-1.237c3.893.428 5.069 2.415 5.046 6.686"/><path d="M6.19 12.736c.385.174.802.265 1.224.268c.413.003 1.2-.055 1.508-.39a.43.43 0 0 0 0-.583c-.516-.56-2.113-.468-2.724-.136c-.572.31-.392.667-.007.84zm-2.21 3.1c.384.175.8.267 1.223.27c.415.003 1.21-.06 1.529-.38a.426.426 0 0 0 0-.603c-.504-.504-1.954-.44-2.564-.21c-.758.286-.572.748-.188.923m7.825-2.826c.405.009 1.18-.04 1.499-.34a.427.427 0 0 0 .019-.602c-.306-.327-1.093-.407-1.503-.407c-.404 0-1.167.072-1.461.407a.41.41 0 0 0 .004.544c.293.324 1.044.392 1.442.4zm-2.21 3.1c.404.007 1.18-.038 1.499-.338a.43.43 0 0 0 .019-.604c-.306-.326-1.093-.406-1.503-.406c-.404 0-1.167.072-1.461.407a.41.41 0 0 0 .003.543c.294.324 1.045.39 1.443.398m9.223.243c.403.008 1.167-.037 1.478-.348a.427.427 0 0 0 .02-.582c-.295-.341-1.073-.418-1.482-.418c-.406 0-1.172.075-1.47.405a.405.405 0 0 0 .005.55c.299.316 1.049.386 1.449.393m-2.626-3.083c.392.03 1.142.015 1.467-.26a.43.43 0 0 0 .05-.602c-.28-.33-1.03-.461-1.43-.484c-.393-.021-1.133.02-1.441.32a.406.406 0 0 0-.026.555c.273.32.992.442 1.38.47m-2.212 3.029c.393.03 1.144.015 1.469-.26a.43.43 0 0 0 .05-.602c-.28-.33-1.03-.462-1.43-.484c-.393-.022-1.133.02-1.442.32a.405.405 0 0 0-.028.554c.273.322.994.442 1.382.472zm-6.581 3.114c3.002.34 6.032.349 9.036.028a.428.428 0 0 0 0-.855a38 38 0 0 0-9.047.016a.406.406 0 0 0 .01.81M8.439 5.452a33 33 0 0 0 3.734-3.155c3.756 3.266 3.726 3.427 4.104 3.06a.425.425 0 0 0 0-.605A26.6 26.6 0 0 0 12.57.892c-.72-.602-1.339.428-4.68 3.958a.408.408 0 0 0 .549.602"/></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. KeyboardKeypadPullDownIcon.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.