Rotating Forward Icon SVG
Rotating Forward
Rotating forward SVG Icon Code | Customize color
You can get svg icon rotating forward in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeRotating forward
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 14.0001V6.67578H6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 6.67578C8.02198 10.1339 4 16.5973 4 24.0001" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 34H6.67564V41.3244" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6.67564 34C10.1337 39.978 16.5972 44 24 44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.9999 34V41.3244H41.3242" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M34 41.3244C39.978 37.8663 44 31.4028 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M33.9999 14H41.3242V6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M41.3242 14C37.8661 8.02199 31.4027 4 23.9999 4" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Rotating forward
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 14.0001V6.67578H6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M14 6.67578C8.02198 10.1339 4 16.5973 4 24.0001" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M14 34H6.67564V41.3244" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M6.67564 34C10.1337 39.978 16.5972 44 24 44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M33.9999 34V41.3244H41.3242" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M34 41.3244C39.978 37.8663 44 31.4028 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M33.9999 14H41.3242V6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M41.3242 14C37.8661 8.02199 31.4027 4 23.9999 4" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Rotating forward
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 14.0001V6.67578H6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M14 6.67578C8.02198 10.1339 4 16.5973 4 24.0001" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M14 34H6.67564V41.3244" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M6.67564 34C10.1337 39.978 16.5972 44 24 44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M33.9999 34V41.3244H41.3242" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M34 41.3244C39.978 37.8663 44 31.4028 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M33.9999 14H41.3242V6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M41.3242 14C37.8661 8.02199 31.4027 4 23.9999 4" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Rotating forward
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 14.0001V6.67578H6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M14 6.67578C8.02198 10.1339 4 16.5973 4 24.0001" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M14 34H6.67564V41.3244" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M6.67564 34C10.1337 39.978 16.5972 44 24 44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M33.9999 34V41.3244H41.3242" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M34 41.3244C39.978 37.8663 44 31.4028 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M33.9999 14H41.3242V6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M41.3242 14C37.8661 8.02199 31.4027 4 23.9999 4" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Rotating forward
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 14.0001V6.67578H6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M14 6.67578C8.02198 10.1339 4 16.5973 4 24.0001" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M14 34H6.67564V41.3244" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M6.67564 34C10.1337 39.978 16.5972 44 24 44" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M33.9999 34V41.3244H41.3242" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M34 41.3244C39.978 37.8663 44 31.4028 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M33.9999 14H41.3242V6.67564" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M41.3242 14C37.8661 8.02199 31.4027 4 23.9999 4" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit rotating forward as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements