SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Joystick Game Controller
Video Game 2
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.06 KB
1.3 KB
-37%
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/254111/joystick-game-controller --> <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="231.576" y="194.376" style="fill:#F4F4F4;" width="51.656" height="170.096"/> <rect x="231.576" y="194.376" style="fill:#FF3D2E;" width="51.656" height="46.136"/> <g style="opacity:0.15;"> <rect x="231.576" y="194.376" width="25.832" height="170.096"/> </g> <path d="M420.776,512H91.208c-22,0-40-18-40-40v-70.304c0-22,18-40,40-40h329.56c22,0,40,18,40,40V472 C460.776,494,442.776,512,420.776,512z"/> <circle cx="255.992" cy="101.88" r="101.88"/> <circle style="fill:#F4F4F4;" cx="255.624" cy="52.568" r="23.232"/> <g> <path style="fill:#FFFFFF;" d="M317.48,459.44h-46.216v-46.208h46.216V459.44z M277.256,453.44h34.216v-34.208h-34.216V453.44z"/> <g transform="matrix(0.7071 0.7071 -0.7071 0.7071 51.98 -16.406)"> <rect x="514.718" y="94.869" style="fill:#FFFFFF;" width="55.488" height="6.008"/> <rect x="539.438" y="70.149" style="fill:#FFFFFF;" width="6.008" height="55.488"/> </g> <path style="fill:#FFFFFF;" d="M177.216,459.408h-53.6l26.808-46.424L177.216,459.408z M134.008,453.408h32.824l-16.408-28.424 L134.008,453.408z"/> <path style="fill:#FFFFFF;" d="M222.392,461.976c-14.136,0-25.632-11.504-25.632-25.632c0-14.144,11.504-25.64,25.632-25.64 c14.144,0,25.64,11.504,25.64,25.64C248.032,450.472,236.528,461.976,222.392,461.976z M222.392,416.704 c-10.832,0-19.632,8.816-19.632,19.64s8.808,19.632,19.632,19.632s19.64-8.808,19.64-19.632S233.216,416.704,222.392,416.704z"/> </g> <g> <g> <rect x="51.208" y="361.68" style="fill:#FF3D2E;" width="25.36" height="150.304"/> </g> </g> <g> <g> <rect x="435.432" y="361.68" style="fill:#FF3D2E;" width="25.36" height="150.304"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
Set Dimensions
Change dimensions
Optimize
2.06 KB
1.3 KB
-37%
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/254111/joystick-game-controller --> <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="231.576" y="194.376" style="fill:#F4F4F4;" width="51.656" height="170.096"/> <rect x="231.576" y="194.376" style="fill:#FF3D2E;" width="51.656" height="46.136"/> <g style="opacity:0.15;"> <rect x="231.576" y="194.376" width="25.832" height="170.096"/> </g> <path d="M420.776,512H91.208c-22,0-40-18-40-40v-70.304c0-22,18-40,40-40h329.56c22,0,40,18,40,40V472 C460.776,494,442.776,512,420.776,512z"/> <circle cx="255.992" cy="101.88" r="101.88"/> <circle style="fill:#F4F4F4;" cx="255.624" cy="52.568" r="23.232"/> <g> <path style="fill:#FFFFFF;" d="M317.48,459.44h-46.216v-46.208h46.216V459.44z M277.256,453.44h34.216v-34.208h-34.216V453.44z"/> <g transform="matrix(0.7071 0.7071 -0.7071 0.7071 51.98 -16.406)"> <rect x="514.718" y="94.869" style="fill:#FFFFFF;" width="55.488" height="6.008"/> <rect x="539.438" y="70.149" style="fill:#FFFFFF;" width="6.008" height="55.488"/> </g> <path style="fill:#FFFFFF;" d="M177.216,459.408h-53.6l26.808-46.424L177.216,459.408z M134.008,453.408h32.824l-16.408-28.424 L134.008,453.408z"/> <path style="fill:#FFFFFF;" d="M222.392,461.976c-14.136,0-25.632-11.504-25.632-25.632c0-14.144,11.504-25.64,25.632-25.64 c14.144,0,25.64,11.504,25.64,25.64C248.032,450.472,236.528,461.976,222.392,461.976z M222.392,416.704 c-10.832,0-19.632,8.816-19.632,19.64s8.808,19.632,19.632,19.632s19.64-8.808,19.64-19.632S233.216,416.704,222.392,416.704z"/> </g> <g> <g> <rect x="51.208" y="361.68" style="fill:#FF3D2E;" width="25.36" height="150.304"/> </g> </g> <g> <g> <rect x="435.432" y="361.68" style="fill:#FF3D2E;" width="25.36" height="150.304"/> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG