Color

Advanced editing in SVG Editor

Mage Icons

Pen Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Download SVG

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Tags: pen edit write draw pencil

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/310267.svg" alt="Pen icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310267.svg" alt="Pen icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310267.svg"
  alt="Pen icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-pen {
  background-image: url('https://proicons.com/icon/310267.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="M21.9111 7.14173C21.5607 5.93839 20.9125 4.84289 20.0263 3.95667C19.14 3.07044 18.0445 2.42212 16.8412 2.07172C16.5132 1.98704 16.1691 1.98704 15.8412 2.07172C15.5114 2.16747 15.2117 2.34658 14.9712 2.59174L12.7412 4.83173L3.20118 14.3617C2.90077 14.6744 2.70501 15.0728 2.64112 15.5017L2.03114 19.6617C1.98412 19.973 2.00812 20.291 2.1012 20.5917C2.20336 20.8914 2.3707 21.1646 2.59119 21.3917C2.81507 21.6138 3.0847 21.7844 3.38123 21.8917C3.58772 21.9596 3.80378 21.9934 4.02113 21.9917H4.31117L8.4712 21.3817C8.9055 21.326 9.30953 21.1292 9.62122 20.8217L19.1712 11.2717L21.3911 9.06171C21.6413 8.81691 21.8229 8.51075 21.9176 8.17383C22.0124 7.83691 22.017 7.48103 21.9312 7.14173H21.9111ZM20.4512 7.77173C20.424 7.85576 20.3758 7.93148 20.3112 7.99173L18.6212 9.68173L14.3012 5.37174L16.0111 3.66171C16.0768 3.60126 16.1556 3.55677 16.2412 3.53171H16.3911H16.4712C17.4179 3.81331 18.2795 4.32657 18.9779 5.025C19.6763 5.72342 20.1896 6.58497 20.4712 7.53171C20.4817 7.61222 20.4749 7.69407 20.4512 7.77173Z" fill="black"/>
</svg>

Pen in other icon packs

Bootstrap Icons

Phosphor Icons

MynaUI Icons Filled

MynaUI Icons

Atlas Icons

Unicons Outline

Copied!

Pen Icon

More from Mage Icons

Pen in other icon packs