Pencil Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Pencil icon is commonly used in text editors, note apps and annotation tools. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/320495.svg" alt="Pencil icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/320495.svg" alt="Pencil icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/320495.svg" alt="Pencil icon" :width="24" :height="24" />
CSS background
.icon-pencil {
background-image: url('https://proicons.com/icon/320495.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<?xml version="1.0" encoding="iso-8859-1"?> <!-- Generator: Adobe Illustrator 29.1.0, SVG Export Plug-In . SVG Version: 9.03 Build 55587) --> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve"> <path id="pencil_00000047019501127550699130000013488305276550051765_" d="M1,31.36c-0.094,0-0.186-0.037-0.254-0.105 c-0.104-0.104-0.134-0.262-0.077-0.396l3-7c0.018-0.042,0.044-0.081,0.077-0.113L26.452,1.039c0.531-0.53,1.393-0.53,1.924,0 l2.586,2.586c0.257,0.256,0.398,0.598,0.398,0.961s-0.142,0.705-0.398,0.961L8.254,28.255c-0.032,0.032-0.07,0.058-0.113,0.076l-7,3 C1.096,31.351,1.048,31.36,1,31.36z M2.472,28.48l-0.786,1.834l1.833-0.786L2.472,28.48z M2.777,27.768l1.455,1.456l3.408-1.461 V26.36H6c-0.199,0-0.36-0.161-0.36-0.36v-1.64H4.237L2.777,27.768z M6.36,25.64H8c0.199,0,0.36,0.161,0.36,0.36v1.131L25.991,9.5 L22.5,6.009L4.869,23.64H6c0.199,0,0.36,0.161,0.36,0.36V25.64z M23.009,5.5L26.5,8.991L27.491,8L24,4.509L23.009,5.5z M24.509,4 L28,7.491l2.452-2.452c0.121-0.121,0.188-0.282,0.188-0.453s-0.066-0.332-0.188-0.452l-2.586-2.586 c-0.248-0.249-0.656-0.249-0.904,0L24.509,4z"/> <rect id="_Transparent_Rectangle" style="fill:none;" width="32" height="32"/> </svg>
More from Carbon Icons
View all
Pencil in other icon packs
Copied!