SVG
Viewer
Dark mode
Light mode
Hide sidebar
Arrow Circle Direction 3
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
865 bytes
-40%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/429495/arrow-circle-direction-3 --> <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_4"> <path class="fil0" d="M0 256c0,-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,-75 -46,-46 -75,-110 -75,-181zm83 -173c-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,-173 0,-68 -27,-129 -71,-173 -44,-44 -105,-71 -173,-71 -68,0 -129,27 -173,71z" id="Curve_x0020_12"/> <path class="fil0" d="M360 309c2,-2 6,-2 8,0 2,2 2,6 0,8l-108 108c-2,3 -6,3 -8,0l-108 -108c-2,-2 -2,-6 0,-8 2,-2 6,-2 8,0l104 104 104 -104z" id="Curve_x0020_11"/> <path class="fil0" d="M262 421c0,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_10"/> </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
865 bytes
-40%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
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/429495/arrow-circle-direction-3 --> <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_4"> <path class="fil0" d="M0 256c0,-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,-75 -46,-46 -75,-110 -75,-181zm83 -173c-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,-173 0,-68 -27,-129 -71,-173 -44,-44 -105,-71 -173,-71 -68,0 -129,27 -173,71z" id="Curve_x0020_12"/> <path class="fil0" d="M360 309c2,-2 6,-2 8,0 2,2 2,6 0,8l-108 108c-2,3 -6,3 -8,0l-108 -108c-2,-2 -2,-6 0,-8 2,-2 6,-2 8,0l104 104 104 -104z" id="Curve_x0020_11"/> <path class="fil0" d="M262 421c0,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_10"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download