Pen Icon
Free SVG icon from the Mage Icons 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/310901.svg" alt="Pen icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310901.svg" alt="Pen icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310901.svg" alt="Pen icon" :width="24" :height="24" />
CSS background
.icon-pen {
background-image: url('https://proicons.com/icon/310901.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2.77732 19.7825L3.38442 15.6213C3.421 15.3489 3.54532 15.0958 3.73856 14.9004L15.5011 3.12516C15.6535 2.9712 15.8428 2.85895 16.051 2.79915C16.2592 2.73936 16.4792 2.73403 16.6901 2.78367C17.7701 3.08264 18.749 3.66828 19.5232 4.47849C20.3307 5.25768 20.9121 6.24112 21.2054 7.32428C21.255 7.53511 21.2497 7.75515 21.1899 7.96333C21.1301 8.1715 21.0178 8.36084 20.8639 8.51318L9.08864 20.2758C8.8932 20.469 8.64012 20.5933 8.36771 20.6299L4.20654 21.237C4.01002 21.2654 3.80959 21.2471 3.62145 21.1836C3.43332 21.1202 3.26277 21.0133 3.12361 20.8717C2.98445 20.73 2.88059 20.5577 2.82043 20.3684C2.76027 20.1792 2.7455 19.9785 2.77732 19.7825Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.2751 5.36383L18.6378 10.7266" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Pen in other icon packs
Copied!