Question 1

How do I use this icon in React, Vue, or Svelte?

Accepted Answer

Copy ready-to-use component code for React, Vue, Svelte, or raw SVG

Question 2

How do I download this icon in different formats?

Accepted Answer

Download the icon in SVG, PNG, WebP, JPEG, or ICO formats

Question 3

What is the license for this icon?

Accepted Answer

This icon is licensed under ISC

Question 4

Where is this icon commonly used?

Accepted Answer

In educational platforms like Google Classroom and Canvas, this icon appears when assignment submissions are locked or when students can only view instructor materials without editing privileges. Collaborative tools including Slack and Microsoft Teams display it when message editing timeouts expire, while document platforms such as Dropbox Paper and Confluence showcase it for view-only shared documents and protected content areas.

Question 5

What does this icon communicate to users?

Accepted Answer

From a content management perspective, this symbol communicates more than basic editing restrictions - it represents intentional preservation of draft states, collaborative workflow controls, and the protection of informal content during specific phases of the creative process. The crossed pencil design helps users understand that casual editing is deliberately restricted rather than experiencing technical difficulties.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in permission interfaces and document status displays where it indicates draft editing limitations and annotation restrictions. In shadcn/ui applications, combine it with Tooltip components for explaining restrictions or Badge components for status indication. The crossed design should clearly communicate draft limitations when positioned near editable content areas or annotation tools.

Pencil Off Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons