Keyboard One Icon SVG
Keyboard One
Keyboard one SVG Icon Code | Customize color
You can get svg icon keyboard one in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Keyboard one
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="4" y="18" width="40" height="24" rx="2" stroke="#333" stroke-width="1" stroke-linejoin="round"/><circle cx="14" cy="24" r="2" fill="#333"/><circle cx="16" cy="30" r="2" fill="#333"/><circle cx="10" cy="30" r="2" fill="#333"/><circle cx="20" cy="24" r="2" fill="#333"/><circle cx="22" cy="30" r="2" fill="#333"/><circle cx="26" cy="24" r="2" fill="#333"/><circle cx="28" cy="30" r="2" fill="#333"/><circle cx="32" cy="24" r="2" fill="#333"/><circle cx="34" cy="30" r="2" fill="#333"/><circle cx="38" cy="24" r="2" fill="#333"/><path d="M17 36H31" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 18V13.125C33 12.5727 33.4477 12.125 34 12.125H39C39.5523 12.125 40 11.6773 40 11.125V6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
Keyboard one
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: white' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="4" y="18" width="40" height="24" rx="2" stroke="#333" stroke-width="1" stroke-linejoin="round"/><circle cx="14" cy="24" r="2" fill="#333"/><circle cx="16" cy="30" r="2" fill="#333"/><circle cx="10" cy="30" r="2" fill="#333"/><circle cx="20" cy="24" r="2" fill="#333"/><circle cx="22" cy="30" r="2" fill="#333"/><circle cx="26" cy="24" r="2" fill="#333"/><circle cx="28" cy="30" r="2" fill="#333"/><circle cx="32" cy="24" r="2" fill="#333"/><circle cx="34" cy="30" r="2" fill="#333"/><circle cx="38" cy="24" r="2" fill="#333"/><path d="M17 36H31" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 18V13.125C33 12.5727 33.4477 12.125 34 12.125H39C39.5523 12.125 40 11.6773 40 11.125V6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
Keyboard one
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: red' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="4" y="18" width="40" height="24" rx="2" stroke="#333" stroke-width="1" stroke-linejoin="round"/><circle cx="14" cy="24" r="2" fill="#333"/><circle cx="16" cy="30" r="2" fill="#333"/><circle cx="10" cy="30" r="2" fill="#333"/><circle cx="20" cy="24" r="2" fill="#333"/><circle cx="22" cy="30" r="2" fill="#333"/><circle cx="26" cy="24" r="2" fill="#333"/><circle cx="28" cy="30" r="2" fill="#333"/><circle cx="32" cy="24" r="2" fill="#333"/><circle cx="34" cy="30" r="2" fill="#333"/><circle cx="38" cy="24" r="2" fill="#333"/><path d="M17 36H31" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 18V13.125C33 12.5727 33.4477 12.125 34 12.125H39C39.5523 12.125 40 11.6773 40 11.125V6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
Keyboard one
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: blue' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="4" y="18" width="40" height="24" rx="2" stroke="#333" stroke-width="1" stroke-linejoin="round"/><circle cx="14" cy="24" r="2" fill="#333"/><circle cx="16" cy="30" r="2" fill="#333"/><circle cx="10" cy="30" r="2" fill="#333"/><circle cx="20" cy="24" r="2" fill="#333"/><circle cx="22" cy="30" r="2" fill="#333"/><circle cx="26" cy="24" r="2" fill="#333"/><circle cx="28" cy="30" r="2" fill="#333"/><circle cx="32" cy="24" r="2" fill="#333"/><circle cx="34" cy="30" r="2" fill="#333"/><circle cx="38" cy="24" r="2" fill="#333"/><path d="M17 36H31" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 18V13.125C33 12.5727 33.4477 12.125 34 12.125H39C39.5523 12.125 40 11.6773 40 11.125V6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
Keyboard one
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: #f3da35' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><rect x="4" y="18" width="40" height="24" rx="2" stroke="#333" stroke-width="1" stroke-linejoin="round"/><circle cx="14" cy="24" r="2" fill="#333"/><circle cx="16" cy="30" r="2" fill="#333"/><circle cx="10" cy="30" r="2" fill="#333"/><circle cx="20" cy="24" r="2" fill="#333"/><circle cx="22" cy="30" r="2" fill="#333"/><circle cx="26" cy="24" r="2" fill="#333"/><circle cx="28" cy="30" r="2" fill="#333"/><circle cx="32" cy="24" r="2" fill="#333"/><circle cx="34" cy="30" r="2" fill="#333"/><circle cx="38" cy="24" r="2" fill="#333"/><path d="M17 36H31" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M33 18V13.125C33 12.5727 33.4477 12.125 34 12.125H39C39.5523 12.125 40 11.6773 40 11.125V6" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg>
Advance Editor
You can edit keyboard one as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements