Flip 2 Outline Icon SVG
Flip 2 Outline
Flip 2 outline SVG Icon Code | Customize color
You can get svg icon flip 2 outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeFlip 2 outline
DownloadSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>flip-2</title><g id="Layer_2" data-name="Layer 2"><g id="flip-2"><g id="flip-2-2" data-name="flip-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"/><path class="cls-2" d="M6.09,19h12l-1.3,1.29a1,1,0,0,0,1.42,1.42l3-3a1,1,0,0,0,0-1.42l-3-3a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.42L18.09,17h-12A1.56,1.56,0,0,1,4.5,15.47V13a1,1,0,0,0-2,0v2.47A3.56,3.56,0,0,0,6.09,19Z"/><path class="cls-2" d="M5.79,9.71A1,1,0,1,0,7.21,8.29L5.91,7h12A1.56,1.56,0,0,1,19.5,8.53V11a1,1,0,0,0,2,0V8.53A3.56,3.56,0,0,0,17.91,5h-12l1.3-1.29a1,1,0,0,0,0-1.42,1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42Z"/></g></g></g></svg> Flip 2 outline
DownloadSvg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>flip-2</title><g id="Layer_2" data-name="Layer 2"><g id="flip-2"><g id="flip-2-2" data-name="flip-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><path class="cls-2" d="M6.09,19h12l-1.3,1.29a1,1,0,0,0,1.42,1.42l3-3a1,1,0,0,0,0-1.42l-3-3a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.42L18.09,17h-12A1.56,1.56,0,0,1,4.5,15.47V13a1,1,0,0,0-2,0v2.47A3.56,3.56,0,0,0,6.09,19Z" fill="white"></path><path class="cls-2" d="M5.79,9.71A1,1,0,1,0,7.21,8.29L5.91,7h12A1.56,1.56,0,0,1,19.5,8.53V11a1,1,0,0,0,2,0V8.53A3.56,3.56,0,0,0,17.91,5h-12l1.3-1.29a1,1,0,0,0,0-1.42,1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42Z" fill="white"></path></g></g></g></svg> Flip 2 outline
DownloadSvg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>flip-2</title><g id="Layer_2" data-name="Layer 2"><g id="flip-2"><g id="flip-2-2" data-name="flip-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><path class="cls-2" d="M6.09,19h12l-1.3,1.29a1,1,0,0,0,1.42,1.42l3-3a1,1,0,0,0,0-1.42l-3-3a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.42L18.09,17h-12A1.56,1.56,0,0,1,4.5,15.47V13a1,1,0,0,0-2,0v2.47A3.56,3.56,0,0,0,6.09,19Z" fill="red"></path><path class="cls-2" d="M5.79,9.71A1,1,0,1,0,7.21,8.29L5.91,7h12A1.56,1.56,0,0,1,19.5,8.53V11a1,1,0,0,0,2,0V8.53A3.56,3.56,0,0,0,17.91,5h-12l1.3-1.29a1,1,0,0,0,0-1.42,1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42Z" fill="red"></path></g></g></g></svg> Flip 2 outline
DownloadSvg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>flip-2</title><g id="Layer_2" data-name="Layer 2"><g id="flip-2"><g id="flip-2-2" data-name="flip-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><path class="cls-2" d="M6.09,19h12l-1.3,1.29a1,1,0,0,0,1.42,1.42l3-3a1,1,0,0,0,0-1.42l-3-3a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.42L18.09,17h-12A1.56,1.56,0,0,1,4.5,15.47V13a1,1,0,0,0-2,0v2.47A3.56,3.56,0,0,0,6.09,19Z" fill="blue"></path><path class="cls-2" d="M5.79,9.71A1,1,0,1,0,7.21,8.29L5.91,7h12A1.56,1.56,0,0,1,19.5,8.53V11a1,1,0,0,0,2,0V8.53A3.56,3.56,0,0,0,17.91,5h-12l1.3-1.29a1,1,0,0,0,0-1.42,1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42Z" fill="blue"></path></g></g></g></svg> Flip 2 outline
DownloadSvg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:#fff;opacity:0;}.cls-2{fill:#231f20;}</style></defs><title>flip-2</title><g id="Layer_2" data-name="Layer 2"><g id="flip-2"><g id="flip-2-2" data-name="flip-2"><rect class="cls-1" width="24" height="24" transform="translate(24 24) rotate(180)"></rect><path class="cls-2" d="M6.09,19h12l-1.3,1.29a1,1,0,0,0,1.42,1.42l3-3a1,1,0,0,0,0-1.42l-3-3a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.42L18.09,17h-12A1.56,1.56,0,0,1,4.5,15.47V13a1,1,0,0,0-2,0v2.47A3.56,3.56,0,0,0,6.09,19Z" fill="#f3da35"></path><path class="cls-2" d="M5.79,9.71A1,1,0,1,0,7.21,8.29L5.91,7h12A1.56,1.56,0,0,1,19.5,8.53V11a1,1,0,0,0,2,0V8.53A3.56,3.56,0,0,0,17.91,5h-12l1.3-1.29a1,1,0,0,0,0-1.42,1,1,0,0,0-1.42,0l-3,3a1,1,0,0,0,0,1.42Z" fill="#f3da35"></path></g></g></g></svg> Advance Editor
You can edit flip 2 outline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements