SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Keyboard
Web Design 8
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.48 KB
1.8 KB
-60%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/214040/keyboard --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect x="7.918" y="358.928" style="fill:#4E5357;" width="496.165" height="36.948"/> <rect x="7.918" y="116.124" style="fill:#7E8488;" width="496.165" height="242.804"/> <rect x="7.918" y="116.124" style="fill:#676D70;" width="248.082" height="242.804"/> <path d="M0,108.206v295.588h512V108.206H0z M496.165,387.959H15.835v-21.113h480.33V387.959z M15.835,351.01V124.041h480.33V351.01 H15.835z"/> <g> <rect x="124.041" y="314.062" style="fill:#FFFFFF;" width="263.918" height="15.835"/> <rect x="39.588" y="314.062" style="fill:#FFFFFF;" width="21.113" height="15.835"/> <rect x="451.299" y="314.062" style="fill:#FFFFFF;" width="21.113" height="15.835"/> <rect x="76.536" y="314.062" style="fill:#FFFFFF;" width="31.67" height="15.835"/> <rect x="403.794" y="314.062" style="fill:#FFFFFF;" width="31.67" height="15.835"/> <rect x="39.588" y="271.835" style="fill:#FFFFFF;" width="89.732" height="15.835"/> <rect x="39.588" y="229.608" style="fill:#FFFFFF;" width="63.34" height="15.835"/> <rect x="145.155" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="187.381" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="229.608" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="271.835" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="314.062" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="356.289" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="398.515" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="440.742" y="271.835" style="fill:#FFFFFF;" width="31.67" height="15.835"/> <rect x="124.041" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="166.268" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="208.495" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="250.722" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="292.948" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="335.175" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="377.402" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="39.588" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="81.814" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="124.041" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="166.268" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="208.495" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="250.722" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="292.948" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="335.175" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="377.402" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="419.629" y="187.381" style="fill:#FFFFFF;" width="52.784" height="15.835"/> <rect x="39.588" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="81.814" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="124.041" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="166.268" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="208.495" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="250.722" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="292.948" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="335.175" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="377.402" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="419.629" y="145.155" style="fill:#FFFFFF;" width="52.784" height="15.835"/> <rect x="419.629" y="229.608" style="fill:#FFFFFF;" width="52.784" height="15.835"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
4.48 KB
1.8 KB
-60%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <!-- License: CC0. Made by SVG Repo: https://www.svgrepo.com/svg/214040/keyboard --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve"> <rect x="7.918" y="358.928" style="fill:#4E5357;" width="496.165" height="36.948"/> <rect x="7.918" y="116.124" style="fill:#7E8488;" width="496.165" height="242.804"/> <rect x="7.918" y="116.124" style="fill:#676D70;" width="248.082" height="242.804"/> <path d="M0,108.206v295.588h512V108.206H0z M496.165,387.959H15.835v-21.113h480.33V387.959z M15.835,351.01V124.041h480.33V351.01 H15.835z"/> <g> <rect x="124.041" y="314.062" style="fill:#FFFFFF;" width="263.918" height="15.835"/> <rect x="39.588" y="314.062" style="fill:#FFFFFF;" width="21.113" height="15.835"/> <rect x="451.299" y="314.062" style="fill:#FFFFFF;" width="21.113" height="15.835"/> <rect x="76.536" y="314.062" style="fill:#FFFFFF;" width="31.67" height="15.835"/> <rect x="403.794" y="314.062" style="fill:#FFFFFF;" width="31.67" height="15.835"/> <rect x="39.588" y="271.835" style="fill:#FFFFFF;" width="89.732" height="15.835"/> <rect x="39.588" y="229.608" style="fill:#FFFFFF;" width="63.34" height="15.835"/> <rect x="145.155" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="187.381" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="229.608" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="271.835" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="314.062" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="356.289" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="398.515" y="271.835" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="440.742" y="271.835" style="fill:#FFFFFF;" width="31.67" height="15.835"/> <rect x="124.041" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="166.268" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="208.495" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="250.722" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="292.948" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="335.175" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="377.402" y="229.608" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="39.588" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="81.814" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="124.041" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="166.268" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="208.495" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="250.722" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="292.948" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="335.175" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="377.402" y="187.381" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="419.629" y="187.381" style="fill:#FFFFFF;" width="52.784" height="15.835"/> <rect x="39.588" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="81.814" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="124.041" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="166.268" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="208.495" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="250.722" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="292.948" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="335.175" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="377.402" y="145.155" style="fill:#FFFFFF;" width="26.392" height="15.835"/> <rect x="419.629" y="145.155" style="fill:#FFFFFF;" width="52.784" height="15.835"/> <rect x="419.629" y="229.608" style="fill:#FFFFFF;" width="52.784" height="15.835"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download