Color

Advanced editing in SVG Editor

IconaMoon

Pen Icon

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

Download SVG

Collection: IconaMoon
Format: SVG, PNG
License: CC BY 4.0 - Free for commercial use
Style: Thin
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/309235.svg" alt="Pen icon" width="24" height="24">

React JSX

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

Vue template

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

CSS background

.icon-pen {
  background-image: url('https://proicons.com/icon/309235.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="M3 3V2.25C2.58579 2.25 2.25 2.58579 2.25 3H3ZM18.293 14.293L17.6096 13.9839C17.481 14.2683 17.542 14.6026 17.7627 14.8233L18.293 14.293ZM21 17L21.5303 17.5303C21.8232 17.2374 21.8232 16.7626 21.5303 16.4697L21 17ZM17 21L16.4697 21.5303C16.7626 21.8232 17.2374 21.8232 17.5303 21.5303L17 21ZM14.293 18.293L14.8233 17.7627C14.6026 17.542 14.2683 17.481 13.9839 17.6096L14.293 18.293ZM11 2.25H3V3.75H11V2.25ZM19.75 11C19.75 6.16751 15.8325 2.25 11 2.25V3.75C15.0041 3.75 18.25 6.99594 18.25 11H19.75ZM18.9764 14.602C19.4736 13.5026 19.75 12.2825 19.75 11H18.25C18.25 12.0652 18.0208 13.0748 17.6096 13.9839L18.9764 14.602ZM17.7627 14.8233L20.4697 17.5303L21.5303 16.4697L18.8233 13.7627L17.7627 14.8233ZM20.4697 16.4697L16.4697 20.4697L17.5303 21.5303L21.5303 17.5303L20.4697 16.4697ZM17.5303 20.4697L14.8233 17.7627L13.7627 18.8233L16.4697 21.5303L17.5303 20.4697ZM11 19.75C12.2825 19.75 13.5026 19.4736 14.602 18.9764L13.9839 17.6096C13.0748 18.0208 12.0652 18.25 11 18.25V19.75ZM2.25 11C2.25 15.8325 6.16751 19.75 11 19.75V18.25C6.99594 18.25 3.75 15.0041 3.75 11H2.25ZM2.25 3V11H3.75V3H2.25Z" fill="#292929"/>
<ellipse cx="11" cy="11" rx="1" ry="1" transform="rotate(-180 11 11)" stroke="#292929" stroke-width="1.5"/>
<path d="M3 3L10 10" stroke="#292929" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

Pen in other icon packs

Bootstrap Icons

Phosphor Icons

MynaUI Icons Filled

MynaUI Icons

Atlas Icons

Unicons Outline

Copied!

Pen Icon

More from IconaMoon

Pen in other icon packs