Flip Vertically Icon SVG
Flip Vertically
Flip vertically SVG Icon Code | Customize color
You can get svg icon flip vertically in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Flip vertically
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M42 24L6 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 4L36 16H14V4Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M14 44V32H36L14 44Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/></svg>
Flip vertically
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M42 24L6 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M14 4L36 16H14V4Z" fill="white" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M14 44V32H36L14 44Z" fill="white" stroke="#333" stroke-width="1" stroke-linejoin="round"></path></svg>
Flip vertically
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M42 24L6 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M14 4L36 16H14V4Z" fill="red" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M14 44V32H36L14 44Z" fill="red" stroke="#333" stroke-width="1" stroke-linejoin="round"></path></svg>
Flip vertically
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M42 24L6 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M14 4L36 16H14V4Z" fill="blue" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M14 44V32H36L14 44Z" fill="blue" stroke="#333" stroke-width="1" stroke-linejoin="round"></path></svg>
Flip vertically
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"><rect width="48" height="48" fill="white" fill-opacity="0.01"></rect><path d="M42 24L6 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M14 4L36 16H14V4Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linejoin="round"></path><path d="M14 44V32H36L14 44Z" fill="#f3da35" stroke="#333" stroke-width="1" stroke-linejoin="round"></path></svg>
Advance Editor
You can edit flip vertically as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements