SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Keyboard
Web Design 24
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
8.1 KB
2.83 KB
-65%
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/293003/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 y="130.992" width="512" height="230.664"/> <g> <rect x="36" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="81.176" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="126.36" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="171.536" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="216.72" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="261.896" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="307.04" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="352.24" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="397.432" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="442.64" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="36" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="81.176" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="126.36" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="171.536" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="216.72" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="261.896" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="307.04" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="352.24" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="397.432" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="442.64" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="36" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="81.176" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="126.36" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="171.536" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="216.72" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="261.896" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="307.04" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="352.24" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="397.432" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="442.64" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="103.784" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="148.96" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="194.144" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="239.32" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="284.496" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="329.68" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="374.856" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="36" y="269.952" style="fill:#515151;" width="56" height="26.8"/> <rect x="420" y="269.952" style="fill:#515151;" width="56" height="26.8"/> <rect x="36" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="81.176" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="126.36" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="171.536" y="304.952" style="fill:#515151;" width="168.96" height="26.8"/> <rect x="352.24" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="397.432" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="442.64" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> </g> <g> <rect x="36" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="81.176" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="126.36" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="171.536" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="216.72" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="261.896" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="307.04" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="352.24" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="397.432" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="442.64" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="36" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="81.176" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="126.36" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="171.536" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="216.72" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="261.896" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="307.04" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="352.24" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="397.432" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="442.64" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="36" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="81.176" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="126.36" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="171.536" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="216.72" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="261.896" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="307.04" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="352.24" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="397.432" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="442.64" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="103.784" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="148.96" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="194.144" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="239.32" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="284.496" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="329.68" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="374.856" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="36" y="265.912" style="fill:#8C8C8C;" width="56" height="26.8"/> <rect x="420" y="265.912" style="fill:#8C8C8C;" width="56" height="26.8"/> <rect x="36" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="81.176" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="126.36" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="171.536" y="300.904" style="fill:#8C8C8C;" width="168.96" height="26.8"/> <rect x="352.24" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="397.432" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="442.64" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> </g> <rect y="361.672" style="fill:#E21B1B;" width="512" height="19.336"/> </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
8.1 KB
2.83 KB
-65%
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/293003/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 y="130.992" width="512" height="230.664"/> <g> <rect x="36" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="81.176" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="126.36" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="171.536" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="216.72" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="261.896" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="307.04" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="352.24" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="397.432" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="442.64" y="164.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="36" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="81.176" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="126.36" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="171.536" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="216.72" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="261.896" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="307.04" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="352.24" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="397.432" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="442.64" y="199.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="36" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="81.176" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="126.36" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="171.536" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="216.72" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="261.896" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="307.04" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="352.24" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="397.432" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="442.64" y="234.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="103.784" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="148.96" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="194.144" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="239.32" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="284.496" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="329.68" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="374.856" y="269.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="36" y="269.952" style="fill:#515151;" width="56" height="26.8"/> <rect x="420" y="269.952" style="fill:#515151;" width="56" height="26.8"/> <rect x="36" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="81.176" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="126.36" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="171.536" y="304.952" style="fill:#515151;" width="168.96" height="26.8"/> <rect x="352.24" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="397.432" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> <rect x="442.64" y="304.952" style="fill:#515151;" width="33.392" height="26.8"/> </g> <g> <rect x="36" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="81.176" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="126.36" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="171.536" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="216.72" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="261.896" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="307.04" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="352.24" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="397.432" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="442.64" y="160.872" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="36" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="81.176" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="126.36" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="171.536" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="216.72" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="261.896" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="307.04" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="352.24" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="397.432" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="442.64" y="195.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="36" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="81.176" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="126.36" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="171.536" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="216.72" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="261.896" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="307.04" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="352.24" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="397.432" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="442.64" y="230.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="103.784" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="148.96" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="194.144" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="239.32" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="284.496" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="329.68" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="374.856" y="265.912" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="36" y="265.912" style="fill:#8C8C8C;" width="56" height="26.8"/> <rect x="420" y="265.912" style="fill:#8C8C8C;" width="56" height="26.8"/> <rect x="36" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="81.176" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="126.36" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="171.536" y="300.904" style="fill:#8C8C8C;" width="168.96" height="26.8"/> <rect x="352.24" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="397.432" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> <rect x="442.64" y="300.904" style="fill:#8C8C8C;" width="33.392" height="26.8"/> </g> <rect y="361.672" style="fill:#E21B1B;" width="512" height="19.336"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download