Layout Masonry icon
Arrange cards of different heights in staggered columns.
24px × 4
1.75
Use it in your project
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
<rect width="7.13" height="9.25" x="3" y="3" rx="2"/>
<rect width="7.13" height="5" x="3" y="16" rx="1.5"/>
<rect width="7.13" height="5" x="13.88" y="3" rx="1.5"/>
<rect width="7.13" height="9.25" x="13.88" y="11.75" rx="2"/>
</svg>Icon details
- Name
- layout-masonry
- Component
- LayoutMasonryIcon
- Category
- Interface Essentials
- Variants
- Outline, Filled
- Added in
- v0.2.0
- Files
- @ikions/icons/outline/layout-masonry.svg
@ikions/icons/filled/layout-masonry.svg
Related icons
- layout-dashboardLayout Dashboard icon
- layout-gridLayout Grid icon
- carouselCarousel icon
- gridGrid icon
- layout-columnsLayout Columns icon
- layout-listLayout List icon
- layout-rowsLayout Rows icon
- layout-splitLayout Split icon
- auto-layoutAuto Layout icon
- wallet-cardsWallet Cards icon
- align-bottomAlign Bottom icon
- align-endAlign End icon