Complete parametric ribbon and constraint tools

This commit is contained in:
Hakan Seven committed 2026-09-14 01:05:39 +03:00
1 parent f3716bb516
commit 7b4cef41f7
49 files changed
+1438 -103

No files matched your search

+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M4 17L11 5l9 14" stroke="#B4B6B9" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<path d="M5 11h5M14 15h6" stroke="#6DB7ED" stroke-width="2" stroke-linecap="round"/>
<circle cx="5" cy="11" r="1.7" fill="#6DB7ED"/><circle cx="20" cy="15" r="1.7" fill="#6DB7ED"/>
</svg>

After

Width:  |  Height:  |  Size: 399 B

+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M5 8h11l-3-3m3 3l-3 3M19 16H8l3-3m-3 3l3 3" stroke="#6DB7ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<path d="M4 4v16M20 4v16" stroke="#B4B6B9" stroke-width="1.6" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 330 B

+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M7 7h10l-1 13H8L7 7zM5 7h14M9 7V4h6v3" stroke="#B4B6B9" stroke-width="1.8" stroke-linejoin="round" fill="none"/>
<path d="M9.5 10.5l5 5m0-5l-5 5" stroke="#6DB7ED" stroke-width="1.9" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 311 B

+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M4 5v14M20 5v14" stroke="#B4B6B9" stroke-width="1.7" stroke-linecap="round"/>
<path d="M5 12h14m-14 0l3-3m-3 3l3 3m11-3l-3-3m3 3l-3 3" stroke="#6DB7ED" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
<text x="10" y="8" font-size="5" fill="#6DB7ED" font-family="sans-serif">X</text>
</svg>

After

Width:  |  Height:  |  Size: 408 B

+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M5 4h14M5 20h14" stroke="#B4B6B9" stroke-width="1.7" stroke-linecap="round"/>
<path d="M12 5v14m0-14l-3 3m3-3l3 3m-3 11l-3-3m3 3l3-3" stroke="#6DB7ED" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
<text x="15" y="14" font-size="5" fill="#6DB7ED" font-family="sans-serif">Y</text>
</svg>

After

Width:  |  Height:  |  Size: 408 B

+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M2.5 12s3.5-5 9.5-5 9.5 5 9.5 5-3.5 5-9.5 5-9.5-5-9.5-5z" stroke="#B4B6B9" stroke-width="1.8" fill="none"/>
<path d="M4 4l16 16" stroke="#6DB7ED" stroke-width="2.2" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 294 B

+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M5 5h14M5 12h14M5 19h14" stroke="#B4B6B9" stroke-width="1.8" stroke-linecap="round"/>
<circle cx="9" cy="5" r="2.1" fill="#6DB7ED"/><circle cx="15" cy="12" r="2.1" fill="#6DB7ED"/><circle cx="11" cy="19" r="2.1" fill="#6DB7ED"/>
</svg>

After

Width:  |  Height:  |  Size: 333 B

+4
View File
@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M2.5 12s3.5-5 9.5-5 9.5 5 9.5 5-3.5 5-9.5 5-9.5-5-9.5-5z" stroke="#B4B6B9" stroke-width="1.8" fill="none"/>
<circle cx="12" cy="12" r="2.7" fill="#6DB7ED"/>
</svg>

After

Width:  |  Height:  |  Size: 261 B

+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M2.5 10s3.5-4.5 9.5-4.5 9.5 4.5 9.5 4.5-3.5 4.5-9.5 4.5S2.5 10 2.5 10z" stroke="#B4B6B9" stroke-width="1.8" fill="none"/>
<circle cx="12" cy="10" r="2.4" fill="#6DB7ED"/>
<path d="M7 18h10M12 15v6" stroke="#6DB7ED" stroke-width="1.8" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 365 B

+5
View File
@@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="64" height="64">
<path d="M3 18C8 18 7 6 13 6c4 0 4 6 8 6" stroke="#B4B6B9" stroke-width="2.1" stroke-linecap="round" fill="none"/>
<path d="M13 6c4 0 4 6 8 6" stroke="#6DB7ED" stroke-width="2.1" stroke-linecap="round" fill="none"/>
<circle cx="13" cy="6" r="1.6" fill="#6DB7ED"/>
</svg>

After

Width:  |  Height:  |  Size: 361 B

+5 -5
View File
@@ -1,7 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-label="Dim Aligned">
<line x1="5" y1="6" x2="5" y2="18" stroke="#B4B6B9" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<line x1="19" y1="6" x2="19" y2="18" stroke="#B4B6B9" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<line x1="7" y1="11" x2="17" y2="11" stroke="#6DB7ED" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<polyline points="9,9 7,11 9,13" stroke="#6DB7ED" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<polyline points="15,9 17,11 15,13" stroke="#6DB7ED" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<line x1="5" y1="17" x2="9" y2="21" stroke="#B4B6B9" stroke-width="1.625" stroke-linecap="round"/>
<line x1="15" y1="3" x2="19" y2="7" stroke="#B4B6B9" stroke-width="1.625" stroke-linecap="round"/>
<line x1="7" y1="18" x2="17" y2="6" stroke="#6DB7ED" stroke-width="1.625" stroke-linecap="round"/>
<polyline points="7.5,14.5 7,18 10.5,17.2" stroke="#6DB7ED" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
<polyline points="13.5,6.8 17,6 16.5,9.5" stroke="#6DB7ED" stroke-width="1.625" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
</svg>

Before

Width:  |  Height:  |  Size: 787 B

After

Width:  |  Height:  |  Size: 694 B