Skip to content

Commit

Permalink
Add missing icons (#465)
Browse files Browse the repository at this point in the history
  • Loading branch information
@vineethasok
vineethasok authored Aug 22, 2024
1 parent 8652115 commit 7fc3c34
Show file tree
Hide file tree
Showing 9 changed files with 604 additions and 0 deletions.
14 changes: 14 additions & 0 deletions src/components/Icon/IconCommon.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -127,6 +127,13 @@ import Lifebuoy from "@/components/icons/Lifebuoy";
import GitMerge from "@/components/icons/GitMerge";
import Bell from "@/components/icons/Bell";
import DoubleCheckIcon from "@/components/icons/DoubleCheckIcon";
import SandGlass from "../icons/SandGlass";
import Calendar from "../icons/Calendar";
import CalendarWithTime from "../icons/CalendarWithTime";
import Cpu from "../icons/Cpu";
import Minus from "../icons/Minus";
import Pipe from "../icons/Pipe";
import TreeStructure from "../icons/TreeStructure";

export const ICONS_MAP = {
activity: Activity,
Expand All @@ -149,6 +156,8 @@ export const ICONS_MAP = {
briefcase: Briefcase,
building: Building,
"burger-menu": BurgerMenu,
calendar: Calendar,
"calendar-with-time": CalendarWithTime,
cards: Cards,
"cell-tower": CellTower,
chat: ChatIcon,
Expand All @@ -168,6 +177,7 @@ export const ICONS_MAP = {
"connect-alt": ConnectAlt,
console: Console,
copy: Copy,
cpu: Cpu,
cross: CrossIcon,
"credit-card": CreditCard,
data: Data,
Expand Down Expand Up @@ -217,11 +227,13 @@ export const ICONS_MAP = {
lock: Lock,
metrics: Metrics,
"metrics-alt": MetricsAlt,
minus: Minus,
"no-cloud": NoCloud,
pause: Pause,
payment: Payment,
pencil: Pencil,
"pie-chart": PieChart,
pipe: Pipe,
play: Play,
"play-in-circle": PlayInCircle,
plus: Plus,
Expand All @@ -231,6 +243,7 @@ export const ICONS_MAP = {
question: Question,
refresh: Refresh,
rocket: Rocket,
sandglass: SandGlass,
search: Search,
secure: Secure,
server: Server,
Expand All @@ -252,6 +265,7 @@ export const ICONS_MAP = {
table: Table,
taxi: Taxi,
trash: Trash,
"tree-structure": TreeStructure,
upload: Upload,
url: Url,
user: UserIcon,
Expand Down
7 changes: 7 additions & 0 deletions src/components/Icon/types.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,8 @@ export const ICON_NAMES = [
"briefcase",
"building",
"burger-menu",
"calendar",
"calendar-with-time",
"cards",
"cell-tower",
"chat",
Expand All @@ -45,6 +47,7 @@ export const ICON_NAMES = [
"connect-alt",
"console",
"copy",
"cpu",
"cross",
"credit-card",
"data",
Expand Down Expand Up @@ -94,11 +97,13 @@ export const ICON_NAMES = [
"lock",
"metrics",
"metrics-alt",
"minus",
"no-cloud",
"pause",
"payment",
"pencil",
"pie-chart",
"pipe",
"play",
"play-in-circle",
"plus",
Expand All @@ -108,6 +113,7 @@ export const ICON_NAMES = [
"question",
"refresh",
"rocket",
"sandglass",
"search",
"secure",
"server",
Expand All @@ -129,6 +135,7 @@ export const ICON_NAMES = [
"table",
"taxi",
"trash",
"tree-structure",
"upload",
"url",
"user",
Expand Down
187 changes: 187 additions & 0 deletions src/components/icons/Calendar.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,187 @@
import { SVGAttributes } from "react";

const Calendar = (props: SVGAttributes<SVGElement>) => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<rect
x="2.99609"
y="2.99658"
width="18.0075"
height="18.0075"
rx="3"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21.0036 7.99826H2.99609"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.3022 11.4997C17.3022 11.5273 17.2798 11.5497 17.2522 11.5497C17.2245 11.5497 17.2021 11.5273 17.2021 11.4997C17.2021 11.4721 17.2245 11.4497 17.2522 11.4497"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.2525 11.4498C17.2802 11.4498 17.3026 11.4722 17.3026 11.4998"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.8002 11.4997C13.8002 11.5273 13.7778 11.5497 13.7502 11.5497C13.7226 11.5497 13.7002 11.5273 13.7002 11.4997C13.7002 11.4721 13.7226 11.4497 13.7502 11.4497"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.7496 11.4498C13.7772 11.4498 13.7996 11.4722 13.7996 11.4998"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2983 11.4997C10.2983 11.5273 10.2759 11.5497 10.2483 11.5497C10.2206 11.5497 10.1982 11.5273 10.1982 11.4997C10.1982 11.4721 10.2206 11.4497 10.2483 11.4497"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2486 11.4498C10.2763 11.4498 10.2987 11.4722 10.2987 11.4998"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.7973 14.5012C6.7973 14.5288 6.7749 14.5512 6.74728 14.5512C6.71965 14.5512 6.69726 14.5288 6.69726 14.5012C6.69726 14.4736 6.71965 14.4512 6.74728 14.4512"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.74668 14.4513C6.77431 14.4513 6.7967 14.4737 6.7967 14.5013"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2983 14.5012C10.2983 14.5288 10.2759 14.5512 10.2483 14.5512C10.2206 14.5512 10.1982 14.5288 10.1982 14.5012C10.1982 14.4736 10.2206 14.4512 10.2483 14.4512"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2486 14.4513C10.2763 14.4513 10.2987 14.4737 10.2987 14.5013"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.8002 14.5012C13.8002 14.5288 13.7778 14.5512 13.7502 14.5512C13.7226 14.5512 13.7002 14.5288 13.7002 14.5012C13.7002 14.4736 13.7226 14.4512 13.7502 14.4512"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.7496 14.4513C13.7772 14.4513 13.7996 14.4737 13.7996 14.5013"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.3022 14.5012C17.3022 14.5288 17.2798 14.5512 17.2522 14.5512C17.2245 14.5512 17.2021 14.5288 17.2021 14.5012C17.2021 14.4736 17.2245 14.4512 17.2522 14.4512"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.2525 14.4513C17.2802 14.4513 17.3026 14.4737 17.3026 14.5013"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.3022 17.5026C17.3022 17.5303 17.2798 17.5527 17.2522 17.5527C17.2245 17.5527 17.2021 17.5303 17.2021 17.5026C17.2021 17.475 17.2245 17.4526 17.2522 17.4526"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.2525 17.4522C17.2802 17.4522 17.3026 17.4746 17.3026 17.5023"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.8002 17.5026C13.8002 17.5303 13.7778 17.5527 13.7502 17.5527C13.7226 17.5527 13.7002 17.5303 13.7002 17.5026C13.7002 17.475 13.7226 17.4526 13.7502 17.4526"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.7496 17.4522C13.7772 17.4522 13.7996 17.4746 13.7996 17.5023"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2983 17.5026C10.2983 17.5303 10.2759 17.5527 10.2483 17.5527C10.2206 17.5527 10.1982 17.5303 10.1982 17.5026C10.1982 17.475 10.2206 17.4526 10.2483 17.4526"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2486 17.4522C10.2763 17.4522 10.2987 17.4746 10.2987 17.5023"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.7973 17.5026C6.7973 17.5303 6.7749 17.5527 6.74728 17.5527C6.71965 17.5527 6.69726 17.5303 6.69726 17.5026C6.69726 17.475 6.71965 17.4526 6.74728 17.4526"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.74668 17.4522C6.77431 17.4522 6.7967 17.4746 6.7967 17.5023"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);

export default Calendar;
92 changes: 92 additions & 0 deletions src/components/icons/CalendarWithTime.tsx
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
import { SVGAttributes } from "react";

const CalendarWithTime = (props: SVGAttributes<SVGElement>) => (
<svg
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M21.0036 7.99826H2.99609"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.5029 13.0005C19.9892 13.0005 22.0047 15.016 22.0047 17.5024C22.0047 19.9887 19.9892 22.0042 17.5029 22.0042C15.0165 22.0042 13.001 19.9887 13.001 17.5024C13.001 15.016 15.0165 13.0005 17.5029 13.0005"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M14.674 21.0041H5.99734C4.3398 21.0041 2.99609 19.6604 2.99609 18.0028V5.99783C2.99609 4.34029 4.3398 2.99658 5.99734 2.99658H18.0023C19.6599 2.99658 21.0036 4.34029 21.0036 5.99783V14.6744"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M17.3955 15.9849V17.7436L18.7781 18.5869"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M13.7502 11.4497C13.7231 11.4497 13.7012 11.4717 13.7012 11.4987C13.7012 11.5258 13.7231 11.5478 13.7502 11.5478C13.7773 11.5478 13.7992 11.5258 13.7992 11.4987C13.7992 11.4717 13.7773 11.4497 13.7502 11.4497"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2482 11.4497C10.2353 11.4497 10.223 11.4549 10.2139 11.4641C10.2049 11.4734 10.1999 11.4858 10.2002 11.4987C10.2002 11.5187 10.2123 11.5366 10.2307 11.5441C10.2492 11.5517 10.2703 11.5473 10.2843 11.533C10.2982 11.5188 10.3021 11.4976 10.2942 11.4793C10.2863 11.461 10.2681 11.4493 10.2482 11.4497"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.7473 11.4497C6.73404 11.4494 6.72125 11.4546 6.71196 11.4641C6.70267 11.4736 6.69772 11.4865 6.69828 11.4997C6.69828 11.5197 6.71034 11.5376 6.72878 11.5451C6.74722 11.5526 6.76838 11.5483 6.78232 11.534C6.79625 11.5198 6.8002 11.4986 6.79229 11.4803C6.78439 11.462 6.76621 11.4503 6.7463 11.4507"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2482 14.4512C10.2353 14.4512 10.223 14.4564 10.2139 14.4656C10.2049 14.4748 10.1999 14.4873 10.2002 14.5002C10.2002 14.5201 10.2123 14.5381 10.2307 14.5456C10.2492 14.5531 10.2703 14.5487 10.2843 14.5345C10.2982 14.5203 10.3021 14.499 10.2942 14.4808C10.2863 14.4625 10.2681 14.4508 10.2482 14.4512"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.7473 14.4512C6.73404 14.4509 6.72125 14.4561 6.71196 14.4656C6.70267 14.4751 6.69772 14.488 6.69828 14.5012C6.69828 14.5211 6.71034 14.5391 6.72878 14.5466C6.74722 14.5541 6.76838 14.5497 6.78232 14.5355C6.79625 14.5213 6.8002 14.5 6.79229 14.4817C6.78439 14.4635 6.76621 14.4518 6.7463 14.4522"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.2482 17.4532C10.2353 17.4531 10.223 17.4583 10.2139 17.4676C10.2049 17.4768 10.1999 17.4893 10.2002 17.5022C10.2002 17.5221 10.2123 17.54 10.2307 17.5475C10.2492 17.5551 10.2703 17.5507 10.2843 17.5365C10.2982 17.5222 10.3021 17.501 10.2942 17.4827C10.2863 17.4644 10.2681 17.4527 10.2482 17.4532"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.74728 17.4532C6.7342 17.4529 6.72157 17.458 6.71232 17.4672C6.70306 17.4765 6.69799 17.4891 6.69826 17.5022C6.69827 17.5221 6.71032 17.54 6.72876 17.5475C6.7472 17.5551 6.76836 17.5507 6.7823 17.5365C6.79624 17.5222 6.80018 17.501 6.79228 17.4827C6.78438 17.4644 6.7662 17.4527 6.74628 17.4532"
stroke="#161517"
strokeWidth="1.5"
strokeLinecap="round"
strokeLinejoin="round"
/>
</svg>
);

export default CalendarWithTime;
Loading

0 comments on commit 7fc3c34

Please sign in to comment.