onyx-dot-app/onyx-ui
1
0
Fork 0
mirror of https://github.com/onyx-dot-app/onyx-ui.git synced 2026-07-01 14:46:04 -04:00
Code Issues Packages Projects Releases Wiki Activity

Include icons

Browse Source
This commit is contained in:
Raunak Bhagat
2025-09-15 19:30:01 -07:00
parent f3c2314ee8
commit 73fc7d499b
45 changed files with 393 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/icons/actions.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.06 6.24449L5.12 4.12225L3.06 2.00001M11.5501 14L14 11.5501M14 11.5501L11.5501 9.10017M14 11.5501H9.75552M4.12224 9.09889L6.24448 10.3242V12.7747L4.12224 14L2 12.7747V10.3242L4.12224 9.09889ZM14 4.12225C14 5.29433 13.0498 6.24449 11.8778 6.24449C10.7057 6.24449 9.75552 5.29433 9.75552 4.12225C9.75552 2.95017 10.7057 2.00001 11.8778 2.00001C13.0498 2.00001 14 2.95017 14 4.12225Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 600 B

assets/icons/activity.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6667 8H12L9.99999 14L5.99999 2L3.99999 8H1.33333" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 270 B

assets/icons/arrow-up-right.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.66667 11.3333L11 5M4.66667 4.66663H11.3333V11.3333" stroke="black" stroke-width="1.5" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 227 B

assets/icons/bar-chart.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 13.3333V6.66666M8 13.3333V2.66666M4 13.3333V9.33332" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 273 B

assets/icons/bubble-text.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.4939 6.5H5.5M8.00607 9.5H5.50607M1.5 13.5H10.5C12.7091 13.5 14.5 11.7091 14.5 9.5V6.5C14.5 4.29086 12.7091 2.5 10.5 2.5H5.5C3.29086 2.5 1.5 4.29086 1.5 6.5V13.5Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 383 B

assets/icons/check-circle.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_16_2879)">
<path d="M14.6667 7.38668V8.00001C14.6658 9.43763 14.2003 10.8365 13.3396 11.9879C12.4788 13.1393 11.2689 13.9817 9.89023 14.3893C8.51162 14.7969 7.03817 14.7479 5.68964 14.2497C4.34112 13.7515 3.18976 12.8307 2.4073 11.6247C1.62484 10.4187 1.25319 8.99205 1.34778 7.55755C1.44237 6.12305 1.99813 4.75756 2.93218 3.66473C3.86623 2.57189 5.12852 1.81027 6.53079 1.49344C7.93306 1.17662 9.40017 1.32157 10.7133 1.90668M14.6667 2.66668L8 9.34001L6 7.34001" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_16_2879">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 803 B

assets/icons/clock.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_16_2605)">
<path d="M7.99999 3.99999V7.99999L10.6667 9.33333M14.6667 7.99999C14.6667 11.6819 11.6819 14.6667 7.99999 14.6667C4.3181 14.6667 1.33333 11.6819 1.33333 7.99999C1.33333 4.3181 4.3181 1.33333 7.99999 1.33333C11.6819 1.33333 14.6667 4.3181 14.6667 7.99999Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_16_2605">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 605 B

assets/icons/cloud.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_170_23)">
<path d="M12 6.66669H11.16C10.9106 5.70069 10.3952 4.82401 9.67243 4.13628C8.94966 3.44856 8.04848 2.97735 7.07128 2.7762C6.09409 2.57506 5.08007 2.65205 4.14444 2.99842C3.20881 3.34478 2.3891 3.94664 1.77844 4.73561C1.16778 5.52457 0.790662 6.469 0.689941 7.46159C0.589219 8.45417 0.76893 9.45511 1.20865 10.3507C1.64838 11.2462 2.33048 12.0005 3.17746 12.5277C4.02443 13.055 5.00232 13.3341 6 13.3334H12C12.8841 13.3334 13.7319 12.9822 14.357 12.357C14.9821 11.7319 15.3333 10.8841 15.3333 10C15.3333 9.11597 14.9821 8.26812 14.357 7.643C13.7319 7.01788 12.8841 6.66669 12 6.66669Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_170_23">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 932 B

assets/icons/code.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.6667 12L14.6667 8L10.6667 4M5.33334 4L1.33334 8L5.33334 12" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 280 B

assets/icons/cpu.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_16_2615)">
<path d="M6.09091 1V2.90909M9.90909 1V2.90909M6.09091 13.0909V15M9.90909 13.0909V15M13.0909 6.09091H15M13.0909 9.27273H15M1 6.09091H2.90909M1 9.27273H2.90909M4.18182 2.90909H11.8182C12.5211 2.90909 13.0909 3.47891 13.0909 4.18182V11.8182C13.0909 12.5211 12.5211 13.0909 11.8182 13.0909H4.18182C3.47891 13.0909 2.90909 12.5211 2.90909 11.8182V4.18182C2.90909 3.47891 3.47891 2.90909 4.18182 2.90909ZM6 6H10V10H6V6Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_16_2615">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 764 B

assets/icons/dev-kit.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 5H14M2 5V14H14V5M2 5C2 4.67722 2.11475 4.36495 2.32376 4.11897L4.12423 2H11.8795L13.6766 4.11869C13.8854 4.36487 14 4.67719 14 5M9.66666 11.1733L11.3333 9.50667L9.66666 7.84M6.33333 7.84L4.66666 9.50667L6.33333 11.1733" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 439 B

assets/icons/edit-big.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 2.5H4C3.17157 2.5 2.5 3.17157 2.5 4V12C2.5 12.8284 3.17157 13.5 4 13.5H12C12.8284 13.5 13.5 12.8284 13.5 12V8M6 10V8.26485C6 8.08682 6.0707 7.91617 6.19654 7.79028L11.5938 2.3931C12.1179 1.86897 12.9677 1.86897 13.4918 2.3931L13.6069 2.50823C14.131 3.03236 14.131 3.88213 13.6069 4.40626L8.20971 9.80345C8.08389 9.92934 7.91317 10 7.73521 10H6Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 542 B

assets/icons/file-text.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.66634 1.6665H2.99967C2.55765 1.6665 2.13372 1.8421 1.82116 2.15466C1.5086 2.46722 1.33301 2.89114 1.33301 3.33317V16.6665C1.33301 17.1085 1.5086 17.5325 1.82116 17.845C2.13372 18.1576 2.55765 18.3332 2.99967 18.3332H12.9997C13.4417 18.3332 13.8656 18.1576 14.1782 17.845C14.4907 17.5325 14.6663 17.1085 14.6663 16.6665V6.6665M9.66634 1.6665L14.6663 6.6665M9.66634 1.6665L9.66634 6.6665L14.6663 6.6665M11.333 10.8332H4.66634M11.333 14.1665H4.66634M6.33301 7.49984H4.66634" stroke="black" stroke-opacity="0.4" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 691 B

assets/icons/folder-plus.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.99999 7.33333V11.3333M5.99999 9.33333H10M14.6667 12.6667C14.6667 13.0203 14.5262 13.3594 14.2761 13.6095C14.0261 13.8595 13.6869 14 13.3333 14H2.66666C2.31304 14 1.9739 13.8595 1.72385 13.6095C1.4738 13.3594 1.33333 13.0203 1.33333 12.6667V3.33333C1.33333 2.97971 1.4738 2.64057 1.72385 2.39052C1.9739 2.14048 2.31304 2 2.66666 2H5.99999L7.33333 4H13.3333C13.6869 4 14.0261 4.14048 14.2761 4.39052C14.5262 4.64057 14.6667 4.97971 14.6667 5.33333V12.6667Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 675 B

assets/icons/folder.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.5 12V6C14.5 5.17157 13.8284 4.5 13 4.5H9.12132C8.7235 4.5 8.34196 4.34196 8.06066 4.06066L6.93934 2.93934C6.65804 2.65804 6.2765 2.5 5.87868 2.5H3C2.17157 2.5 1.5 3.17157 1.5 4V12C1.5 12.8284 2.17157 13.5 3 13.5H13C13.8284 13.5 14.5 12.8284 14.5 12Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 471 B

assets/icons/globe.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_16_2601)">
<path d="M14.6667 7.99999C14.6667 11.6819 11.6819 14.6667 8.00001 14.6667M14.6667 7.99999C14.6667 4.3181 11.6819 1.33333 8.00001 1.33333M14.6667 7.99999H1.33334M8.00001 14.6667C4.31811 14.6667 1.33334 11.6819 1.33334 7.99999M8.00001 14.6667C9.66753 12.8411 10.6152 10.472 10.6667 7.99999C10.6152 5.52802 9.66753 3.1589 8.00001 1.33333M8.00001 14.6667C6.33249 12.8411 5.38484 10.472 5.33334 7.99999C5.38484 5.52802 6.33249 3.1589 8.00001 1.33333M1.33334 7.99999C1.33334 4.3181 4.31811 1.33333 8.00001 1.33333" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_16_2601">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 858 B

assets/icons/hard-drive.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6667 8.00002H1.33334M14.6667 8.00002V12C14.6667 12.3536 14.5262 12.6928 14.2762 12.9428C14.0261 13.1929 13.687 13.3334 13.3333 13.3334H2.66668C2.31305 13.3334 1.97392 13.1929 1.72387 12.9428C1.47382 12.6928 1.33334 12.3536 1.33334 12V8.00002M14.6667 8.00002L12.3667 3.40669C12.2563 3.18455 12.0861 2.9976 11.8753 2.86687C11.6645 2.73615 11.4214 2.66682 11.1733 2.66669H4.82668C4.57862 2.66682 4.33552 2.73615 4.12471 2.86687C3.91389 2.9976 3.74373 3.18455 3.63334 3.40669L1.33334 8.00002M4.00001 10.6667H4.00668M6.66668 10.6667H6.67334" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 757 B

assets/icons/headset-mic.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.5 7.75002L2.5 7.25C2.5 4.21243 4.96243 1.75 8 1.75C11.0376 1.75 13.5 4.21243 13.5 7.25V7.75M2.5 7.75002L4 7.75C4.55228 7.75 5 8.19772 5 8.75V10.25C5 10.8023 4.55228 11.25 4 11.25H3.5C2.94772 11.25 2.5 10.8023 2.5 10.25V7.75002ZM13.5 7.75H12C11.4477 7.75 11 8.19772 11 8.75V10.25C11 10.8023 11.4477 11.25 12 11.25H12.5C13.0523 11.25 13.5 10.8023 13.5 10.25M13.5 7.75V10.25M13.5 10.25V11.25C13.5 12.9069 12.1569 14.25 10.5 14.25L8 14.25" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 655 B

assets/icons/hourglass.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 7.99999L4.44793 5.72667C4.06499 5.48159 3.83333 5.05828 3.83333 4.60364V1.83333H12.1667V4.60364C12.1667 5.05828 11.935 5.48159 11.5521 5.72667L8 7.99999ZM8 7.99999L11.5521 10.2733C11.935 10.5184 12.1667 10.9417 12.1667 11.3963V14.1667H3.83333V11.3963C3.83333 10.9417 4.06499 10.5184 4.44793 10.2733L8 7.99999ZM13.5 14.1667H2.5M13.5 1.83333H2.5" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 564 B

assets/icons/image.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 14L6.06066 9.06072C5.47487 8.47498 4.52513 8.47498 3.93934 9.06072L2 11M2 3.49998C2 2.67156 2.67157 2 3.5 2H12.5C13.3285 2 14 2.67156 14 3.49998V12.4999C14 13.3283 13.3285 13.9998 12.5 13.9998H3.5C2.67157 13.9998 2 13.3283 2 12.4999V3.49998ZM9.875 7.62492C10.7034 7.62492 11.375 6.95338 11.375 6.12494C11.375 5.29653 10.7034 4.62496 9.875 4.62496C9.04655 4.62496 8.375 5.29653 8.375 6.12494C8.375 6.95338 9.04655 7.62492 9.875 7.62492Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 633 B

assets/icons/lightbulb-simple.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99998 11.67H5.99998M7.99998 1.67001C5.42265 1.67001 3.33331 3.75935 3.33331 6.33668C3.33331 8.03421 4.2397 9.52008 5.59492 10.3367C5.83556 10.4817 5.99998 10.7333 5.99998 11.0142V12.3367C5.99998 13.4413 6.89538 14.3367 7.99998 14.3367C9.10458 14.3367 9.99998 13.4413 9.99998 12.3367V11.0142C9.99998 10.7333 10.1644 10.4817 10.405 10.3367C11.7602 9.52008 12.6666 8.03421 12.6666 6.33668C12.6666 3.75935 10.5773 1.67001 7.99998 1.67001Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 655 B

assets/icons/line-chart-up.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13 6.5L13 3M13 3H9.5M13 3L7.99999 8L6.49999 6.5L3 10M3 13H13" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 279 B

assets/icons/linked-dots.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 4C6 5.10457 5.10457 6 4 6M6 4C6 2.89543 5.10457 2 4 2C2.89543 2 2 2.89543 2 4C2 5.10457 2.89543 6 4 6M6 4H10M4 6V10M10 4C10 5.10457 10.8954 6 12 6C13.1046 6 14 5.10457 14 4C14 2.89543 13.1046 2 12 2C10.8954 2 10 2.89543 10 4ZM4 10C2.89543 10 2 10.8954 2 12C2 13.1046 2.89543 14 4 14C5.10457 14 6 13.1046 6 12C6 10.8954 5.10457 10 4 10ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 675 B

assets/icons/lock.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.66667 7.33334V4.66668C4.66667 3.78262 5.01786 2.93478 5.64298 2.30965C6.2681 1.68453 7.11595 1.33334 8 1.33334C8.88406 1.33334 9.7319 1.68453 10.357 2.30965C10.9821 2.93478 11.3333 3.78262 11.3333 4.66668V7.33334M3.33333 7.33334H12.6667C13.403 7.33334 14 7.9303 14 8.66668V13.3333C14 14.0697 13.403 14.6667 12.6667 14.6667H3.33333C2.59695 14.6667 2 14.0697 2 13.3333V8.66668C2 7.9303 2.59695 7.33334 3.33333 7.33334Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 637 B

assets/icons/menu.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M26.5 9H5.5M5.5 23H26.5M26.5 16H5.5" stroke="black" stroke-width="2" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 207 B

assets/icons/more-horizontal.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8 8.75C8.41421 8.75 8.75 8.41421 8.75 8C8.75 7.58579 8.41421 7.25 8 7.25C7.58579 7.25 7.25 7.58579 7.25 8C7.25 8.41421 7.58579 8.75 8 8.75Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12.75 8.75C13.1642 8.75 13.5 8.41421 13.5 8C13.5 7.58579 13.1642 7.25 12.75 7.25C12.3358 7.25 12 7.58579 12 8C12 8.41421 12.3358 8.75 12.75 8.75Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M3.25 8.75C3.66421 8.75 4 8.41421 4 8C4 7.58579 3.66421 7.25 3.25 7.25C2.83579 7.25 2.5 7.58579 2.5 8C2.5 8.41421 2.83579 8.75 3.25 8.75Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 871 B

assets/icons/pie-chart.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_76_2931)">
<path d="M14.14 10.5933C13.7159 11.5963 13.0525 12.4802 12.2079 13.1675C11.3633 13.8549 10.3632 14.325 9.29496 14.5365C8.22674 14.7481 7.12295 14.6948 6.0801 14.3812C5.03725 14.0676 4.08709 13.5034 3.31268 12.7378C2.53828 11.9722 1.96321 11.0285 1.63776 9.98931C1.31231 8.95011 1.24638 7.847 1.44574 6.77643C1.64509 5.70586 2.10367 4.70043 2.78137 3.84803C3.45907 2.99563 4.33526 2.32222 5.33334 1.88668M14.6667 8.00001C14.6667 7.12453 14.4942 6.25762 14.1592 5.44879C13.8242 4.63995 13.3331 3.90502 12.7141 3.28597C12.095 2.66691 11.3601 2.17584 10.5512 1.84081C9.74239 1.50578 8.87548 1.33334 8 1.33334V8.00001H14.6667Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_76_2931">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 972 B

assets/icons/quote-end.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.344 10.0627C9.344 15.6947 5.824 18.0627 1.10262e-10 17.9987L2.91054e-07 14.6707C3.712 14.4787 4.8 12.9427 4.8 10.5747L4.8 9.67874L0.512 9.67874L0.512001 -1.87854e-06L9.344 -1.10642e-06L9.344 10.0627ZM22 0L22 10.0627C22 15.6947 18.416 18.0627 12.592 17.9987L12.592 14.6707C16.304 14.4787 17.392 12.9427 17.392 10.5747L17.392 9.67874L13.104 9.67874L13.104 -7.77713e-07L22 0Z" fill="#E6E6E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 506 B

assets/icons/quote-start.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.656 7.93726C12.656 2.30526 16.176 -0.0627379 22 0.00126124V3.32926C18.288 3.52126 17.2 5.05726 17.2 7.42526V8.32126H21.488V18H12.656V7.93726ZM0 18V7.93726C0 2.30526 3.584 -0.0627379 9.408 0.00126124V3.32926C5.696 3.52126 4.608 5.05726 4.608 7.42526V8.32126H8.896V18H0Z" fill="#E6E6E9"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 403 B

assets/icons/search-menu.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.00261 7.5H2.5M1 4H3.25M1.00261 11H3.25M15 13L12.682 10.682M12.682 10.682C13.4963 9.86764 14 8.74264 14 7.5C14 5.01472 11.9853 3 9.49999 3C7.01472 3 5 5.01472 5 7.5C5 9.98528 7.01472 12 9.49999 12C10.7426 12 11.8676 11.4963 12.682 10.682Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 458 B

assets/icons/server.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_170_22)">
<path d="M3.99999 4.00001H4.00666M3.99999 12H4.00666M2.66666 1.33334H13.3333C14.0697 1.33334 14.6667 1.9303 14.6667 2.66668V5.33334C14.6667 6.06972 14.0697 6.66668 13.3333 6.66668H2.66666C1.93028 6.66668 1.33333 6.06972 1.33333 5.33334V2.66668C1.33333 1.9303 1.93028 1.33334 2.66666 1.33334ZM2.66666 9.33334H13.3333C14.0697 9.33334 14.6667 9.9303 14.6667 10.6667V13.3333C14.6667 14.0697 14.0697 14.6667 13.3333 14.6667H2.66666C1.93028 14.6667 1.33333 14.0697 1.33333 13.3333V10.6667C1.33333 9.9303 1.93028 9.33334 2.66666 9.33334Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_170_22">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 879 B

assets/icons/shield.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00001 14.6667C8.00001 14.6667 13.3333 12 13.3333 8.00001V3.33334L8.00001 1.33334L2.66667 3.33334V8.00001C2.66667 12 8.00001 14.6667 8.00001 14.6667Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 369 B

assets/icons/sidebar.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 2V14M3.33333 2H12.6667C13.403 2 14 2.59695 14 3.33333V12.6667C14 13.403 13.403 14 12.6667 14H3.33333C2.59695 14 2 13.403 2 12.6667V3.33333C2 2.59695 2.59695 2 3.33333 2Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 369 B

assets/icons/slack.svg
+17
View File
@@ -0,0 +1,17 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_259_269)">
<path d="M9.66666 6.66665C9.11333 6.66665 8.66666 6.21998 8.66666 5.66665V2.33331C8.66666 1.77998 9.11333 1.33331 9.66666 1.33331C10.22 1.33331 10.6667 1.77998 10.6667 2.33331V5.66665C10.6667 6.21998 10.22 6.66665 9.66666 6.66665Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M13.6667 6.66665H12.6667V5.66665C12.6667 5.11331 13.1133 4.66665 13.6667 4.66665C14.22 4.66665 14.6667 5.11331 14.6667 5.66665C14.6667 6.21998 14.22 6.66665 13.6667 6.66665Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.33333 9.33331C6.88666 9.33331 7.33333 9.77998 7.33333 10.3333V13.6666C7.33333 14.22 6.88666 14.6666 6.33333 14.6666C5.78 14.6666 5.33333 14.22 5.33333 13.6666V10.3333C5.33333 9.77998 5.78 9.33331 6.33333 9.33331Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.33333 9.33331H3.33333V10.3333C3.33333 10.8866 2.88666 11.3333 2.33333 11.3333C1.77999 11.3333 1.33333 10.8866 1.33333 10.3333C1.33333 9.77998 1.77999 9.33331 2.33333 9.33331Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M9.33333 9.66665C9.33333 9.11331 9.78 8.66665 10.3333 8.66665H13.6667C14.22 8.66665 14.6667 9.11331 14.6667 9.66665C14.6667 10.22 14.22 10.6666 13.6667 10.6666H10.3333C9.78 10.6666 9.33333 10.22 9.33333 9.66665Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10.3333 12.6666H9.33333V13.6666C9.33333 14.22 9.78 14.6666 10.3333 14.6666C10.8867 14.6666 11.3333 14.22 11.3333 13.6666C11.3333 13.1133 10.8867 12.6666 10.3333 12.6666Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6.66666 6.33331C6.66666 5.77998 6.22 5.33331 5.66666 5.33331H2.33333C1.77999 5.33331 1.33333 5.77998 1.33333 6.33331C1.33333 6.88665 1.77999 7.33331 2.33333 7.33331H5.66666C6.22 7.33331 6.66666 6.88665 6.66666 6.33331Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M5.66666 3.33331H6.66666V2.33331C6.66666 1.77998 6.22 1.33331 5.66666 1.33331C5.11333 1.33331 4.66666 1.77998 4.66666 2.33331C4.66666 2.88665 5.11333 3.33331 5.66666 3.33331Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_259_269">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.7 KiB

assets/icons/sparkle.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.5 8C5.11111 6.91667 6.91667 5.11111 8 1.5C9.08333 5.11111 10.8889 6.91667 14.5 8C10.8889 9.08333 9.08333 10.8889 8 14.5C6.91667 10.8889 5.11111 9.08333 1.5 8Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="square" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 380 B

assets/icons/user.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.3333 14V12.6667C13.3333 11.9594 13.0524 11.2811 12.5523 10.781C12.0522 10.281 11.3739 10 10.6667 10H5.33334C4.62609 10 3.94782 10.281 3.44772 10.781C2.94762 11.2811 2.66667 11.9594 2.66667 12.6667V14M10.6667 4.66667C10.6667 6.13943 9.47276 7.33333 8.00001 7.33333C6.52725 7.33333 5.33334 6.13943 5.33334 4.66667C5.33334 3.19391 6.52725 2 8.00001 2C9.47276 2 10.6667 3.19391 10.6667 4.66667Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 612 B

assets/icons/users.svg
+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_16_2864)">
<path d="M11.3333 14V12.6667C11.3333 11.9594 11.0524 11.2811 10.5523 10.781C10.0522 10.281 9.3739 10 8.66666 10H3.33332C2.62608 10 1.9478 10.281 1.44771 10.781C0.947608 11.2811 0.666656 11.9594 0.666656 12.6667V14M15.3333 14V12.6667C15.3329 12.0758 15.1362 11.5018 14.7742 11.0349C14.4122 10.5679 13.9054 10.2344 13.3333 10.0867M10.6667 2.08667C11.2403 2.23353 11.7487 2.56713 12.1117 3.03487C12.4748 3.50261 12.6719 4.07789 12.6719 4.67C12.6719 5.26211 12.4748 5.83739 12.1117 6.30513C11.7487 6.77287 11.2403 7.10647 10.6667 7.25333M8.66666 4.66667C8.66666 6.13943 7.47275 7.33333 5.99999 7.33333C4.52723 7.33333 3.33332 6.13943 3.33332 4.66667C3.33332 3.19391 4.52723 2 5.99999 2C7.47275 2 8.66666 3.19391 8.66666 4.66667Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<defs>
<clipPath id="clip0_16_2864">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

assets/icons/workflow.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.79986 5.60004C2.61157 5.85073 2.5 6.16234 2.5 6.5V11.9754C2.5 13.203 4.08461 13.6951 4.78005 12.6836L11.2199 3.31644C11.9154 2.30488 13.5 2.79705 13.5 4.0246V9.5C13.5 9.83766 13.3884 10.1493 13.2001 10.4M2.79986 5.60004C3.13415 5.85118 3.54969 6 4 6C5.10457 6 6 5.10457 6 4C6 2.89543 5.10457 2 4 2C2.89543 2 2 2.89543 2 4C2 4.65426 2.31416 5.23515 2.79986 5.60004ZM13.2001 10.4C12.8659 10.1488 12.4503 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14C13.1046 14 14 13.1046 14 12C14 11.3457 13.6858 10.7648 13.2001 10.4Z" stroke="black" stroke-opacity="0.8" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 756 B

assets/icons/x.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21 7L7 21M7 7L21 21" stroke="black" stroke-width="2" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 192 B

src/icons.tsx
+199
View File
@@ -0,0 +1,199 @@
import ActionsSvg from "@assets/icons/actions.svg";
import ActivitySvg from "@assets/icons/activity.svg";
import ArrowUpRightSvg from "@assets/icons/arrow-up-right.svg";
import BarChartSvg from "@assets/icons/bar-chart.svg";
import ChatSvg from "@assets/icons/bubble-text.svg";
import CheckCircleSvg from "@assets/icons/check-circle.svg";
import ClockSvg from "@assets/icons/clock.svg";
import CloudSvg from "@assets/icons/cloud.svg";
import CodeSvg from "@assets/icons/code.svg";
import CpuSvg from "@assets/icons/cpu.svg";
import DevKitSvg from "@assets/icons/dev-kit.svg";
import EditBigSvg from "@assets/icons/edit-big.svg";
import FileTextSvg from "@assets/icons/file-text.svg";
import FolderSvg from "@assets/icons/folder.svg";
import FolderPlusSvg from "@assets/icons/folder-plus.svg";
import GlobeSvg from "@assets/icons/globe.svg";
import HardDriveSvg from "@assets/icons/hard-drive.svg";
import HeadsetMicSvg from "@assets/icons/headset-mic.svg";
import HourglassSvg from "@assets/icons/hourglass.svg";
import ImageSvg from "@assets/icons/image.svg";
import LightbulbSimpleSvg from "@assets/icons/lightbulb-simple.svg";
import LineChartUpSvg from "@assets/icons/line-chart-up.svg";
import MoreHorizontalSvg from "@assets/icons/more-horizontal.svg";
import IntegrationsSvg from "@assets/icons/linked-dots.svg";
import LockSvg from "@assets/icons/lock.svg";
import MenuSvg from "@assets/icons/menu.svg";
import PieChartSvg from "@assets/icons/pie-chart.svg";
import QuoteEndSvg from "@assets/icons/quote-end.svg";
import QuoteStartSvg from "@assets/icons/quote-start.svg";
import SearchSvg from "@assets/icons/search-menu.svg";
import ServerSvg from "@assets/icons/server.svg";
import ShieldSvg from "@assets/icons/shield.svg";
import SidebarSvg from "@assets/icons/sidebar.svg";
import SlackSvg from "@assets/icons/slack.svg";
import SparkleSvg from "@assets/icons/sparkle.svg";
import UserSvg from "@assets/icons/user.svg";
import UsersSvg from "@assets/icons/users.svg";
import WorkflowSvg from "@assets/icons/workflow.svg";
import XSvg from "@assets/icons/x.svg";
export interface IconProps {
className?: string;
}
export function BubbleTextIcon({ className }: IconProps) {
return <ChatSvg className={`stroke-black ${className}`} />;
}
export function LinkedDotsIcon({ className }: IconProps) {
return <IntegrationsSvg className={`stroke-black ${className}`} />;
}
export function SearchMenuIcon({ className }: IconProps) {
return <SearchSvg className={`stroke-black ${className}`} />;
}
export function ActionsIcon({ className }: IconProps) {
return <ActionsSvg className={`stroke-black ${className}`} />;
}
export function CodeIcon({ className }: IconProps) {
return <CodeSvg className={`stroke-black ${className}`} />;
}
export function HeadsetMicIcon({ className }: IconProps) {
return <HeadsetMicSvg className={`stroke-black ${className}`} />;
}
export function LineChartUpIcon({ className }: IconProps) {
return <LineChartUpSvg className={`stroke-black ${className}`} />;
}
export function UsersIcon({ className }: IconProps) {
return <UsersSvg className={`stroke-black ${className}`} />;
}
export function ActivityIcon({ className }: IconProps) {
return <ActivitySvg className={`stroke-black ${className}`} />;
}
export function LockIcon({ className }: IconProps) {
return <LockSvg className={`stroke-black ${className}`} />;
}
export function ServerIcon({ className }: IconProps) {
return <ServerSvg className={`stroke-black ${className}`} />;
}
export function ShieldIcon({ className }: IconProps) {
return <ShieldSvg className={`stroke-black ${className}`} />;
}
export function CloudIcon({ className }: IconProps) {
return <CloudSvg className={`stroke-black ${className}`} />;
}
export function HardDriveIcon({ className }: IconProps) {
return <HardDriveSvg className={`stroke-black ${className}`} />;
}
export function DevKitIcon({ className }: IconProps) {
return <DevKitSvg className={`stroke-black ${className}`} />;
}
export function QuoteStartIcon({ className }: IconProps) {
return <QuoteStartSvg className={`stroke-black ${className}`} />;
}
export function QuoteEndIcon({ className }: IconProps) {
return <QuoteEndSvg className={`stroke-black ${className}`} />;
}
export function CpuIcon({ className }: IconProps) {
return <CpuSvg className={`stroke-black ${className}`} />;
}
export function GlobeIcon({ className }: IconProps) {
return <GlobeSvg className={`stroke-black ${className}`} />;
}
export function HourglassIcon({ className }: IconProps) {
return <HourglassSvg className={`stroke-black ${className}`} />;
}
export function LightbulbSimpleIcon({ className }: IconProps) {
return <LightbulbSimpleSvg className={`stroke-black ${className}`} />;
}
export function SidebarIcon({ className }: IconProps) {
return <SidebarSvg className={`stroke-black ${className}`} />;
}
export function SlackIcon({ className }: IconProps) {
return <SlackSvg className={`stroke-black ${className}`} />;
}
export function SparkleIcon({ className }: IconProps) {
return <SparkleSvg className={`stroke-black ${className}`} />;
}
export function CheckCircleIcon({ className }: IconProps) {
return <CheckCircleSvg className={`stroke-black ${className}`} />;
}
export function BarChartIcon({ className }: IconProps) {
return <BarChartSvg className={`stroke-black ${className}`} />;
}
export function ImageIcon({ className }: IconProps) {
return <ImageSvg className={`stroke-black ${className}`} />;
}
export function UserIcon({ className }: IconProps) {
return <UserSvg className={`stroke-black ${className}`} />;
}
export function ClockIcon({ className }: IconProps) {
return <ClockSvg className={`stroke-black ${className}`} />;
}
export function PieChartIcon({ className }: IconProps) {
return <PieChartSvg className={`stroke-black ${className}`} />;
}
export function MenuIcon({ className }: IconProps) {
return <MenuSvg className={`stroke-black ${className}`} />;
}
export function XIcon({ className }: IconProps) {
return <XSvg className={`stroke-black ${className}`} />;
}
export function FileTextIcon({ className }: IconProps) {
return <FileTextSvg className={`stroke-black ${className}`} />;
}
export function ArrowUpRightIcon({ className }: IconProps) {
return <ArrowUpRightSvg className={`stroke-black ${className}`} />;
}
export function WorkflowIcon({ className }: IconProps) {
return <WorkflowSvg className={`stroke-black ${className}`} />;
}
export function FolderIcon({ className }: IconProps) {
return <FolderSvg className={`stroke-black ${className}`} />;
}
export function MoreHorizontalIcon({ className }: IconProps) {
return <MoreHorizontalSvg className={`stroke-black ${className}`} />;
}
export function EditBigIcon({ className }: IconProps) {
return <EditBigSvg className={`stroke-black ${className}`} />;
}
export function FolderPlusIcon({ className }: IconProps) {
return <FolderPlusSvg className={`stroke-black ${className}`} />;
}
src/icons/ChevronDownIcon.tsx
-29
View File
@@ -1,29 +0,0 @@
import React from "react";
export interface ChevronDownIconProps {
className?: string;
width?: number | string;
height?: number | string;
}
export const ChevronDownIcon: React.FC<ChevronDownIconProps> = ({
className = "",
width = 16,
height = 16,
}) => {
return (
<svg
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className={className}
>
<path d="m6 9 6 6 6-6" />
</svg>
);
};
src/icons/ChevronUpIcon.tsx
-29
View File
@@ -1,29 +0,0 @@
import React from "react";
export interface ChevronUpIconProps {
className?: string;
width?: number | string;
height?: number | string;
}
export const ChevronUpIcon: React.FC<ChevronUpIconProps> = ({
className = "",
width = 16,
height = 16,
}) => {
return (
<svg
width={width}
height={height}
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
className={className}
>
<path d="m18 15-6-6-6 6" />
</svg>
);
};
src/icons/index.tsx
-2
View File
@@ -1,2 +0,0 @@
export { ChevronDownIcon } from "@src/icons/ChevronDownIcon";
export { ChevronUpIcon } from "@src/icons/ChevronUpIcon";
src/index.tsx
-3
View File
@@ -1,3 +0,0 @@
// Main entrypoint - exports all components
export * from "./components";
export * from "./icons";
src/svg.d.ts
Vendored
+5
View File
@@ -0,0 +1,5 @@
declare module "*.svg" {
import React from "react";
const SVG: React.FunctionComponent<React.SVGProps<React.SVGElement>>;
export default SVG;
}