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 text sizing panels or Google Docs' formatting toolbars, you'll see this icon when users need to adjust font sizes or compare text scales. It appears in typography control panels during font size selection, or in design systems where developers need to establish visual hierarchy through systematic text scaling.

Question 5

What does this icon communicate to users?

Accepted Answer

From a typography perspective, the size contrast communicates more than just 'change font size' - it specifically indicates the relationship between different text scales and their visual impact. This comparative visualization helps in design workflows where users need to understand how text hierarchy affects readability and visual balance across their layouts.

Question 6

How do I implement this icon?

Accepted Answer

This icon works effectively in typography toolbar implementations where it triggers font size adjustment controls. Combine it with shadcn/ui's Slider components for continuous size adjustment or Select components for predefined size options. The dual-scale design requires careful consideration in compact toolbars to ensure both letter forms remain distinguishable at smaller icon sizes.

A Large Small Icon

Frequently Asked Questions

Similar Icons