feat(icons): added stroke-line-cap-butt, stroke-line-cap-round, stroke-line-cap-square and 3 more icons (#4171)

* Added icons/corner-join-*

* feat(icons): added stroke-line-* icons & line tag group

---------

Co-authored-by: Eric Fennis <eric.fennis@gmail.com>
Co-authored-by: Karsa <contact@karsa.org>
This commit is contained in:
Rodrigo Rodrigues
2026-11-09 12:14:34 +01:00
committed by GitHub
co-authored by Eric Fennis Karsa
parent b3058bb8cf
commit adc62f5963
18 changed files with 244 additions and 10 deletions
+14
View File
@@ -0,0 +1,14 @@
{
"$schema": "../group.schema.json",
"description": "Geometry: drawn strokes, paths and line segments",
"tags": [
"stroke",
"path",
"segment",
"vector",
"graphics",
"design",
"shape",
"curve"
]
}
+1
View File
@@ -205,6 +205,7 @@
"$group:heart",
"$group:key",
"$group:letter",
"$group:line",
"$group:lock",
"$group:minus",
"$group:navigation-first",
+1 -3
View File
@@ -6,12 +6,10 @@
],
"use-cases": [],
"tags": [
"line",
"$group:line",
"snakes",
"annotate",
"curve",
"doodle",
"stroke",
"pen",
"tool",
"gesture",
+1 -2
View File
@@ -5,8 +5,7 @@
],
"use-cases": [],
"tags": [
"line",
"stroke",
"$group:line",
"style",
"dashed",
"border"
+1 -2
View File
@@ -13,8 +13,7 @@
"node",
"click",
"pointer",
"target",
"vector"
"target"
],
"categories": [
"$extends:spline",
+1 -3
View File
@@ -6,11 +6,9 @@
],
"use-cases": [],
"tags": [
"path",
"$group:line",
"pen",
"tool",
"shape",
"curve",
"draw"
],
"categories": [
+19
View File
@@ -0,0 +1,19 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere"
],
"use-cases": [
"Set the line cap to butt in a vector graphics editor"
],
"tags": [
"$group:line",
"endpoint",
"flat",
"flush"
],
"categories": [
"design",
"shapes"
]
}
+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"
>
<path d="M14 12h2" />
<path d="M2 12h2" />
<path d="M2 4h18a2 2 0 012 2v12a2 2 0 01-2 2H2" />
<path d="M20 12h2" />
<path d="M8 12h2" />
</svg>

After

Width:  |  Height:  |  Size: 355 B

+20
View File
@@ -0,0 +1,20 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere"
],
"use-cases": [
"Set the line cap to round in a vector graphics editor"
],
"tags": [
"$group:line",
"endpoint",
"arc",
"circular",
"smooth"
],
"categories": [
"design",
"shapes"
]
}
+16
View File
@@ -0,0 +1,16 @@
<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"
>
<path d="M13.99 12H14" />
<path d="M2 12h2" />
<path d="M2 4h12a8 8 0 010 16H2" />
<path d="M8 12h2" />
</svg>

After

Width:  |  Height:  |  Size: 320 B

+20
View File
@@ -0,0 +1,20 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"karsa-mistmere"
],
"use-cases": [
"Set the line cap to square in a vector graphics editor"
],
"tags": [
"$group:line",
"endpoint",
"projecting",
"extended",
"flat"
],
"categories": [
"design",
"shapes"
]
}
+16
View File
@@ -0,0 +1,16 @@
<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"
>
<path d="M13.99 12H14" />
<path d="M2 12h2" />
<path d="M2 4h18a2 2 0 012 2v12a2 2 0 01-2 2H2" />
<path d="M8 12h2" />
</svg>

After

Width:  |  Height:  |  Size: 335 B

+24
View File
@@ -0,0 +1,24 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"rrod497",
"karsa-mistmere"
],
"use-cases": [
"Applying beveled corners to strokes in vector editors"
],
"tags": [
"$group:line",
"edge",
"intersection",
"angle",
"chamfer",
"trim",
"flat",
"diagonal"
],
"categories": [
"design",
"shapes"
]
}
+16
View File
@@ -0,0 +1,16 @@
<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"
>
<path d="M11 21v-2.002" />
<path d="M3 3h8.002a2.4 2.4 0 011.704.706l7.588 7.588A2.4 2.4 0 0121 12.998V21" />
<path d="M5 13H3" />
<path d="M9 13h1a1 1 0 011 1v1" />
</svg>

After

Width:  |  Height:  |  Size: 382 B

+22
View File
@@ -0,0 +1,22 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"rrod497",
"karsa-mistmere"
],
"use-cases": [
"Applying sharp corners to strokes in vector editors"
],
"tags": [
"$group:line",
"edge",
"intersection",
"angle",
"sharp",
"rect"
],
"categories": [
"design",
"shapes"
]
}
+16
View File
@@ -0,0 +1,16 @@
<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"
>
<path d="M11 21v-2.002" />
<path d="M3 3h16a2 2 0 012 2v16" />
<path d="M5 13H3" />
<path d="M9 13h1a1 1 0 011 1v1" />
</svg>

After

Width:  |  Height:  |  Size: 335 B

+23
View File
@@ -0,0 +1,23 @@
{
"$schema": "../icon.schema.json",
"contributors": [
"rrod497",
"karsa-mistmere"
],
"use-cases": [
"Applying rounded corners to strokes in vector editors"
],
"tags": [
"$group:line",
"edge",
"intersection",
"angle",
"arc",
"circular",
"smooth"
],
"categories": [
"design",
"shapes"
]
}
+16
View File
@@ -0,0 +1,16 @@
<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"
>
<path d="M11 21v-2.002" />
<path d="M3 3h8a10 10 0 0110 10v8" />
<path d="M5 13H3" />
<path d="M9 13h1a1 1 0 011 1v1" />
</svg>

After

Width:  |  Height:  |  Size: 337 B