Home/Libraries/Freehand free icons (Iconify)/keyboard-id-dial-finger

Freehand free icons (Iconify)

KeyboardIdDialFinger

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="M23.085 15.863a3.8 3.8 0 0 0-.88-1.15a3 3 0 0 0-1.489-.719a4.3 4.3 0 0 0-1.56 0c-.26 0-.5.11-.749.18c-.25.07-.7.22-1 .35a.32.32 0 0 0-.22.2l-.5-.7a7 7 0 0 0-3.118-2.279a2 2 0 0 0-2 .59a1.23 1.23 0 0 0-.3 1.08c.151.503.399.971.73 1.379a8.5 8.5 0 0 0 1.79 1.75q.425.297.88.549h-.35a2.3 2.3 0 0 0-2 .7c-.39.51-.38 1.31.69 2.199c.388.296.829.513 1.3.64c.48.14 1 .21 1.439.3c.4.05.787.175 1.14.37q.654.382 1.22.889c.599.53 1.149 1.12 1.689 1.68a.39.39 0 0 0 .59-.51c-.5-.64-1-1.3-1.57-1.9a9 9 0 0 0-1.28-1.16a3.4 3.4 0 0 0-.86-.45q-.81-.259-1.649-.399a3.1 3.1 0 0 1-1.28-.46a2.2 2.2 0 0 1-.459-.4c0-.07-.12-.12-.08-.17a1.32 1.32 0 0 1 1.06-.43l1.529-.1a.36.36 0 0 0 .27-.15a.3.3 0 0 0 .28-.19a.34.34 0 0 0-.18-.449a8 8 0 0 1-1.81-1.27A7.5 7.5 0 0 1 13 14.094c-.09-.14-.23-.36-.35-.59a1.5 1.5 0 0 1-.15-.28a1 1 0 0 1 1.17-.15a7.4 7.4 0 0 1 2.329 1.56l.88 1a.391.391 0 0 0 .73-.146a.4.4 0 0 0-.1-.304h.06l.859-.13q.414-.022.83 0c.397.013.79.08 1.17.2c.344.104.664.277.939.51a7.44 7.44 0 0 1 1.86 3.228a.41.41 0 0 0 .489.26a.38.38 0 0 0 .26-.49c-.174-1-.473-1.973-.89-2.899M1.503.08a2 2 0 0 0-1.36 2.668c1.03 2.44 4.86.72 3.86-1.49A2.13 2.13 0 0 0 1.502.08m1.2 2.788s-1.12.82-1.49-.48a.88.88 0 0 1 .71-1.06a.9.9 0 0 1 1.08.43a.72.72 0 0 1-.3 1.11M1.503 6.507a2 2 0 0 0-1.36 2.669c1.03 2.439 4.86.72 3.86-1.49a2.12 2.12 0 0 0-2.5-1.18m-.29 2.309a.88.88 0 0 1 .71-1.06a.9.9 0 0 1 1.08.43c.67 1.1-1.38 2.07-1.79.63m.29 4.179a2 2 0 0 0-1.36 2.61c1 2.439 4.81.72 3.85-1.49a2.12 2.12 0 0 0-2.49-1.12m1.2 2.78s-1.12.82-1.49-.48a.88.88 0 0 1 .71-1.06a.9.9 0 0 1 1.08.38a.72.72 0 0 1-.3 1.11zM11.25 1.259A2.12 2.12 0 0 0 8.77.079a2 2 0 0 0-1.359 2.67c1.02 2.438 4.808.72 3.839-1.49m-2.06.07a.91.91 0 0 1 1.09.43c.66 1.1-1.4 2.069-1.81.63a.89.89 0 0 1 .72-1.06m2.06 6.357a2.11 2.11 0 0 0-3.23-.803a2 2 0 0 0-.609 2.293c1.02 2.439 4.808.72 3.839-1.49m-2.06.07a.91.91 0 0 1 1.09.43c.66 1.1-1.4 2.07-1.81.63a.89.89 0 0 1 .72-1.06"/><path d="M8.77 12.995a2 2 0 0 0-1.359 2.659c1 2.439 4.808.72 3.839-1.49a2.1 2.1 0 0 0-2.48-1.17m-.3 2.299a.89.89 0 0 1 .72-1.06a.91.91 0 0 1 1.09.43c.66 1.06-1.4 2.01-1.81.58zM18.517 1.259a2.13 2.13 0 0 0-2.52-1.18a2 2 0 0 0-1.358 2.67c1.06 2.438 4.838.72 3.878-1.49m-2.07.07a.9.9 0 0 1 1.09.43c.66 1.1-1.39 2.069-1.799.63a.88.88 0 0 1 .71-1.06m2.069 6.357a2.12 2.12 0 0 0-2.52-1.18a2 2 0 0 0-1.359 2.67c1.06 2.439 4.849.72 3.879-1.49m-2.07.07a.9.9 0 0 1 1.09.43c.66 1.1-1.39 2.07-1.799.63a.88.88 0 0 1 .71-1.06"/></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. KeyboardIdDialFingerIcon.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.