feat(icons): added margin-bottom, margin-horizontal, margin-left and 11 more icons (#3525)

* feat(icons): add padding-{horizontal,vertical,top,right,bottom,left}

* chore(icons): update padding icons SVGs

* Update icons/padding-bottom.json

Added bot tag suggestions

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update icons/padding-horizontal.json

Added bot tag suggestions

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update icons/padding-left.json

Added bot tag suggestions

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update icons/padding-right.json

Added bot tag suggestions

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update icons/padding-top.json

Added bot tag suggestions

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* Update icons/padding-vertical.json

Added bot tag suggestions

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

* chore(icons): update padding icons json files

* chore(icons) - fixed baseline for all icons

* updated to line-inside-box style

* renamed some icons for clarity

* feat(icons): add margin icon set

* fix(icons/margin): rework metadata on margin icons

Also renamed block and inline margin icons to vertical/horizontal

* fix(icons/margin): rework metadata on padding icons

Also renamed block and inline padding icons to vertical/horizontal

* fix(icons/margin): add style & gap tags to margin/padding icons

Also reformats margin icons missing EOF newline

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: Karsa <contact@karsa.org>
This commit is contained in:
Irvine Acosta
2026-10-30 10:43:36 +01:00
committed by GitHub
co-authored by github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Karsa
parent 1afb1d9ee2
commit a03f10393c
35 changed files with 500 additions and 7 deletions
+5 -1
View File
@@ -9,6 +9,10 @@
"bottom edge",
"lower edge",
"lower",
"below"
"below",
"vertical",
"block",
"y",
"y-axis"
]
}
+5 -1
View File
@@ -7,6 +7,10 @@
"left",
"left edge",
"leftmost",
"left side"
"left side",
"horizontal",
"inline",
"x",
"x-axis"
]
}
+5 -1
View File
@@ -7,6 +7,10 @@
"right",
"right edge",
"rightmost",
"right side"
"right side",
"horizontal",
"inline",
"x",
"x-axis"
]
}
+5 -1
View File
@@ -9,6 +9,10 @@
"top edge",
"upper edge",
"upper",
"above"
"above",
"vertical",
"block",
"y",
"y-axis"
]
}
-1
View File
@@ -12,7 +12,6 @@
"slot",
"squeeze",
"space",
"vertical",
"grid",
"table",
"columns",
-1
View File
@@ -12,7 +12,6 @@
"slot",
"squeeze",
"space",
"vertical",
"grid",
"table",
"columns",
-1
View File
@@ -8,7 +8,6 @@
"$group:position-top",
"window",
"webpage",
"block",
"section",
"grid",
"template",
+17
View File
@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:margin"
],
"use-cases": [
"Adjusting space below an element in layout editors",
"Setting the bottom page margin in document editors"
],
"tags": [
"$extends:margin",
"$group:position-bottom"
],
"categories": [
"$extends:margin"
]
}
+14
View File
@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="9" y="9" width="6" height="6" rx="1" />
<path d="M3 21h18" />
</svg>

After

Width:  |  Height:  |  Size: 283 B

+18
View File
@@ -0,0 +1,18 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:margin"
],
"use-cases": [
"Adjusting left and right outer spacing in layout editors",
"Setting left and right page margins in document editors"
],
"tags": [
"$extends:margin",
"$group:position-left",
"$group:position-right"
],
"categories": [
"$extends:margin"
]
}
+15
View File
@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="9" y="9" width="6" height="6" rx="1" />
<path d="M21 3v18" />
<path d="M3 3v18" />
</svg>

After

Width:  |  Height:  |  Size: 306 B

+18
View File
@@ -0,0 +1,18 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:margin"
],
"use-cases": [
"Adjusting space to the left of an element in layout editors",
"Setting the left page margin in document editors"
],
"tags": [
"$extends:margin",
"$group:position-left",
"indent"
],
"categories": [
"$extends:margin"
]
}
+14
View File
@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="9" y="9" width="6" height="6" rx="1" />
<path d="M3 3v18" />
</svg>

After

Width:  |  Height:  |  Size: 282 B

+17
View File
@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:margin"
],
"use-cases": [
"Adjusting space to the right of an element in layout editors",
"Setting the right page margin in document editors"
],
"tags": [
"$extends:margin",
"$group:position-right"
],
"categories": [
"$extends:margin"
]
}
+14
View File
@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="9" y="9" width="6" height="6" rx="1" />
<path d="M21 3v18" />
</svg>

After

Width:  |  Height:  |  Size: 283 B

+17
View File
@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:margin"
],
"use-cases": [
"Adjusting space above an element in layout editors",
"Setting the top page margin in document editors"
],
"tags": [
"$extends:margin",
"$group:position-top"
],
"categories": [
"$extends:margin"
]
}
+14
View File
@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="9" y="9" width="6" height="6" rx="1" />
<path d="M3 3h18" />
</svg>

After

Width:  |  Height:  |  Size: 282 B

+18
View File
@@ -0,0 +1,18 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:margin"
],
"use-cases": [
"Adjusting outer spacing above and below elements in layout editors",
"Setting top and bottom page margins in document editors"
],
"tags": [
"$extends:margin",
"$group:position-top",
"$group:position-bottom"
],
"categories": [
"$extends:margin"
]
}
+15
View File
@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="9" y="9" width="6" height="6" rx="1" />
<path d="M3 21h18" />
<path d="M3 3h18" />
</svg>

After

Width:  |  Height:  |  Size: 306 B

+32
View File
@@ -0,0 +1,32 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"irvineacosta"
],
"use-cases": [
"Adjusting outer spacing on all sides in layout editors",
"Setting page margins on all sides in document editors"
],
"tags": [
"margin",
"design",
"style",
"padding",
"spacing",
"gap",
"outer spacing",
"box model",
"whitespace",
"space",
"offset",
"alignment",
"position",
"layout",
"css",
"ui"
],
"categories": [
"layout",
"design"
]
}
+17
View File
@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="9" y="9" width="6" height="6" rx="1" />
<path d="M21 6v12" />
<path d="M3 6v12" />
<path d="M6 21h12" />
<path d="M6 3h12" />
</svg>

After

Width:  |  Height:  |  Size: 353 B

+17
View File
@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:square-padding"
],
"use-cases": [
"Adjusting inner spacing below content in layout editors",
"Setting bottom cell padding in table editors"
],
"tags": [
"$extends:square-padding",
"$group:position-bottom"
],
"categories": [
"$extends:square-padding"
]
}
+14
View File
@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="3" y="3" width="18" height="18" rx="2" />
<path d="M8 17h8" />
</svg>

After

Width:  |  Height:  |  Size: 284 B

+18
View File
@@ -0,0 +1,18 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:square-padding"
],
"use-cases": [
"Adjusting left and right inner spacing in layout editors",
"Setting left and right cell padding in table editors"
],
"tags": [
"$extends:square-padding",
"$group:position-left",
"$group:position-right"
],
"categories": [
"$extends:square-padding"
]
}
+15
View File
@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="3" y="3" width="18" height="18" rx="2" />
<path d="M17 16V8" />
<path d="M7 16V8" />
</svg>

After

Width:  |  Height:  |  Size: 308 B

+18
View File
@@ -0,0 +1,18 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:square-padding"
],
"use-cases": [
"Adjusting inner spacing left of content in layout editors",
"Setting left cell padding in table editors"
],
"tags": [
"$extends:square-padding",
"$group:position-left",
"indent"
],
"categories": [
"$extends:square-padding"
]
}
+14
View File
@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="3" y="3" width="18" height="18" rx="2" />
<path d="M7 16V8" />
</svg>

After

Width:  |  Height:  |  Size: 284 B

+17
View File
@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:square-padding"
],
"use-cases": [
"Adjusting inner spacing right of content in layout editors",
"Setting right cell padding in table editors"
],
"tags": [
"$extends:square-padding",
"$group:position-right"
],
"categories": [
"$extends:square-padding"
]
}
+14
View File
@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="3" y="3" width="18" height="18" rx="2" />
<path d="M17 16V8" />
</svg>

After

Width:  |  Height:  |  Size: 285 B

+17
View File
@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:square-padding"
],
"use-cases": [
"Adjusting inner spacing above content in layout editors",
"Setting top cell padding in table editors"
],
"tags": [
"$extends:square-padding",
"$group:position-top"
],
"categories": [
"$extends:square-padding"
]
}
+14
View File
@@ -0,0 +1,14 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="3" y="3" width="18" height="18" rx="2" />
<path d="M8 7h8" />
</svg>

After

Width:  |  Height:  |  Size: 283 B

+18
View File
@@ -0,0 +1,18 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"$extends:square-padding"
],
"use-cases": [
"Adjusting inner spacing above and below content in layout editors",
"Setting top and bottom cell padding in table editors"
],
"tags": [
"$extends:square-padding",
"$group:position-top",
"$group:position-bottom"
],
"categories": [
"$extends:square-padding"
]
}
+15
View File
@@ -0,0 +1,15 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="3" y="3" width="18" height="18" rx="2" />
<path d="M8 17h8" />
<path d="M8 7h8" />
</svg>

After

Width:  |  Height:  |  Size: 306 B

+32
View File
@@ -0,0 +1,32 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"irvineacosta"
],
"use-cases": [
"Adjusting inner spacing on all sides in layout editors",
"Setting cell padding on all sides in table editors"
],
"tags": [
"padding",
"design",
"style",
"margin",
"spacing",
"gap",
"inner spacing",
"box model",
"whitespace",
"space",
"offset",
"alignment",
"position",
"layout",
"css",
"ui"
],
"categories": [
"layout",
"design"
]
}
+17
View File
@@ -0,0 +1,17 @@
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<rect x="3" y="3" width="18" height="18" rx="2" />
<path d="M14 17h-4" />
<path d="M14 7h-4" />
<path d="M17 14v-4" />
<path d="M7 14v-4" />
</svg>

After

Width:  |  Height:  |  Size: 359 B