mirror of
https://github.com/lucide-icons/lucide.git
synced 2026-11-11 13:28:19 +00:00
5d0f64034b
* feat(icons): add layout-horizontal and layout-vertical Adds two icons for layout direction: two blocks above a left-to-right rail, and two blocks beside a top-to-bottom rail. These match the frame layout direction modes found in design tools and CSS flex-direction (row / column). This fills a gap identified when the flexbox icon request (#399) was closed: "Only missing icons are: flex-direction and flex-wrap icons, plus baseline." The align-* and stretch-* family covers alignment, justification and distribution, but nothing currently depicts direction itself. Design notes: - Reuses the 7x7 rx=1 block already shared by layout-grid, layout-list and layout-panel-*, rather than introducing a new base shape. - The two icons are exact mirrors, with rails on the integer grid (y=18 / x=18) so the 2px stroke stays sharp at low DPI. - The 3x3 chevron is the one used by decimals-arrow-right, which shares the same composition: elements above, directional rail below. * Rename icons * Apply batched suggestions from code review Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * Update usecases --------- Co-authored-by: Eric Fennis <eric.fennis@gmail.com> Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
35 lines
789 B
JSON
35 lines
789 B
JSON
{
|
|
"$schema": "../icon.schema.json",
|
|
"contributors": [
|
|
"samuelalake"
|
|
],
|
|
"use-cases": [
|
|
"Setting auto layout direction to horizontal in design tools",
|
|
"Selecting flex-direction: row in devtools panels",
|
|
"Switching sections from stacked to side-by-side",
|
|
"Switching the canvas to a horizontal layout",
|
|
"Choosing side-by-side or two-column display",
|
|
"Representing css flex-direction: row in developer tools",
|
|
"Toggling panel orientation in a ui",
|
|
"Selecting left-to-right flow in design editors"
|
|
],
|
|
"tags": [
|
|
"layout",
|
|
"direction",
|
|
"flex",
|
|
"flexbox",
|
|
"flex-direction",
|
|
"row",
|
|
"auto layout",
|
|
"horizontal",
|
|
"arrange",
|
|
"order",
|
|
"flow",
|
|
"stack"
|
|
],
|
|
"categories": [
|
|
"design",
|
|
"layout"
|
|
]
|
|
}
|