The Tabler arrows diagonal minimize icon depicts two opposing arrows moving towards the center from opposite corners, commonly used to indicate minimizing or collapsing a view or window.
Common uses
- Collapse/minimize a sidebar or panel
- Shrink a modal or dialog box
- Reduce the size of a media player or content area
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconArrowsDiagonalMinimize } from '@tabler/icons-react';
<IconArrowsDiagonalMinimize size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Arrows
- Keywords
- directionsouthnortharrowsdiagonalminimizenavigationflowmovementroutecollapseshrinkcontractzoom out
FAQ
- What does the arrows diagonal minimize icon represent?
- It visually represents the action of minimizing or shrinking something, often a window, panel, or section of content.
- How do I use this icon in React?
- You can import and use it like this: import { IconArrowsDiagonalMinimize } from '@tabler/icons-react'; <IconArrowsDiagonalMinimize />
- What is the license for this icon?
- This icon is provided under the MIT license, which allows for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in Tabler.