Edit 2 Outline Icon SVG
Edit 2 Outline
Edit 2 outline SVG Icon Code | Customize color
You can get svg icon edit 2 outline in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeEdit 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>edit-2</title><g id="Layer_2" data-name="Layer 2"><g id="edit-2"><g id="edit-2-2" data-name="edit-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M19,20H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z"/><path class="cls-2" d="M5,18h.09l4.17-.38a2,2,0,0,0,1.21-.57l9-9a1.92,1.92,0,0,0-.07-2.71h0L16.66,2.6A2,2,0,0,0,14,2.53l-9,9a2,2,0,0,0-.57,1.21L4,16.91a1,1,0,0,0,.29.8A1,1,0,0,0,5,18ZM15.27,4,18,6.73,16,8.68,13.32,6Zm-8.9,8.91L12,7.32l2.7,2.7-5.6,5.6-3,.28Z"/></g></g></g></svg> Edit 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>edit-2</title><g id="Layer_2" data-name="Layer 2"><g id="edit-2"><g id="edit-2-2" data-name="edit-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M19,20H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z"/><path class="cls-2" d="M5,18h.09l4.17-.38a2,2,0,0,0,1.21-.57l9-9a1.92,1.92,0,0,0-.07-2.71h0L16.66,2.6A2,2,0,0,0,14,2.53l-9,9a2,2,0,0,0-.57,1.21L4,16.91a1,1,0,0,0,.29.8A1,1,0,0,0,5,18ZM15.27,4,18,6.73,16,8.68,13.32,6Zm-8.9,8.91L12,7.32l2.7,2.7-5.6,5.6-3,.28Z"/></g></g></g></svg> Edit 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>edit-2</title><g id="Layer_2" data-name="Layer 2"><g id="edit-2"><g id="edit-2-2" data-name="edit-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M19,20H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z"/><path class="cls-2" d="M5,18h.09l4.17-.38a2,2,0,0,0,1.21-.57l9-9a1.92,1.92,0,0,0-.07-2.71h0L16.66,2.6A2,2,0,0,0,14,2.53l-9,9a2,2,0,0,0-.57,1.21L4,16.91a1,1,0,0,0,.29.8A1,1,0,0,0,5,18ZM15.27,4,18,6.73,16,8.68,13.32,6Zm-8.9,8.91L12,7.32l2.7,2.7-5.6,5.6-3,.28Z"/></g></g></g></svg> Edit 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>edit-2</title><g id="Layer_2" data-name="Layer 2"><g id="edit-2"><g id="edit-2-2" data-name="edit-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M19,20H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z"/><path class="cls-2" d="M5,18h.09l4.17-.38a2,2,0,0,0,1.21-.57l9-9a1.92,1.92,0,0,0-.07-2.71h0L16.66,2.6A2,2,0,0,0,14,2.53l-9,9a2,2,0,0,0-.57,1.21L4,16.91a1,1,0,0,0,.29.8A1,1,0,0,0,5,18ZM15.27,4,18,6.73,16,8.68,13.32,6Zm-8.9,8.91L12,7.32l2.7,2.7-5.6,5.6-3,.28Z"/></g></g></g></svg> Edit 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>edit-2</title><g id="Layer_2" data-name="Layer 2"><g id="edit-2"><g id="edit-2-2" data-name="edit-2"><rect class="cls-1" width="24" height="24"/><path class="cls-2" d="M19,20H5a1,1,0,0,0,0,2H19a1,1,0,0,0,0-2Z"/><path class="cls-2" d="M5,18h.09l4.17-.38a2,2,0,0,0,1.21-.57l9-9a1.92,1.92,0,0,0-.07-2.71h0L16.66,2.6A2,2,0,0,0,14,2.53l-9,9a2,2,0,0,0-.57,1.21L4,16.91a1,1,0,0,0,.29.8A1,1,0,0,0,5,18ZM15.27,4,18,6.73,16,8.68,13.32,6Zm-8.9,8.91L12,7.32l2.7,2.7-5.6,5.6-3,.28Z"/></g></g></g></svg> Advance Editor
You can edit edit 2 outline as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements