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 collaborative platforms like Google Docs and Notion, this icon appears when documents are in suggestion mode or when users have view-only access to shared content. Content management systems including WordPress and Drupal display it when posts are locked for editing, while version control tools like GitHub showcase it for protected branches that restrict direct modifications.

Question 5

What does this icon communicate to users?

Accepted Answer

From a content protection perspective, this symbol communicates more than simple editing restrictions - it represents intentional safeguarding of information integrity, collaborative workflow controls, and the preservation of finalized content. The crossed pen design helps users understand that content is deliberately protected rather than experiencing technical issues or interface problems.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in permission management interfaces and document status indicators where it shows editing restrictions and content protection states. Combine it with shadcn/ui's Badge components for status display or Tooltip components for explaining access limitations. The crossed design should clearly communicate edit restrictions when positioned near content areas or in document toolbars.

Pen Off Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons