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 modern productivity applications like Todoist or Notion's task lists, you'll see this icon when items are marked complete but remain visible for progress tracking. It appears during project reviews where completed tasks show achievement history, or in habit tracking where finished activities maintain visual presence for motivation.

Question 5

What does this icon communicate to users?

Accepted Answer

From a productivity psychology perspective, the crossed line communicates more than just "finished" - it specifically signals visible accomplishment and maintained progress context. This achievement visibility helps in goal-tracking applications where users need to see their completed work history for motivation and progress assessment.

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in shadcn/ui Card components for task completion displays and Badge components for achievement tracking. Combine it with fade effects for subtle completed task indication, or pair with undo functionality for task management interfaces that allow completion reversal.

Check Line Icon

Frequently Asked Questions

Similar Icons