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 applications like Figma's measurement tools or AutoCAD's dimension features, you'll see this icon when users need to measure distances across objects. It appears in photo editing software for sizing adjustments, in mapping applications for scale references, and in architectural software where precise measurements are critical for blueprints and technical drawings.

Question 5

What does this icon communicate to users?

Accepted Answer

From a spatial reasoning perspective, the dual-endpoint design communicates more than just "measurement" - it specifically indicates maximum span across a circular or curved object. This distinction helps in technical interfaces where users need to differentiate between radius measurements (center to edge) and diameter measurements (edge to edge through center).

Question 6

How do I implement this icon?

Accepted Answer

This icon works naturally in measurement toolbars where it activates dimensional analysis features. Pair it with shadcn/ui's Tooltip components for displaying real-time measurement values or Dialog components for detailed dimension settings. Consider using text-blue-500 alongside the icon for active measurement mode, and transition to text-green-500 when measurements are successfully captured.

Diameter Icon

Install with shadcn CLI

Frequently Asked Questions

Similar Icons