Pen
SVG
Viewer
Dark mode
Light mode
Hide sidebar
Pen
Ikonate Thin Interface 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
551 bytes
324 bytes
-41%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: MIT. Made by Mikolaj Dobrucki: https://github.com/mikolajdobrucki/ikonate --> <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="penIconTitle" stroke="#000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" color="#000000"> <title id="penIconTitle">Pen</title> <path d="M14 17.584C15.7659 16.8124 17 15.0503 17 13C17 9 12 3 12 3C12 3 7 9 7 13C7 15.0503 8.2341 16.8124 10 17.584V21H14V17.584Z"/> <path d="M12 3V11"/> <circle cx="12" cy="12" r="1"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
Pen
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
551 bytes
324 bytes
-41%
Prettify
Preferences
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Clear
<!-- License: MIT. Made by Mikolaj Dobrucki: https://github.com/mikolajdobrucki/ikonate --> <svg width="24px" height="24px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby="penIconTitle" stroke="#000000" stroke-width="1" stroke-linecap="square" stroke-linejoin="miter" color="#000000"> <title id="penIconTitle">Pen</title> <path d="M14 17.584C15.7659 16.8124 17 15.0503 17 13C17 9 12 3 12 3C12 3 7 9 7 13C7 15.0503 8.2341 16.8124 10 17.584V21H14V17.584Z"/> <path d="M12 3V11"/> <circle cx="12" cy="12" r="1"/> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
Pen
100%
Download