SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Joystick
Eighties 3
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.09 KB
1.58 KB
-24%
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/283780/joystick --> <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="66.783" y="200.348" style="fill:#EDF0F2;" width="100.174" height="211.478"/> <rect x="116.87" y="200.348" style="fill:#DAE1E6;" width="50.087" height="211.478"/> <path style="fill:#E6563A;" d="M406.261,345.043H306.087c-9.223,0-16.696-7.473-16.696-16.696v-66.783 c0-9.223,7.473-16.696,16.696-16.696h100.174c9.223,0,16.696,7.473,16.696,16.696v66.783 C422.957,337.57,415.484,345.043,406.261,345.043z"/> <path style="fill:#D9472B;" d="M406.261,244.87h-50.087v100.174h50.087c9.223,0,16.696-7.473,16.696-16.696v-66.783 C422.957,252.343,415.484,244.87,406.261,244.87z"/> <path style="fill:#EDF0F2;" d="M439.652,411.826H272.696c-9.223,0-16.696-7.473-16.696-16.696v-33.391 c0-27.619,22.468-50.087,50.087-50.087h100.174c27.619,0,50.087,22.468,50.087,50.087v33.391 C456.348,404.353,448.875,411.826,439.652,411.826z"/> <path style="fill:#DAE1E6;" d="M406.261,311.652h-50.087v100.174h83.478c9.223,0,16.696-7.473,16.696-16.696v-33.391 C456.348,334.12,433.88,311.652,406.261,311.652z"/> <path style="fill:#736056;" d="M495.304,512H16.696C7.473,512,0,504.527,0,495.304v-66.783c0-27.619,22.468-50.087,50.087-50.087 h411.826c27.619,0,50.087,22.468,50.087,50.087v66.783C512,504.527,504.521,512,495.304,512z"/> <path style="fill:#665247;" d="M461.913,378.435H256V512h239.304c9.217,0,16.696-7.473,16.696-16.696v-66.783 C512,400.903,489.532,378.435,461.913,378.435z"/> <path style="fill:#E6563A;" d="M116.87,233.739C52.429,233.739,0,181.31,0,116.87S52.429,0,116.87,0s116.87,52.429,116.87,116.87 S181.31,233.739,116.87,233.739z"/> <path style="fill:#D9472B;" d="M233.739,116.87C233.739,52.429,181.31,0,116.87,0v233.739 C181.31,233.739,233.739,181.31,233.739,116.87z"/> </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
2.09 KB
1.58 KB
-24%
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/283780/joystick --> <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="66.783" y="200.348" style="fill:#EDF0F2;" width="100.174" height="211.478"/> <rect x="116.87" y="200.348" style="fill:#DAE1E6;" width="50.087" height="211.478"/> <path style="fill:#E6563A;" d="M406.261,345.043H306.087c-9.223,0-16.696-7.473-16.696-16.696v-66.783 c0-9.223,7.473-16.696,16.696-16.696h100.174c9.223,0,16.696,7.473,16.696,16.696v66.783 C422.957,337.57,415.484,345.043,406.261,345.043z"/> <path style="fill:#D9472B;" d="M406.261,244.87h-50.087v100.174h50.087c9.223,0,16.696-7.473,16.696-16.696v-66.783 C422.957,252.343,415.484,244.87,406.261,244.87z"/> <path style="fill:#EDF0F2;" d="M439.652,411.826H272.696c-9.223,0-16.696-7.473-16.696-16.696v-33.391 c0-27.619,22.468-50.087,50.087-50.087h100.174c27.619,0,50.087,22.468,50.087,50.087v33.391 C456.348,404.353,448.875,411.826,439.652,411.826z"/> <path style="fill:#DAE1E6;" d="M406.261,311.652h-50.087v100.174h83.478c9.223,0,16.696-7.473,16.696-16.696v-33.391 C456.348,334.12,433.88,311.652,406.261,311.652z"/> <path style="fill:#736056;" d="M495.304,512H16.696C7.473,512,0,504.527,0,495.304v-66.783c0-27.619,22.468-50.087,50.087-50.087 h411.826c27.619,0,50.087,22.468,50.087,50.087v66.783C512,504.527,504.521,512,495.304,512z"/> <path style="fill:#665247;" d="M461.913,378.435H256V512h239.304c9.217,0,16.696-7.473,16.696-16.696v-66.783 C512,400.903,489.532,378.435,461.913,378.435z"/> <path style="fill:#E6563A;" d="M116.87,233.739C52.429,233.739,0,181.31,0,116.87S52.429,0,116.87,0s116.87,52.429,116.87,116.87 S181.31,233.739,116.87,233.739z"/> <path style="fill:#D9472B;" d="M233.739,116.87C233.739,52.429,181.31,0,116.87,0v233.739 C181.31,233.739,233.739,181.31,233.739,116.87z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download