SVG
Viewer
Dark mode
Light mode
Hide sidebar
Edit Pen Icon
Optimized Small Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
939 bytes
562 bytes
-40%
Prettify
Preferences
Clear
<!-- License: PD. Made by Significa Labs: https://significa.co/labs/ --> <svg width="24px" height="24px" viewBox="0 0 24 24" id="edit_pen_icon" data-name="edit pen icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-path"> <rect id="Mask" width="24" height="24" fill="none"/> </clipPath> </defs> <rect id="Mask-2" data-name="Mask" width="24" height="24" fill="none"/> <g id="_24x24_edit" data-name="24x24/edit" clip-path="url(#clip-path)"> <path id="Rectangle_4" data-name="Rectangle 4" d="M0,2A2,2,0,0,1,2,0H4A2,2,0,0,1,6,2V18L3,23,0,18Z" transform="translate(18.01 2.247) rotate(45)" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.5"/> <path id="Line" d="M0,1H5" transform="translate(15.536 5.429) rotate(45)" fill="none" stroke="#000" stroke-linecap="square" stroke-miterlimit="10" stroke-width="1.5"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
939 bytes
562 bytes
-40%
Prettify
Preferences
Clear
<!-- License: PD. Made by Significa Labs: https://significa.co/labs/ --> <svg width="24px" height="24px" viewBox="0 0 24 24" id="edit_pen_icon" data-name="edit pen icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <clipPath id="clip-path"> <rect id="Mask" width="24" height="24" fill="none"/> </clipPath> </defs> <rect id="Mask-2" data-name="Mask" width="24" height="24" fill="none"/> <g id="_24x24_edit" data-name="24x24/edit" clip-path="url(#clip-path)"> <path id="Rectangle_4" data-name="Rectangle 4" d="M0,2A2,2,0,0,1,2,0H4A2,2,0,0,1,6,2V18L3,23,0,18Z" transform="translate(18.01 2.247) rotate(45)" fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="1.5"/> <path id="Line" d="M0,1H5" transform="translate(15.536 5.429) rotate(45)" fill="none" stroke="#000" stroke-linecap="square" stroke-miterlimit="10" stroke-width="1.5"/> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download