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
848 B
JSON
35 lines
848 B
JSON
{
|
|
"$schema": "../icon.schema.json",
|
|
"contributors": [
|
|
"samuelalake"
|
|
],
|
|
"use-cases": [
|
|
"Setting auto layout direction to vertical in design tools",
|
|
"Selecting flex-direction: column in devtools panels",
|
|
"Stacking content blocks top to bottom",
|
|
"Toggle between horizontal and vertical layouts in design tools",
|
|
"Switch to column view in file managers or galleries",
|
|
"Set flex-direction to column in css or style panels",
|
|
"Indicate vertical stacking mode in ui editors or prototyping tools",
|
|
"Choose vertical orientation for responsive layout controls"
|
|
],
|
|
"tags": [
|
|
"layout",
|
|
"direction",
|
|
"flex",
|
|
"flexbox",
|
|
"flex-direction",
|
|
"column",
|
|
"auto layout",
|
|
"vertical",
|
|
"arrange",
|
|
"order",
|
|
"flow",
|
|
"stack"
|
|
],
|
|
"categories": [
|
|
"design",
|
|
"layout"
|
|
]
|
|
}
|