Menu

Beta
Sign in
Beta
Keyboard SVG icon, line

Keyboard SVG icon, line

A wide keyboard outline contains two rows of key marks and a long spacebar. Use it in typing tutorials or accessibility settings.

Free · from Devices icons, line · Set 2

Similar SVGs

More from Devices icons, line · Set 2

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hxPfl2ZFFoYh/amnt.svg" alt="Keyboard" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="1024" height="1024"><g id="mist" data-name="Mist"><path d="M97 320c-39 5-38 39-38 70 0 16 0 33 0 50 0 52 0 104 0 157 0 77 19 69 88 69 52 0 103 0 156 0 104 0 208 0 313 0 71 0 141 0 213 0 32 0 67 3 99 0 40-3 38-40 38-69 0-17 0-34 0-50 0-53 0-105 0-157 0-11 1-22 0-32-5-45-55-38-87-38-52 0-104 0-156 0-105 0-209 0-313 0-72 0-143 0-214 0-33 0-67-3-99 0zm13 36c18-3 54-4 58 19 4 17 5 56-18 60-17 3-55 4-59-19-1-6 0-14 0-20 0-16-1-36 19-40zm85 0c6-1 14 0 21 0 16 0 33 0 37 19 4 17 6 55-17 60-6 1-14 0-20 0-16 0-36 1-39-19-1-6 0-14 0-20 0-16-2-36 18-40zm85 0c18-3 54-4 58 19 4 17 5 56-18 60-6 1-13 0-19 0-17 0-36 1-39-19-4-18-5-55 18-60zm85 0c6-1 13 0 20 0 16 0 35-1 38 19 4 17 6 55-17 60-6 1-14 0-20 0-16 0-36 1-39-19-3-17-5-55 18-60zm85 0c18-3 54-4 58 19 4 17 5 55-17 60-6 1-14 0-20 0-16 0-36 1-39-19-1-6 0-14 0-20 0-16-2-36 18-40zm85 0c6-1 13 0 20 0 16 0 34-1 38 19 4 18 6 56-18 60-6 1-14 0-20 0-17 0-34 1-38-19-4-18-6-55 18-60zm85 0c6-1 13 0 20 0 16 0 34-1 38 19 4 18 6 55-18 60-6 1-13 0-19 0-17 0-35 1-39-19-4-18-6-55 18-60zm85 0c6-1 13 0 20 0 16 0 34-1 38 19 4 18 6 56-18 60-6 1-14 0-20 0-17 0-34 1-38-19-4-18-6-55 18-60zm85 0c18-3 54-4 58 19 4 17 5 56-18 60-6 1-13 0-19 0-17 0-36 1-39-19-4-18-5-55 18-60zm85 0c6-1 13 0 20 0 16 0 35-1 39 19 4 16 5 55-17 60-16 3-56 4-60-18-1-6 0-13 0-19 0-16-2-38 18-42zM108 457c6-1 13 0 20 0 15 0 36-2 40 17 4 17 5 56-16 61-17 4-55 5-60-16-4-16-5-57 16-62zm86 0c6-1 14 0 21 0 16 0 34-1 38 18 4 17 5 55-16 60-17 4-55 5-60-17-3-15-5-56 17-61zm85 0c6-1 14 0 21 0 16 0 34-1 38 18 4 17 5 56-17 60-7 2-14 1-20 1-17 0-35 1-39-18-4-17-5-56 17-61zm85 0c6-1 14 0 21 0 16 0 34-1 38 18 4 17 6 55-16 60-17 4-55 5-60-17-1-6 0-13 0-19 0-16-3-38 17-42zm85 0c6-1 14 0 21 0 16 0 34-1 38 18 4 18 5 55-16 60-17 4-55 5-60-17-1-6 0-14 0-20 0-15-3-37 17-41zm85 0c6-1 14 0 21 0 16 0 34-1 38 18 4 17 5 56-17 60-7 2-14 1-20 1-17 0-34 1-39-19-4-16-5-55 17-60zm85 0c6-1 14 0 21 0 16 0 34-1 38 19 4 17 6 54-17 59-6 2-14 1-20 1-17 0-35 1-39-19-4-16-6-55 17-60zm85 0c6-1 14 0 21 0 16 0 34-1 38 18 4 17 5 55-17 60-6 2-14 1-20 1-17 0-35 1-39-18-4-17-5-56 17-61zm85 0c6-1 14 0 21 0 16 0 34-2 38 18 4 17 5 56-17 60-7 2-14 1-20 1-17 0-35 1-39-18-4-17-5-56 17-61zm85 0c6-1 14 0 21 0 16 0 34-2 39 18 4 16 5 55-16 60-16 4-56 5-60-16-4-16-5-57 16-62zM111 557c19-3 54-5 58 21 3 18 5 55-20 59-6 1-13 0-19 0-17 0-36 0-39-21-3-19-5-54 20-59zm100 0c24-4 79 0 107 0 85 0 170 0 256 0 60 0 120 0 181 0 19 0 68-7 78 12 4 8 3 18 3 27 0 17 2 38-21 41-25 3-79 0-107 0-86 0-170 0-255 0-61 0-121 0-181 0-19 0-70 7-79-12-4-8-3-17-3-25 0-18-2-39 21-43zm666 0c20-3 53-4 57 21 3 19 6 55-19 59-6 1-13 0-19 0-17 0-36 1-39-21-2-19-5-54 20-59z" fill="#e1e3e6" stroke="#e1e3e6"/></g><g id="charcoal" data-name="Charcoal"><path d="M91 303c-59 8-49 75-49 118 0 55 0 109 0 165 0 53-2 98 67 98 54 0 110 0 165 0 110 0 220 0 331 0 74 0 150 0 225 0 33 0 70 4 104-1 59-8 49-73 49-116 0-56 0-110 0-165s2-99-66-99c-55 0-111 0-165 0-111 0-221 0-331 0-76 0-152 0-228 0-32 0-71-4-102 0zm6 17c32-3 66 0 99 0 71 0 142 0 214 0 104 0 208 0 313 0 52 0 104 0 156 0 32 0 82-7 87 38 1 10 0 21 0 32 0 52 0 104 0 157 0 16 0 33 0 50 0 29 2 66-38 69-32 3-67 0-99 0-72 0-142 0-213 0-105 0-209 0-313 0-53 0-104 0-156 0-69 0-88 8-88-69 0-53 0-105 0-157 0-17 0-34 0-50 0-31-1-65 38-70z" fill="#313a43" stroke="#313a43"/><path d="M211 557c-23 4-21 25-21 43 0 8-1 17 3 25 9 19 60 12 79 12 60 0 120 0 181 0 85 0 169 0 255 0 28 0 82 3 107 0 23-3 21-24 21-41 0-9 1-19-3-27-10-19-59-12-78-12-61 0-121 0-181 0-86 0-171 0-256 0-28 0-83-4-107 0zm-1 14c8-3 146 0 168 0 56 0 111 0 168 0 56 0 112 0 168 0 27 0 56 0 84 0 6 0 15-2 20 1 8 5 8 48-2 51-10 4-145 1-167 1-56 0-112 0-168 0s-112 0-168 0c-28 0-57 0-84 0-7 0-18 2-23-3s-6-46 4-50z" fill="#313a43" stroke="#313a43"/><path d="M111 557c-25 5-23 40-20 59 3 21 22 21 39 21 6 0 13 1 19 0 25-4 23-41 20-59-4-26-39-24-58-21z" fill="#313a43" stroke="#313a43"/><path d="M877 557c-25 5-22 40-20 59 3 22 22 21 39 21 6 0 13 1 19 0 25-4 22-40 19-59-4-25-37-2
…
CSS background-image
.keyboard {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hxPfl2ZFFoYh/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.keyboard {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/hxPfl2ZFFoYh/amnt.svg") center / contain no-repeat;
}
React
import KeyboardSvg from "./keyboard.jsx"; // from the React tab above

<KeyboardSvg width={48} height={48} />

Tags

keyboardtypingcomputerkeysdevicesiconline

Made with AMNT

AMNT Draw 1.2 drew this from the words Keyboard: Wide keyboard outline with two rows of short key marks and a long spacebar. A flat colour icon. as part of the pack Devices icons, line · Set 2. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings