SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Circle Button Joystick
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
961 bytes
540 bytes
-44%
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/254107/circle-button-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"> <circle style="fill:#FF3D2E;" cx="256" cy="256" r="256"/> <path style="fill:#BF2E22;" d="M508.6,297.7L356.1,145.2c0,0-72.8-12.5-150.1,0s-70.7,95.5-70.7,95.5l14.4,120.2l147.7,147.7 C405.5,491,490.9,405.8,508.6,297.7z"/> <path style="fill:#FFFFFF;" d="M256,146.7c60.3,0,109.3,49,109.3,109.3s-49,109.3-109.3,109.3s-109.3-49-109.3-109.3 S195.7,146.7,256,146.7 M256,106.7c-82.5,0-149.3,66.9-149.3,149.3c0,82.5,66.9,149.3,149.3,149.3S405.3,338.5,405.3,256 S338.5,106.7,256,106.7L256,106.7z"/> </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
961 bytes
540 bytes
-44%
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/254107/circle-button-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"> <circle style="fill:#FF3D2E;" cx="256" cy="256" r="256"/> <path style="fill:#BF2E22;" d="M508.6,297.7L356.1,145.2c0,0-72.8-12.5-150.1,0s-70.7,95.5-70.7,95.5l14.4,120.2l147.7,147.7 C405.5,491,490.9,405.8,508.6,297.7z"/> <path style="fill:#FFFFFF;" d="M256,146.7c60.3,0,109.3,49,109.3,109.3s-49,109.3-109.3,109.3s-109.3-49-109.3-109.3 S195.7,146.7,256,146.7 M256,106.7c-82.5,0-149.3,66.9-149.3,149.3c0,82.5,66.9,149.3,149.3,149.3S405.3,338.5,405.3,256 S338.5,106.7,256,106.7L256,106.7z"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download SVG