Skip to content

Commit

Permalink
add more custom icons for model side nav
Browse files Browse the repository at this point in the history
  • Loading branch information
@tbehailu
tbehailu committed Nov 27, 2023
1 parent 3552750 commit 99e0c9c
Showing 1 changed file with 204 additions and 0 deletions.
204 changes: 204 additions & 0 deletions src/icon/Icons.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -799,6 +799,18 @@ export const CollapseOutline = () => (
</svg>
);

export const CloudDownloadOutline = () => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<g data-name="Layer 2">
<g data-name="cloud-download">
<rect width="24" height="24" opacity="0" />
<path d="M14.31 16.38L13 17.64V12a1 1 0 0 0-2 0v5.59l-1.29-1.3a1 1 0 0 0-1.42 1.42l3 3A1 1 0 0 0 12 21a1 1 0 0 0 .69-.28l3-2.9a1 1 0 1 0-1.38-1.44z" />
<path d="M17.67 7A6 6 0 0 0 6.33 7a5 5 0 0 0-3.08 8.27A1 1 0 1 0 4.75 14 3 3 0 0 1 7 9h.1a1 1 0 0 0 1-.8 4 4 0 0 1 7.84 0 1 1 0 0 0 1 .8H17a3 3 0 0 1 2.25 5 1 1 0 0 0 .09 1.42 1 1 0 0 0 .66.25 1 1 0 0 0 .75-.34A5 5 0 0 0 17.67 7z" />
</g>
</g>
</svg>
);

export const CloudUpload = () => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<g data-name="Layer 2">
Expand All @@ -812,6 +824,38 @@ export const CloudUpload = () => (
);

//D
export const Datasets = () => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.7099 6.58966C17.7099 6.76496 17.5314 7.30055 16.381 7.87573C15.3144 8.40905 13.7429 8.77932 11.9306 8.77932C10.1183 8.77932 8.54678 8.40905 7.48014 7.87573C6.32977 7.30055 6.15127 6.76496 6.15127 6.58966C6.15127 6.41436 6.32977 5.87877 7.48014 5.30358C8.54678 4.77027 10.1183 4.4 11.9306 4.4C13.7429 4.4 15.3144 4.77027 16.381 5.30358C17.5314 5.87877 17.7099 6.41436 17.7099 6.58966ZM17.9612 8.53814C16.6822 9.52579 14.459 10.1793 11.9306 10.1793C9.40219 10.1793 7.17906 9.52581 5.9 8.53818V10.7527C5.94224 10.7859 5.99067 10.8229 6.04525 10.8631C6.30238 11.0523 6.695 11.3107 7.21968 11.5711C8.26721 12.0908 9.84399 12.6199 11.9306 12.6199C14.0172 12.6199 15.594 12.0908 16.6415 11.5711C17.1662 11.3107 17.5588 11.0523 17.816 10.8631C17.8706 10.8229 17.919 10.7859 17.9612 10.7527V8.53814ZM19.109 6.53223C19.0476 4.5762 15.8573 3 11.9306 3C8.09716 3 4.96546 4.50223 4.7618 6.39354C4.60217 6.52184 4.5 6.71872 4.5 6.93945V11.0763V11.3725L4.71258 11.5788L5.2 11.0763C4.71258 11.5788 4.71282 11.579 4.71307 11.5792L4.71362 11.5798L4.71489 11.581L4.71806 11.584L4.72702 11.5925C4.73414 11.5992 4.74359 11.608 4.75533 11.6187C4.77883 11.6402 4.81157 11.6693 4.85351 11.7051C4.93737 11.7767 5.05816 11.8749 5.21549 11.9907C5.53003 12.2222 5.99168 12.5246 6.5974 12.8252C7.81067 13.4272 9.59919 14.0199 11.9306 14.0199C14.262 14.0199 16.0506 13.4272 17.2638 12.8252C17.8695 12.5246 18.3312 12.2222 18.6457 11.9907C18.8031 11.8749 18.9238 11.7767 19.0077 11.7051C19.0497 11.6693 19.0824 11.6402 19.1059 11.6187C19.1176 11.608 19.1271 11.5992 19.1342 11.5925L19.1432 11.584L19.1463 11.581L19.1476 11.5798L19.1481 11.5792C19.1484 11.579 19.1486 11.5788 18.6612 11.0763L19.1486 11.5788L19.3612 11.3725V11.0763V7.07029C19.3612 6.854 19.2631 6.66063 19.109 6.53223Z"
fill="white"
fillOpacity="0.9"
/>
<path
d="M18.6612 11.0762V14.6658C18.6612 14.6658 16.3486 16.9094 11.9306 16.9094C7.51252 16.9094 5.19995 14.6658 5.19995 14.6658V11.0762"
stroke="white"
strokeOpacity="0.9"
strokeWidth="1.4"
strokeLinecap="round"
/>
<path
d="M18.6612 14.666V18.2557C18.6612 18.2557 16.3486 20.4992 11.9306 20.4992C7.51252 20.4992 5.19995 18.2557 5.19995 18.2557V14.666"
stroke="white"
strokeOpacity="0.9"
strokeWidth="1.4"
strokeLinecap="round"
/>
</svg>
);

export const Download = () => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<g data-name="Layer 2">
Expand Down Expand Up @@ -874,6 +918,23 @@ export const DownloadOutline = () => (
</svg>
);

export const Drift = () => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M3.06893 18.6737C2.57086 17.1015 4.8183 4 8.31705 4C11.8158 4 16.0191 24.4383 21 18.6737C21 18.6737 18.5217 10.8128 15.023 10.8128C11.5242 10.8128 4.80974 24.1687 3.06893 18.6737Z"
stroke="white"
strokeOpacity="0.9"
strokeWidth="1.5"
/>
</svg>
);

export const DuplicateIcon = () => (
<svg
width="24"
Expand Down Expand Up @@ -932,6 +993,24 @@ export const Edit2Outline = () => (
</svg>
);

export const Embeddings = () => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.5 6C11.5 7.38071 10.3807 8.5 9 8.5C7.61929 8.5 6.5 7.38071 6.5 6C6.5 4.61929 7.61929 3.5 9 3.5C10.3807 3.5 11.5 4.61929 11.5 6ZM11.4968 9.12523C10.8125 9.67265 9.94448 10 9 10C8.83503 10 8.67239 9.99001 8.51265 9.97061L7.35003 14.2336C8.89489 14.7874 10 16.2646 10 18C10 20.2091 8.20914 22 6 22C3.79086 22 2 20.2091 2 18C2 15.8383 3.71477 14.0771 5.85827 14.0025L7.08305 9.5116C5.8418 8.83257 5 7.51459 5 6C5 3.79086 6.79086 2 9 2C11.2091 2 13 3.79086 13 6C13 6.71768 12.811 7.39122 12.48 7.97355L15.7722 11.6773C16.4089 11.2496 17.1753 11 18 11C20.2091 11 22 12.7909 22 15C22 17.2091 20.2091 19 18 19C15.7909 19 14 17.2091 14 15C14 14.1584 14.2599 13.3775 14.7039 12.7332L11.4968 9.12523ZM20.5 15C20.5 16.3807 19.3807 17.5 18 17.5C16.6193 17.5 15.5 16.3807 15.5 15C15.5 13.6193 16.6193 12.5 18 12.5C19.3807 12.5 20.5 13.6193 20.5 15ZM6 20.5C7.38071 20.5 8.5 19.3807 8.5 18C8.5 16.6193 7.38071 15.5 6 15.5C4.61929 15.5 3.5 16.6193 3.5 18C3.5 19.3807 4.61929 20.5 6 20.5Z"
fill="white"
fillOpacity="0.9"
/>
</svg>
);

export const ExternalLinkOutline = () => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<g data-name="Layer 2">
Expand Down Expand Up @@ -961,6 +1040,107 @@ export const ExpandOutline = () => (
</svg>
);

export const Explainability = () => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="10.75"
y="12"
width="2.5"
height="9.98733"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="10.75"
y="2.00096"
width="2.5"
height="8.27023"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="14.5417"
y="8.77119"
width="2.5"
height="11.027"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="18.3337"
y="11.5279"
width="2.5"
height="6.93593"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="18.3337"
y="5.89282"
width="2.5"
height="3.68917"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="2.98645"
y="14.8522"
width="2.5"
height="3.61164"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="2.98645"
y="5.89283"
width="2.5"
height="7.3378"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="6.77844"
y="2.97392"
width="2.5"
height="9.52698"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="6.77844"
y="14.3252"
width="2.5"
height="6.44591"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
<rect
x="14.5417"
y="3.37933"
width="2.5"
height="3.64864"
rx="1.25"
fill="white"
fillOpacity="0.9"
/>
</svg>
);

export const EyeOutline = () => (
<svg
xmlns="http://www.w3.org/2000/svg"
Expand Down Expand Up @@ -996,6 +1176,30 @@ export const EyeOutline = () => (
);

//F
export const Fairness = () => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20.25 7.5C20.25 9.57107 18.5711 11.25 16.5 11.25C14.4289 11.25 12.75 9.57107 12.75 7.5C12.75 5.42894 14.4289 3.75 16.5 3.75C18.5711 3.75 20.25 5.42894 20.25 7.5Z"
stroke="white"
strokeOpacity="0.9"
strokeWidth="1.5"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M4.28993 13.218C3.99484 12.9273 3.51641 12.9273 3.22132 13.218C2.92623 13.5087 2.92623 13.98 3.22132 14.2707L5.99212 17.0001L3.22132 19.7295C2.92623 20.0202 2.92623 20.4915 3.22132 20.7822C3.5164 21.0729 3.99484 21.0729 4.28992 20.7822L7.06073 18.0527L9.71152 20.664C10.0066 20.9546 10.485 20.9546 10.7801 20.664C11.0752 20.3733 11.0752 19.902 10.7801 19.6113L8.12934 17.0001L10.7801 14.3889C11.0752 14.0982 11.0752 13.6269 10.7801 13.3362C10.485 13.0456 10.0066 13.0456 9.71151 13.3362L7.06073 15.9474L4.28993 13.218Z"
fill="white"
fillOpacity="0.9"
/>
</svg>
);

export const FileAdd = () => (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<g data-name="Layer 2">
Expand Down

0 comments on commit 99e0c9c

Please sign in to comment.