Sorting out our sort icons (#1028)

* Refactors sort icons to cover all use cases

* increases arrow head size

* Apply suggestions from code review

---------

Co-authored-by: Karsa <karsa@karsa.org>
This commit is contained in:
Karsa
2023-04-23 11:44:33 +02:00
committed by GitHub
co-authored by Karsa
parent 70827d4571
commit 22193420c7
31 changed files with 423 additions and 25 deletions
+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending",
"numerical"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<rect x="15" y="4" width="4" height="6" ry="2" />
<path d="M17 20v-6h-2" />
<path d="M15 20h4" />
</svg>

After

Width:  |  Height:  |  Size: 364 B

+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending",
"numerical"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="M17 10V4h-2" />
<path d="M15 10h4" />
<rect x="15" y="14" width="4" height="6" ry="2" />
</svg>

After

Width:  |  Height:  |  Size: 364 B

+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending",
"alphabetical"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="M20 8h-5" />
<path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10" />
<path d="M15 14h5l-5 6h5" />
</svg>

After

Width:  |  Height:  |  Size: 362 B

@@ -1,10 +1,14 @@
{
"$schema": "../icon.schema.json",
"tags": [
"filter"
"arrow",
"filter",
"sort",
"ascending"
],
"categories": [
"text",
"layout"
"layout",
"arrows"
]
}
}
@@ -9,9 +9,9 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M11 5h10" />
<path d="M11 9h7" />
<path d="M11 13h4" />
<path d="m3 17 3 3 3-3" />
<path d="M6 18V4" />
<path d="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="M11 4h4" />
<path d="M11 8h7" />
<path d="M11 12h10" />
</svg>

Before

Width:  |  Height:  |  Size: 331 B

After

Width:  |  Height:  |  Size: 331 B

+18
View File
@@ -0,0 +1,18 @@
{
"$schema": "../icon.schema.json",
"tags": [
"bidirectional",
"direction",
"swap",
"switch",
"network",
"mobile data",
"internet",
"sort",
"reorder",
"move"
],
"categories": [
"arrows"
]
}
@@ -9,9 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M11 11h4" />
<path d="M11 15h7" />
<path d="M11 19h10" />
<path d="M9 7 6 4 3 7" />
<path d="M6 6v14" />
<path d="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="m21 8-4-4-4 4" />
<path d="M17 4v16" />
</svg>

Before

Width:  |  Height:  |  Size: 332 B

After

Width:  |  Height:  |  Size: 313 B

+17
View File
@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending"
],
"aliases": [
"sort-desc"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 16 4 4 4-4" />
<path d="M7 20V4" />
<path d="M11 4h10" />
<path d="M11 8h7" />
<path d="M11 12h4" />
</svg>

After

Width:  |  Height:  |  Size: 331 B

+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending",
"alphabetical"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 16 4 4 4-4" />
<path d="M7 4v16" />
<path d="M15 4h5l-5 6h5" />
<path d="M15 20v-3.5a2.5 2.5 0 0 1 5 0V20" />
<path d="M20 18h-5" />
</svg>

After

Width:  |  Height:  |  Size: 363 B

+4 -4
View File
@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="17 11 21 7 17 3" />
<line x1="21" x2="9" y1="7" y2="7" />
<polyline points="7 21 3 17 7 13" />
<line x1="15" x2="3" y1="17" y2="17" />
<path d="M8 3 4 7l4 4" />
<path d="M4 7h16" />
<path d="m16 21 4-4-4-4" />
<path d="M20 17H4" />
</svg>

Before

Width:  |  Height:  |  Size: 369 B

After

Width:  |  Height:  |  Size: 313 B

+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"bidirectional",
"direction",
"swap",
"switch",
"transaction",
"reorder",
"move"
],
"categories": [
"arrows"
]
}
+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="m16 3 4 4-4 4" />
<path d="M20 7H4" />
<path d="m8 21-4-4 4-4" />
<path d="M4 17h16" />
</svg>

After

Width:  |  Height:  |  Size: 313 B

+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending",
"numerical"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<rect x="15" y="4" width="4" height="6" ry="2" />
<path d="M17 20v-6h-2" />
<path d="M15 20h4" />
</svg>

After

Width:  |  Height:  |  Size: 363 B

+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending",
"numerical"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M17 10V4h-2" />
<path d="M15 10h4" />
<rect x="15" y="14" width="4" height="6" ry="2" />
</svg>

After

Width:  |  Height:  |  Size: 363 B

+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending",
"alphabetical"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M20 8h-5" />
<path d="M15 10V6.5a2.5 2.5 0 0 1 5 0V10" />
<path d="M15 14h5l-5 6h5" />
</svg>

After

Width:  |  Height:  |  Size: 361 B

+2 -1
View File
@@ -8,10 +8,11 @@
"network",
"mobile data",
"internet",
"sort",
"reorder",
"move"
],
"categories": [
"arrows"
]
}
}
+4 -4
View File
@@ -9,8 +9,8 @@
stroke-linecap="round"
stroke-linejoin="round"
>
<polyline points="11 17 7 21 3 17" />
<line x1="7" x2="7" y1="21" y2="9" />
<polyline points="21 7 17 3 13 7" />
<line x1="17" x2="17" y1="15" y2="3" />
<path d="m21 16-4 4-4-4" />
<path d="M17 20V4" />
<path d="m3 8 4-4 4 4" />
<path d="M7 4v16" />
</svg>

Before

Width:  |  Height:  |  Size: 369 B

After

Width:  |  Height:  |  Size: 313 B

+17
View File
@@ -0,0 +1,17 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"ascending"
],
"aliases": [
"sort-asc"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M11 12h4" />
<path d="M11 16h7" />
<path d="M11 20h10" />
</svg>

After

Width:  |  Height:  |  Size: 332 B

@@ -1,10 +1,14 @@
{
"$schema": "../icon.schema.json",
"tags": [
"filter"
"arrow",
"filter",
"sort",
"descending"
],
"categories": [
"text",
"layout"
"layout",
"arrows"
]
}
}
+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="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M11 12h10" />
<path d="M11 16h7" />
<path d="M11 20h4" />
</svg>

After

Width:  |  Height:  |  Size: 332 B

+15
View File
@@ -0,0 +1,15 @@
{
"$schema": "../icon.schema.json",
"tags": [
"arrow",
"filter",
"sort",
"descending",
"alphabetical"
],
"categories": [
"text",
"layout",
"arrows"
]
}
+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="m3 8 4-4 4 4" />
<path d="M7 4v16" />
<path d="M15 4h5l-5 6h5" />
<path d="M15 20v-3.5a2.5 2.5 0 0 1 5 0V20" />
<path d="M20 18h-5" />
</svg>

After

Width:  |  Height:  |  Size: 362 B