The Tabler viewport short icon depicts a narrow or condensed display area, often used to represent a reduced or compact view within a user interface.
Common uses
- Toggling a sidebar to a collapsed state.
- Indicating a mobile or small screen layout.
- Representing a 'compact mode' setting for lists or content.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconViewportShort } from '@tabler/icons-react';
<IconViewportShort size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- System
- Keywords
- compactnarrowshrinkcondensedbriefconciseminireducedtrimtightsystemviewportshortcompact viewnarrow screencondensed layout
FAQ
- What is the purpose of the viewport short icon?
- It visually represents a constrained or condensed display area, useful for indicating reduced screen real estate or a compact UI mode.
- How do I use this icon in React?
- You can import it directly from the '@tabler/icons-react' library using: import { IconViewportShort } from '@tabler/icons-react'
- What is the license for this icon?
- The Tabler icon library, including the viewport short icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →