SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Computing Keyboard
Gaming 5
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
7.3 KB
4.3 KB
-41%
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/236427/computing-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.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"> <circle style="fill:#E6F3FF;" cx="256.001" cy="256" r="256"/> <path style="fill:#CFDBE6;" d="M512.001,256c0-28.162-4.561-55.256-12.962-80.601l-86.938-87.064L166.07,221.203l-53.458,37.626 l89.359,88.697l-89.547,36.897l127.329,127.052c5.373,0.336,10.786,0.527,16.246,0.527C397.385,512,512.001,397.384,512.001,256z"/> <path style="fill:#324A5E;" d="M395.586,382.592L395.586,382.592c-25.678,0-46.494-20.816-46.494-46.494v-12.769 c0-18.048,14.631-32.678,32.678-32.678h15.672c11.38,0,20.606,9.225,20.606,20.606v48.873 C418.048,372.534,407.992,382.592,395.586,382.592z"/> <path style="fill:#2B3B4E;" d="M397.444,290.651h-11.142v91.012c3,0.609,6.104,0.929,9.285,0.929 c12.405,0,22.462-10.057,22.462-22.462v-48.873C418.048,299.875,408.823,290.651,397.444,290.651z"/> <rect x="381.484" y="290.651" style="fill:#FD8469;" width="9.752" height="29.255"/> <rect x="386.294" y="290.651" style="fill:#FC6F58;" width="4.932" height="29.255"/> <path style="fill:#FD8469;" d="M357.799,332.907c0-4.296-3.482-7.778-7.778-7.778h-0.929V336.1c0,6.492,1.334,12.671,3.737,18.284 h4.968v-21.476H357.799z"/> <path style="fill:#324A5E;" d="M386.357,315.202L386.357,315.202c-1.539,0-2.786-1.248-2.786-2.786v-9.056 c0-1.539,1.248-2.786,2.786-2.786l0,0c1.539,0,2.786,1.248,2.786,2.786v9.056C389.143,313.956,387.895,315.202,386.357,315.202z"/> <path style="fill:#2B3B4E;" d="M386.357,300.577c-0.019,0-0.036,0.005-0.055,0.005v14.615c0.019,0,0.036,0.005,0.055,0.005 c1.539,0,2.786-1.248,2.786-2.786v-9.056C389.143,301.823,387.895,300.577,386.357,300.577z"/> <rect x="224.919" y="256.759" style="fill:#324A5E;" width="74.904" height="34.806"/> <g> <rect x="262.896" y="256.759" style="fill:#2B3B4E;" width="36.912" height="34.806"/> <path style="fill:#2B3B4E;" d="M405.341,261.668H119.383c-5.273,0-9.547-4.275-9.547-9.547V95.087c0-5.273,4.275-9.547,9.547-9.547 h285.958c5.273,0,9.547,4.275,9.547,9.547v157.032C414.888,257.393,410.613,261.668,405.341,261.668z"/> </g> <path style="fill:#1F2E3D;" d="M405.341,85.54H262.898v176.128h142.443c5.273,0,9.547-4.274,9.547-9.547V95.087 C414.888,89.815,410.613,85.54,405.341,85.54z"/> <rect x="121.398" y="95.539" style="fill:#324A5E;" width="281.945" height="156.117"/> <g> <rect x="262.896" y="95.539" style="fill:#2B3B4E;" width="140.429" height="156.117"/> <path style="fill:#2B3B4E;" d="M302.919,302.901h-81.115c-5.177,0-9.375-4.198-9.375-9.375v-6.216c0-5.177,4.198-9.375,9.375-9.375 h81.115c5.177,0,9.375,4.198,9.375,9.375v6.216C312.293,298.703,308.096,302.901,302.919,302.901z"/> </g> <path style="fill:#1F2E3D;" d="M302.919,277.933h-40.02v24.966h40.02c5.177,0,9.375-4.198,9.375-9.375v-6.216 C312.293,282.131,308.096,277.933,302.919,277.933z"/> <path style="fill:#324A5E;" d="M317.868,387.16H119.143c-5.342,0-9.675-4.332-9.675-9.675v-53.343c0-5.342,4.332-9.675,9.675-9.675 h198.725c5.342,0,9.675,4.332,9.675,9.675v53.343C327.543,382.829,323.212,387.16,317.868,387.16z"/> <path style="fill:#2B3B4E;" d="M317.868,314.47h-99.29v72.692h99.29c5.342,0,9.675-4.332,9.675-9.675v-53.343 C327.543,318.8,323.212,314.47,317.868,314.47z"/> <g> <rect x="121.243" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="137.931" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="154.618" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="171.305" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="187.993" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="204.663" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> </g> <g> <rect x="221.368" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="238.055" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="254.725" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="271.413" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="288.1" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="304.787" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> </g> <g> <rect x="121.243" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="137.931" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="154.618" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="171.305" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="187.993" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="204.663" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> </g> <g> <rect x="221.368" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="238.055" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="254.725" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="271.413" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="288.1" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="304.787" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> </g> <g> <rect x="121.243" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="137.931" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="154.618" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="171.305" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="187.993" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="204.663" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> </g> <g> <rect x="221.368" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="238.055" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="254.725" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="271.413" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="288.1" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="304.787" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> </g> <g> <rect x="121.243" y="366.606" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="137.931" y="366.606" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="154.618" y="366.606" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="171.305" y="366.606" style="fill:#405A6B;" width="94.418" height="10.983"/> </g> <g> <rect x="218.575" y="366.606" style="fill:#38505E;" width="47.137" height="10.981"/> <rect x="271.413" y="366.606" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="288.1" y="366.606" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="304.787" y="366.606" style="fill:#38505E;" width="10.983" height="10.983"/> </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
7.3 KB
4.3 KB
-41%
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/236427/computing-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.002 512.002" style="enable-background:new 0 0 512.002 512.002;" xml:space="preserve"> <circle style="fill:#E6F3FF;" cx="256.001" cy="256" r="256"/> <path style="fill:#CFDBE6;" d="M512.001,256c0-28.162-4.561-55.256-12.962-80.601l-86.938-87.064L166.07,221.203l-53.458,37.626 l89.359,88.697l-89.547,36.897l127.329,127.052c5.373,0.336,10.786,0.527,16.246,0.527C397.385,512,512.001,397.384,512.001,256z"/> <path style="fill:#324A5E;" d="M395.586,382.592L395.586,382.592c-25.678,0-46.494-20.816-46.494-46.494v-12.769 c0-18.048,14.631-32.678,32.678-32.678h15.672c11.38,0,20.606,9.225,20.606,20.606v48.873 C418.048,372.534,407.992,382.592,395.586,382.592z"/> <path style="fill:#2B3B4E;" d="M397.444,290.651h-11.142v91.012c3,0.609,6.104,0.929,9.285,0.929 c12.405,0,22.462-10.057,22.462-22.462v-48.873C418.048,299.875,408.823,290.651,397.444,290.651z"/> <rect x="381.484" y="290.651" style="fill:#FD8469;" width="9.752" height="29.255"/> <rect x="386.294" y="290.651" style="fill:#FC6F58;" width="4.932" height="29.255"/> <path style="fill:#FD8469;" d="M357.799,332.907c0-4.296-3.482-7.778-7.778-7.778h-0.929V336.1c0,6.492,1.334,12.671,3.737,18.284 h4.968v-21.476H357.799z"/> <path style="fill:#324A5E;" d="M386.357,315.202L386.357,315.202c-1.539,0-2.786-1.248-2.786-2.786v-9.056 c0-1.539,1.248-2.786,2.786-2.786l0,0c1.539,0,2.786,1.248,2.786,2.786v9.056C389.143,313.956,387.895,315.202,386.357,315.202z"/> <path style="fill:#2B3B4E;" d="M386.357,300.577c-0.019,0-0.036,0.005-0.055,0.005v14.615c0.019,0,0.036,0.005,0.055,0.005 c1.539,0,2.786-1.248,2.786-2.786v-9.056C389.143,301.823,387.895,300.577,386.357,300.577z"/> <rect x="224.919" y="256.759" style="fill:#324A5E;" width="74.904" height="34.806"/> <g> <rect x="262.896" y="256.759" style="fill:#2B3B4E;" width="36.912" height="34.806"/> <path style="fill:#2B3B4E;" d="M405.341,261.668H119.383c-5.273,0-9.547-4.275-9.547-9.547V95.087c0-5.273,4.275-9.547,9.547-9.547 h285.958c5.273,0,9.547,4.275,9.547,9.547v157.032C414.888,257.393,410.613,261.668,405.341,261.668z"/> </g> <path style="fill:#1F2E3D;" d="M405.341,85.54H262.898v176.128h142.443c5.273,0,9.547-4.274,9.547-9.547V95.087 C414.888,89.815,410.613,85.54,405.341,85.54z"/> <rect x="121.398" y="95.539" style="fill:#324A5E;" width="281.945" height="156.117"/> <g> <rect x="262.896" y="95.539" style="fill:#2B3B4E;" width="140.429" height="156.117"/> <path style="fill:#2B3B4E;" d="M302.919,302.901h-81.115c-5.177,0-9.375-4.198-9.375-9.375v-6.216c0-5.177,4.198-9.375,9.375-9.375 h81.115c5.177,0,9.375,4.198,9.375,9.375v6.216C312.293,298.703,308.096,302.901,302.919,302.901z"/> </g> <path style="fill:#1F2E3D;" d="M302.919,277.933h-40.02v24.966h40.02c5.177,0,9.375-4.198,9.375-9.375v-6.216 C312.293,282.131,308.096,277.933,302.919,277.933z"/> <path style="fill:#324A5E;" d="M317.868,387.16H119.143c-5.342,0-9.675-4.332-9.675-9.675v-53.343c0-5.342,4.332-9.675,9.675-9.675 h198.725c5.342,0,9.675,4.332,9.675,9.675v53.343C327.543,382.829,323.212,387.16,317.868,387.16z"/> <path style="fill:#2B3B4E;" d="M317.868,314.47h-99.29v72.692h99.29c5.342,0,9.675-4.332,9.675-9.675v-53.343 C327.543,318.8,323.212,314.47,317.868,314.47z"/> <g> <rect x="121.243" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="137.931" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="154.618" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="171.305" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="187.993" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="204.663" y="320.319" style="fill:#405A6B;" width="10.983" height="10.983"/> </g> <g> <rect x="221.368" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="238.055" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="254.725" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="271.413" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="288.1" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="304.787" y="320.319" style="fill:#38505E;" width="10.983" height="10.983"/> </g> <g> <rect x="121.243" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="137.931" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="154.618" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="171.305" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="187.993" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="204.663" y="335.748" style="fill:#405A6B;" width="10.983" height="10.983"/> </g> <g> <rect x="221.368" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="238.055" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="254.725" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="271.413" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="288.1" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="304.787" y="335.748" style="fill:#38505E;" width="10.983" height="10.983"/> </g> <g> <rect x="121.243" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="137.931" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="154.618" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="171.305" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="187.993" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="204.663" y="351.177" style="fill:#405A6B;" width="10.983" height="10.983"/> </g> <g> <rect x="221.368" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="238.055" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="254.725" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="271.413" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="288.1" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="304.787" y="351.177" style="fill:#38505E;" width="10.983" height="10.983"/> </g> <g> <rect x="121.243" y="366.606" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="137.931" y="366.606" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="154.618" y="366.606" style="fill:#405A6B;" width="10.983" height="10.983"/> <rect x="171.305" y="366.606" style="fill:#405A6B;" width="94.418" height="10.983"/> </g> <g> <rect x="218.575" y="366.606" style="fill:#38505E;" width="47.137" height="10.981"/> <rect x="271.413" y="366.606" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="288.1" y="366.606" style="fill:#38505E;" width="10.983" height="10.983"/> <rect x="304.787" y="366.606" style="fill:#38505E;" width="10.983" height="10.983"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download