Pencil Icon
<i class="cil-pencil"></i>
<svg [cIcon]="icons.cilPencil"></svg>
<CIcon icon={cilPencil} />
<CIcon :icon="cilPencil" />
Other icons in category: TextEdit
About Pencil Icon
The pencil icon from CoreUI's Linear icon set is a versatile and modern representation of a classic writing tool that can add a touch of elegance to your design project. Whether you need an icon for a text editor, a sketchpad, or a creative writing app, the pencil icon is the perfect choice.
At CoreUI, we understand that developers need flexible and easy-to-use options to implement icons into their projects. That's why, in addition to native components for Angular, Vue, and React, we also offer several other versions of the pencil icon. You can use the easy-to-use web-fonts to add the pencil icon to your project quickly. You can also use the SVG version of the pencil icon to customize it to fit your project's design. And if you prefer coding, we have Javascript and Typescript versions of the pencil icon that you can integrate into your project.
Our Angular, Vue, and React components, as well as the other versions of the pencil icon, all provide easy-to-use options to add the icon to your project. You can customize the size, color, and other properties of the pencil icon to make it fit perfectly into your design.
The pencil icon's minimalist style and clean lines make it an ideal choice for a wide range of design projects, from modern and trendy to sleek and sophisticated. It's perfect for use in applications and websites that require a simple and elegant aesthetic.
So if you're looking for an icon that can add a touch of class to your project, the pencil icon from CoreUI's Linear icon set is an excellent choice. And with our variety of versions available, including native components for Angular, Vue, and React, easy-to-use web-fonts, SVG, Javascript, and Typescript, it's easier than ever to integrate the pencil icon and other CoreUI Linear icons into your development workflow.