Pen Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Pen icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306208.svg" alt="Pen icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306208.svg" alt="Pen icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306208.svg" alt="Pen icon" :width="24" :height="24" />
CSS background
.icon-pen {
background-image: url('https://proicons.com/icon/306208.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M531 108c-26 76-50 153-74 230-1 0-1 1-1 1 0 1 8 4 16 7 34 11 67 21 101 32 9 3 17 3 18 0 0-1 1-3 2-5 23-71 46-142 68-213 11-34 2-65-23-84-38-27-92-12-107 32zM369 708l70 23c9 3 18-2 21-11 33-103 66-206 100-310 3-9-2-18-11-21-23-7-47-15-70-22-9-3-18 2-21 10-33 104-67 207-100 310-3 9 2 18 11 21zm123-592c-8-3-17 2-20 11-32 99-64 199-96 298-3 9 2 18 10 21s17-2 20-11c32-100 64-199 96-299 3-8-1-18-10-20zM355 874c8 3 19-1 24-9 20-33 39-66 59-100 5-8 2-16-7-19-22-7-43-14-64-21-9-3-17 2-17 12-3 38-6 77-9 116-1 9 5 18 14 21zm-21 64s5-6 9-14c3-6 7-11 10-16 4-8 3-16-3-18-7-2-13 4-14 13 0 6-1 12-1 18-1 9-1 16-1 17z"/></svg>
More from IcoFont
View all
Pen in other icon packs
Copied!