feat: add delta up and down icons (#675)

pluralsh · Jan 16, 2025 · 8b80a92 · 8b80a92
1 parent 3ddc362
commit 8b80a92
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 0 deletions.
diff --git a/src/components/icons/DeltaDownIcon.tsx b/src/components/icons/DeltaDownIcon.tsx
@@ -0,0 +1,18 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M1.52491 5.27503C1.70069 5.09947 1.93897 5.00085 2.18741 5.00085C2.43585 5.00085 2.67413 5.09947 2.84991 5.27503L7.49991 9.92503L10.9512 6.47253C11.0497 6.37397 11.1691 6.29864 11.3004 6.25202C11.4318 6.2054 11.5719 6.18866 11.7106 6.20303C11.8493 6.2174 11.983 6.26251 12.102 6.33508C12.221 6.40765 12.3224 6.50585 12.3987 6.62253C13.8154 8.78733 14.9567 11.1203 15.7962 13.5675L16.7074 11.9913C16.8326 11.7777 17.0372 11.6223 17.2765 11.5591C17.5159 11.4958 17.7705 11.5297 17.9849 11.6535C18.1993 11.7773 18.3561 11.9809 18.4209 12.2198C18.4858 12.4587 18.4535 12.7136 18.3312 12.9288L16.3424 16.3725C16.2809 16.4793 16.199 16.5729 16.1013 16.6479C16.0036 16.723 15.892 16.778 15.773 16.81C15.654 16.8419 15.5299 16.8501 15.4078 16.834C15.2856 16.8179 15.1678 16.7779 15.0612 16.7163L11.6162 14.7275C11.5095 14.666 11.4159 14.584 11.3409 14.4863C11.2659 14.3886 11.2108 14.2771 11.1789 14.1581C11.147 14.0391 11.1388 13.915 11.1549 13.7929C11.1709 13.6708 11.2108 13.553 11.2724 13.4463C11.334 13.3396 11.4159 13.2461 11.5136 13.171C11.6113 13.096 11.7229 13.041 11.8418 13.009C11.9608 12.9771 12.0849 12.969 12.207 12.985C12.3292 13.001 12.447 13.041 12.5537 13.1025L13.9249 13.895C13.2751 12.0624 12.4443 10.2991 11.4449 8.63128L8.16241 11.9125C7.98663 12.0881 7.74835 12.1867 7.49991 12.1867C7.25147 12.1867 7.01319 12.0881 6.83741 11.9125L1.52491 6.60003C1.34934 6.42425 1.25073 6.18597 1.25073 5.93753C1.25073 5.68909 1.34934 5.45081 1.52491 5.27503Z"
+      fill={color}
+    />
+  </svg>
+))
diff --git a/src/components/icons/DeltaUpIcon.tsx b/src/components/icons/DeltaUpIcon.tsx
@@ -0,0 +1,18 @@
+import createIcon from './createIcon'
+
+export default createIcon(({ size, color }) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width={size}
+    height={size}
+    viewBox="0 0 20 20"
+    fill="none"
+  >
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M12.26 5.07125C12.3253 4.83145 12.4831 4.62736 12.6987 4.50384C12.9143 4.38031 13.1702 4.34746 13.41 4.4125L17.305 5.47375C17.5437 5.53878 17.747 5.69548 17.8706 5.90971C17.9942 6.12394 18.0282 6.37835 17.965 6.6175L16.9363 10.5188C16.8678 10.7533 16.7105 10.9519 16.4978 11.0721C16.2851 11.1924 16.0338 11.2248 15.7975 11.1626C15.5613 11.1003 15.3586 10.9483 15.2328 10.7388C15.1069 10.5294 15.0678 10.2791 15.1238 10.0413L15.545 8.44C13.9166 9.5583 12.4052 10.8381 11.0338 12.26C10.9474 12.3496 10.844 12.4212 10.7296 12.4704C10.6152 12.5196 10.4922 12.5456 10.3677 12.5467C10.2432 12.5479 10.1197 12.5243 10.0044 12.4772C9.88912 12.4301 9.78438 12.3605 9.6963 12.2725L7.50005 10.075L2.85005 14.725C2.76352 14.8145 2.66004 14.8859 2.54564 14.935C2.43124 14.984 2.30821 15.0098 2.18373 15.0109C2.05925 15.0119 1.93581 14.9881 1.82062 14.9409C1.70542 14.8937 1.60078 14.8241 1.5128 14.736C1.42482 14.6479 1.35526 14.5432 1.30817 14.428C1.26109 14.3127 1.23742 14.1893 1.23856 14.0648C1.2397 13.9403 1.26562 13.8173 1.31481 13.703C1.364 13.5886 1.43547 13.4852 1.52505 13.3988L6.83755 8.08625C7.01333 7.91069 7.25161 7.81208 7.50005 7.81208C7.74849 7.81208 7.98677 7.91069 8.16255 8.08625L10.3575 10.28C11.7087 8.96262 13.1764 7.77025 14.7425 6.7175L12.9175 6.22C12.678 6.15451 12.4742 5.99662 12.3509 5.78101C12.2276 5.5654 12.195 5.31094 12.26 5.07125Z"
+      fill={color}
+    />
+  </svg>
+))
diff --git a/src/icons.ts b/src/icons.ts
@@ -65,6 +65,8 @@ export { default as CreditCardIcon } from './components/icons/CreditCardIcon'
 export { default as DashboardIcon } from './components/icons/DashboardIcon'
 export { default as DatabaseIcon } from './components/icons/DatabaseIcon'
 export { default as DatadogLogoIcon } from './components/icons/DatadogLogoIcon'
+export { default as DeltaDownIcon } from './components/icons/DeltaDownIcon'
+export { default as DeltaUpIcon } from './components/icons/DeltaUpIcon'
 export { default as DeploymentIcon } from './components/icons/DeploymentIcon'
 export { default as DiffColumnIcon } from './components/icons/DiffColumnIcon'
 export { default as DiffUnifiedIcon } from './components/icons/DiffUnifiedIcon'