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

Freehand free icons (Iconify)

Keyboard

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="M3.565 16.282a.9.9 0 0 0 0 1.34a1.93 1.93 0 0 0 1.54.4a2.8 2.8 0 0 0 1-.44c.213-.149.39-.344.52-.57a1.11 1.11 0 0 0-.14-1.17c-.56-.6-1.85-.16-2.17 0a2 2 0 0 0-.75.44m1.24.1c.2-.11.72-.43 1.05-.15c.09.08 0 .22 0 .3a.86.86 0 0 1-.38.26q-.258.122-.54.16s-1.26.06-.13-.57m1.29 5.351a2.9 2.9 0 0 0 1-.45a1.7 1.7 0 0 0 .52-.61a1.11 1.11 0 0 0-.14-1.17c-.56-.6-1.85-.16-2.17 0c-.284.113-.54.287-.75.51a.91.91 0 0 0 0 1.35a2 2 0 0 0 1.54.37m-.34-1.64c.19-.12.72-.44 1-.15c.09.08 0 .21 0 .3a1 1 0 0 1-.38.26a2.4 2.4 0 0 1-.54.16s-1.21.09-.08-.57m3.46-3.161c.36-.078.7-.228 1-.44c.218-.16.396-.37.52-.61a1.11 1.11 0 0 0-.14-1.17c-.56-.61-1.85-.16-2.17 0a1.9 1.9 0 0 0-.75.51a.9.9 0 0 0 0 1.34a1.93 1.93 0 0 0 1.54.37m-.34-1.64c.2-.11.72-.43 1-.15c.09.08 0 .22 0 .3a.86.86 0 0 1-.38.26a2.4 2.4 0 0 1-.54.16s-1.21.09-.08-.57m2.83-1.19a.9.9 0 0 0 0 1.34a1.93 1.93 0 0 0 1.54.4a2.9 2.9 0 0 0 1-.44a1.9 1.9 0 0 0 .52-.61a1.13 1.13 0 0 0-.14-1.18c-.56-.6-1.85-.16-2.17 0a1.9 1.9 0 0 0-.75.49m1.24.1c.19-.11.72-.44 1.05-.15c.09.08 0 .22 0 .3a.86.86 0 0 1-.38.26a2.4 2.4 0 0 1-.54.16s-1.26.09-.08-.57zm4.411.55a2.9 2.9 0 0 0 1-.44a1.9 1.9 0 0 0 .52-.61a1.13 1.13 0 0 0-.14-1.18c-.56-.6-1.85-.16-2.17 0a1.9 1.9 0 0 0-.75.51a.9.9 0 0 0 0 1.34a1.93 1.93 0 0 0 1.54.38m-.36-1.64c.19-.11.72-.44 1.05-.15c.09.08 0 .22 0 .3a.85.85 0 0 1-.38.26a2.4 2.4 0 0 1-.54.16a.9.9 0 0 1-.44-.05s-.51-.03.31-.52m1.31 5.351a3.1 3.1 0 0 0 1-.45a1.7 1.7 0 0 0 .52-.61a1.11 1.11 0 0 0-.14-1.17c-.56-.6-1.85-.16-2.17 0a2 2 0 0 0-.75.51a.9.9 0 0 0 0 1.34a1.93 1.93 0 0 0 1.54.38m-.31-1.64c.19-.12.72-.44 1.05-.15c.09.08 0 .21 0 .3a.84.84 0 0 1-.37.25a2 2 0 0 1-.54.17s-1.3.09-.14-.57m-8.691 3.96a4.8 4.8 0 0 0 1.69-.23c.77-.23 1.53-.61 2.2-.88a9.2 9.2 0 0 0 1.83-.84c.31-.185.554-.461.7-.79a.62.62 0 0 0 0-.56a1.7 1.7 0 0 0-.53-.47a1.64 1.64 0 0 0-.78-.17c-.46 0 0-.09-2.73.69l-1.47.48a5.3 5.3 0 0 0-1 .42a2 2 0 0 0-.65.58a1.3 1.3 0 0 0-.22 1a1 1 0 0 0 .96.77m.53-1.62q.332-.188.69-.32l1.47-.56a11.2 11.2 0 0 1 2.33-.71a.9.9 0 0 1 .53.12s.07.11.12.16a1.7 1.7 0 0 1-.55.36q-.738.314-1.51.53c-.65.23-1.41.55-2.16.76c-2.38.66-1.04-.27-.92-.34"/><path d="M21.476 12.862c.12.51.26 1 .39 1.53s.3 1 .42 1.53s.23 1 .32 1.56a.33.33 0 0 0 .226.324q.068.023.14.015a.33.33 0 0 0 .288-.269a.3.3 0 0 0-.004-.14a21 21 0 0 0-.26-2.85q-.09-.61-.24-1.21c-.11-.39-.22-.79-.35-1.17c-.6-1.72-1.3-3.17-1.68-3.17a74 74 0 0 0-7.37 1.19a53 53 0 0 0-3.12.78c-.29.08-.57.19-.87.28a3.15 3.15 0 0 1-1.001-2.13a4.55 4.55 0 0 1 .63-2.74c.214-.384.5-.723.84-1c-.03.303 0 .609.09.9a3 3 0 0 0 1.24 1.72c.322.213.688.35 1.07.4a1.53 1.53 0 0 0 .89-.14a1.17 1.17 0 0 0 .65-.8a2.24 2.24 0 0 0-.06-1.15a3.35 3.35 0 0 0-.87-1.53a2.8 2.8 0 0 0-.85-.57a2 2 0 0 1 .54 0c1.08.12 2.26.77 3.3.72a2.86 2.86 0 0 0 1.91-.79a1.62 1.62 0 0 0 .42-1.14a1.3 1.3 0 0 0 .83-.46a2 2 0 0 0 .32-1.16a2.8 2.8 0 0 0-.29-1a.33.33 0 0 0-.43-.18l-.07.07a.33.33 0 0 0-.36-.27a7 7 0 0 0-.78 0c-.187.02-.37.075-.54.16c-1.33.7-.59 1.13-.52 1.63q.048.262.17.5a1.6 1.6 0 0 0 1 .73a1 1 0 0 1-.41.75a2.3 2.3 0 0 1-1.24.35a5.5 5.5 0 0 1-1.74-.44a5.2 5.2 0 0 0-2.11-.42a2.2 2.2 0 0 0-1.54.79a2.6 2.6 0 0 0-.8.32a4.1 4.1 0 0 0-1.41 1.56a5.56 5.56 0 0 0-.61 3.3a4.07 4.07 0 0 0 1.06 2.27c-.51.16-1 .3-1.51.48c-7.8 2.85-6.72 3.02-5.84 6.62q.15.641.37 1.26c.13.41.29.82.46 1.22q.594 1.408 1.34 2.741a.31.31 0 0 0 .34.16a33.2 33.2 0 0 0 7-.63q1.475-.3 2.91-.75c1-.3 1.9-.64 2.83-1a43.5 43.5 0 0 0 6.211-3.22a.33.33 0 0 0 .13-.44a.34.34 0 0 0-.46-.12a47 47 0 0 1-6.25 2.81c-.92.34-1.85.65-2.78.94s-1.88.54-2.82.78a37.4 37.4 0 0 1-6.591 1c-.19-.48-.36-1-.53-1.46s-.31-1.03-.51-1.57s-.35-1.08-.53-1.62c-.38-1.08-.79-2.14-1.11-3.22a.23.23 0 0 0-.07-.1a51 51 0 0 1 6.24-2.38c1-.32 2-.63 3-.92q1.5-.435 3-.84c2.45-.62 4.87-1.151 7.18-1.531c.291 1.05.531 2.09.771 3.14m-4.48-11.33a1.7 1.7 0 0 1-.09-.3h.24l.26-.07c.33-.13.61-.32.93-.48a.4.4 0 0 0 .1-.08a1.8 1.8 0 0 1 0 .77a1 1 0 0 1-.31.56c-.09.12-.25.11-.4.1a.88.88 0 0 1-.58-.19a1.1 1.1 0 0 1-.15-.31m-6 3.48h.1c.38.04.734.213 1 .49a2.2 2.2 0 0 1 .64 1.45c0 .09 0 .19-.08.24a.58.58 0 0 1-.39 0a1.7 1.7 0 0 1-.51-.21a2 2 0 0 1-.76-.97a1.4 1.4 0 0 1 0-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. KeyboardIcon.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.