Edit Straight Icon SVG
Edit Straight
Edit straight SVG Icon Code | Customize color
You can get svg icon edit straight in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeEdit straight
DownloadSvg Code
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path d="M12 4C15.866 4 19 7.13401 19 11H5C5 7.13401 8.13401 4 12 4Z" fill="currentColor" /> <path d="M5 13H1V11H5V13Z" fill="currentColor" /> <path d="M19 13C19 16.866 15.866 20 12 20C8.13401 20 5 16.866 5 13H19Z" fill="currentColor" /> <path d="M19 13V11H23V13H19Z" fill="currentColor" /> </svg> Edit straight
DownloadSvg Code
<svg style="color: white" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4C15.866 4 19 7.13401 19 11H5C5 7.13401 8.13401 4 12 4Z" fill="white"></path> <path d="M5 13H1V11H5V13Z" fill="white"></path> <path d="M19 13C19 16.866 15.866 20 12 20C8.13401 20 5 16.866 5 13H19Z" fill="white"></path> <path d="M19 13V11H23V13H19Z" fill="white"></path> </svg> Edit straight
DownloadSvg Code
<svg style="color: red" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4C15.866 4 19 7.13401 19 11H5C5 7.13401 8.13401 4 12 4Z" fill="red"></path> <path d="M5 13H1V11H5V13Z" fill="red"></path> <path d="M19 13C19 16.866 15.866 20 12 20C8.13401 20 5 16.866 5 13H19Z" fill="red"></path> <path d="M19 13V11H23V13H19Z" fill="red"></path> </svg> Edit straight
DownloadSvg Code
<svg style="color: blue" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4C15.866 4 19 7.13401 19 11H5C5 7.13401 8.13401 4 12 4Z" fill="blue"></path> <path d="M5 13H1V11H5V13Z" fill="blue"></path> <path d="M19 13C19 16.866 15.866 20 12 20C8.13401 20 5 16.866 5 13H19Z" fill="blue"></path> <path d="M19 13V11H23V13H19Z" fill="blue"></path> </svg> Edit straight
DownloadSvg Code
<svg style="color: #f3da35" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 4C15.866 4 19 7.13401 19 11H5C5 7.13401 8.13401 4 12 4Z" fill="#f3da35"></path> <path d="M5 13H1V11H5V13Z" fill="#f3da35"></path> <path d="M19 13C19 16.866 15.866 20 12 20C8.13401 20 5 16.866 5 13H19Z" fill="#f3da35"></path> <path d="M19 13V11H23V13H19Z" fill="#f3da35"></path> </svg> Advance Editor
You can edit edit straight as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements