SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Arrow Circle Direction 4
Circled Arrow Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
1.4 KB
862 bytes
-40%
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" ?> <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'> <!-- License: CC0 License. Made by SVG Repo: https://www.svgrepo.com/svg/429500/arrow-circle-direction-4 --> <svg fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <style type="text/css"> <![CDATA[ .fil0 {fill:black;fill-rule:nonzero} ]]> </style> </defs> <g id="Layer_x0020_3"> <path class="fil0" d="M12 256c0,68 27,129 71,173 44,44 105,71 173,71 68,0 129,-27 173,-71 44,-44 71,-105 71,-173 0,-68 -27,-129 -71,-173 -44,-44 -105,-71 -173,-71 -68,0 -129,27 -173,71 -44,44 -71,105 -71,173zm63 181c-46,-46 -75,-110 -75,-181 0,-71 29,-135 75,-181 46,-46 110,-75 181,-75 71,0 135,29 181,75 46,46 75,110 75,181 0,71 -29,135 -75,181 -46,46 -110,75 -181,75 -71,0 -135,-29 -181,-75z" id="Curve_x0020_9"/> <path class="fil0" d="M368 195c2,2 2,6 0,8 -2,2 -6,2 -8,0l-104 -104 -104 104c-2,2 -6,2 -8,0 -2,-2 -2,-6 0,-8l108 -108c2,-3 6,-3 8,0l108 108z" id="Curve_x0020_8"/> <path class="fil0" d="M250 91c0,-3 3,-6 6,-6 3,0 6,3 6,6l0 330c0,3 -3,6 -6,6 -3,0 -6,-3 -6,-6l0 -330z" id="Curve_x0020_7"/> </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
-1px x -1px
Change dimensions
Optimize
1.4 KB
862 bytes
-40%
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" ?> <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'> <!-- License: CC0 License. Made by SVG Repo: https://www.svgrepo.com/svg/429500/arrow-circle-direction-4 --> <svg fill="#000000" width="800px" height="800px" viewBox="0 0 512 512" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" version="1.1" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <style type="text/css"> <![CDATA[ .fil0 {fill:black;fill-rule:nonzero} ]]> </style> </defs> <g id="Layer_x0020_3"> <path class="fil0" d="M12 256c0,68 27,129 71,173 44,44 105,71 173,71 68,0 129,-27 173,-71 44,-44 71,-105 71,-173 0,-68 -27,-129 -71,-173 -44,-44 -105,-71 -173,-71 -68,0 -129,27 -173,71 -44,44 -71,105 -71,173zm63 181c-46,-46 -75,-110 -75,-181 0,-71 29,-135 75,-181 46,-46 110,-75 181,-75 71,0 135,29 181,75 46,46 75,110 75,181 0,71 -29,135 -75,181 -46,46 -110,75 -181,75 -71,0 -135,-29 -181,-75z" id="Curve_x0020_9"/> <path class="fil0" d="M368 195c2,2 2,6 0,8 -2,2 -6,2 -8,0l-104 -104 -104 104c-2,2 -6,2 -8,0 -2,-2 -2,-6 0,-8l108 -108c2,-3 6,-3 8,0l108 108z" id="Curve_x0020_8"/> <path class="fil0" d="M250 91c0,-3 3,-6 6,-6 3,0 6,3 6,6l0 330c0,3 -3,6 -6,6 -3,0 -6,-3 -6,-6l0 -330z" id="Curve_x0020_7"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download