Attach 2 Outline Icon SVG
Attach 2 Outline
Attach 2 outline SVG Icon Code | Customize color
You can get svg icon attach 2 outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeAttach 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>attach-2</title><g id="Layer_2" data-name="Layer 2"><g id="attach-2"><g id="attach-2-2" data-name="attach-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M12,22a5.86,5.86,0,0,1-6-5.7V6.13A4.24,4.24,0,0,1,10.33,2a4.24,4.24,0,0,1,4.34,4.13V16.31a2.67,2.67,0,0,1-5.33,0V6.92a1,1,0,0,1,1-1h0a1,1,0,0,1,1,1v9.39a.67.67,0,0,0,1.33,0V6.13A2.25,2.25,0,0,0,10.33,4,2.25,2.25,0,0,0,8,6.13V16.3A3.86,3.86,0,0,0,12,20a3.86,3.86,0,0,0,4-3.7V6.13a1,1,0,1,1,2,0V16.3A5.86,5.86,0,0,1,12,22Z"/></g></g></g></svg> Attach 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>attach-2</title><g id="Layer_2" data-name="Layer 2"><g id="attach-2"><g id="attach-2-2" data-name="attach-2"><rect class="cls-1" width="24" height="24"></rect><path class="cls-2" d="M12,22a5.86,5.86,0,0,1-6-5.7V6.13A4.24,4.24,0,0,1,10.33,2a4.24,4.24,0,0,1,4.34,4.13V16.31a2.67,2.67,0,0,1-5.33,0V6.92a1,1,0,0,1,1-1h0a1,1,0,0,1,1,1v9.39a.67.67,0,0,0,1.33,0V6.13A2.25,2.25,0,0,0,10.33,4,2.25,2.25,0,0,0,8,6.13V16.3A3.86,3.86,0,0,0,12,20a3.86,3.86,0,0,0,4-3.7V6.13a1,1,0,1,1,2,0V16.3A5.86,5.86,0,0,1,12,22Z" fill="white"></path></g></g></g></svg> Attach 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>attach-2</title><g id="Layer_2" data-name="Layer 2"><g id="attach-2"><g id="attach-2-2" data-name="attach-2"><rect class="cls-1" width="24" height="24"></rect><path class="cls-2" d="M12,22a5.86,5.86,0,0,1-6-5.7V6.13A4.24,4.24,0,0,1,10.33,2a4.24,4.24,0,0,1,4.34,4.13V16.31a2.67,2.67,0,0,1-5.33,0V6.92a1,1,0,0,1,1-1h0a1,1,0,0,1,1,1v9.39a.67.67,0,0,0,1.33,0V6.13A2.25,2.25,0,0,0,10.33,4,2.25,2.25,0,0,0,8,6.13V16.3A3.86,3.86,0,0,0,12,20a3.86,3.86,0,0,0,4-3.7V6.13a1,1,0,1,1,2,0V16.3A5.86,5.86,0,0,1,12,22Z" fill="red"></path></g></g></g></svg> Attach 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>attach-2</title><g id="Layer_2" data-name="Layer 2"><g id="attach-2"><g id="attach-2-2" data-name="attach-2"><rect class="cls-1" width="24" height="24"></rect><path class="cls-2" d="M12,22a5.86,5.86,0,0,1-6-5.7V6.13A4.24,4.24,0,0,1,10.33,2a4.24,4.24,0,0,1,4.34,4.13V16.31a2.67,2.67,0,0,1-5.33,0V6.92a1,1,0,0,1,1-1h0a1,1,0,0,1,1,1v9.39a.67.67,0,0,0,1.33,0V6.13A2.25,2.25,0,0,0,10.33,4,2.25,2.25,0,0,0,8,6.13V16.3A3.86,3.86,0,0,0,12,20a3.86,3.86,0,0,0,4-3.7V6.13a1,1,0,1,1,2,0V16.3A5.86,5.86,0,0,1,12,22Z" fill="blue"></path></g></g></g></svg> Attach 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>attach-2</title><g id="Layer_2" data-name="Layer 2"><g id="attach-2"><g id="attach-2-2" data-name="attach-2"><rect class="cls-1" width="24" height="24"></rect><path class="cls-2" d="M12,22a5.86,5.86,0,0,1-6-5.7V6.13A4.24,4.24,0,0,1,10.33,2a4.24,4.24,0,0,1,4.34,4.13V16.31a2.67,2.67,0,0,1-5.33,0V6.92a1,1,0,0,1,1-1h0a1,1,0,0,1,1,1v9.39a.67.67,0,0,0,1.33,0V6.13A2.25,2.25,0,0,0,10.33,4,2.25,2.25,0,0,0,8,6.13V16.3A3.86,3.86,0,0,0,12,20a3.86,3.86,0,0,0,4-3.7V6.13a1,1,0,1,1,2,0V16.3A5.86,5.86,0,0,1,12,22Z" fill="#f3da35"></path></g></g></g></svg> Advance Editor
You can edit attach 2 outline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements