What is the pencil simple icon used for?

It's typically used for actions related to editing, writing, signing, or general design tasks within an application's interface.

How do I use the pencil simple icon in React?

You can import and use it like this: import { PencilSimple } from '@phosphor-icons/react'. Then render it as .

The Phosphor icon library, including the pencil simple icon, is available under the MIT license.

Phosphor · pencil-simple · MIT

The Phosphor pencil simple icon depicts a basic pencil, commonly used in UI to represent actions like editing, writing, or general design tasks.

Install

npm i @phosphor-icons/react

Import & render

import { PencilSimple } from '@phosphor-icons/react';

<PencilSimple size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<PencilSimple size={24} />

thin

<PencilSimple size={24} weight="thin" />

light

<PencilSimple size={24} weight="light" />

bold

<PencilSimple size={24} weight="bold" />

fill

<PencilSimple size={24} weight="fill" />

duotone

<PencilSimple size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: design
Keywords: writewritingeditingsignsignaturedesigneditorofficepencilsimpleeditcompose

What is the pencil simple icon used for?: It's typically used for actions related to editing, writing, signing, or general design tasks within an application's interface.
How do I use the pencil simple icon in React?: You can import and use it like this: import { PencilSimple } from '@phosphor-icons/react'. Then render it as <PencilSimple />.
What is the license for this icon?: The Phosphor icon library, including the pencil simple icon, is available under the MIT license.

The same idea in other libraries, and near matches in Phosphor.