✨ feat: add LightBulb, DollarSign, and BookOpen icons

docs/IconsGallery/IconsGallery.tsx

@@ -11,6 +11,7 @@ import {
   ArrowRightIcon,
   ArrowUpIcon,
   BarChartIcon,
+  BookOpenIcon,
   CalendarMonthIcon,
   CheckIcon,
   CheckCircleIcon,
@@ -25,6 +26,7 @@ import {
   CubeIcon,
   DatacenterIcon,
   DeleteIcon,
+  DollarSignIcon,
   DownloadIcon,
   EditIcon,
   EllipsesIcon,
@@ -43,6 +45,7 @@ import {
   InvoiceListIcon,
   KeyIcon,
   LoaderIcon,
+  LightBulbIcon,
   NetworkIcon,
   PagesStackIcon,
   PageviewIcon,
@@ -79,6 +82,7 @@ const iconEntries: IconEntry[] = [
   { name: 'ArrowRightIcon', component: ArrowRightIcon },
   { name: 'ArrowUpIcon', component: ArrowUpIcon },
   { name: 'BarChartIcon', component: BarChartIcon },
+  { name: 'BookOpenIcon', component: BookOpenIcon },
   { name: 'CalendarMonthIcon', component: CalendarMonthIcon },
   { name: 'CheckIcon', component: CheckIcon },
   { name: 'CheckCircleIcon', component: CheckCircleIcon },
@@ -93,6 +97,7 @@ const iconEntries: IconEntry[] = [
   { name: 'CubeIcon', component: CubeIcon },
   { name: 'DatacenterIcon', component: DatacenterIcon },
   { name: 'DeleteIcon', component: DeleteIcon },
+  { name: 'DollarSignIcon', component: DollarSignIcon },
   { name: 'DownloadIcon', component: DownloadIcon },
   { name: 'EditIcon', component: EditIcon },
   { name: 'EllipsesIcon', component: EllipsesIcon },
@@ -112,6 +117,7 @@ const iconEntries: IconEntry[] = [
   { name: 'KeyIcon', component: KeyIcon },
   { name: 'LoaderIcon', component: LoaderIcon },
   { name: 'NetworkIcon', component: NetworkIcon },
+  { name: 'LightBulbIcon', component: LightBulbIcon },
   { name: 'PagesStackIcon', component: PagesStackIcon },
   { name: 'PageviewIcon', component: PageviewIcon },
   { name: 'PeopleIcon', component: PeopleIcon },

lib/assets/icons/components/BookOpen.tsx

@@ -0,0 +1,30 @@
+import { forwardRef } from 'react';
+
+import { IconProps } from './types';
+
+export const BookOpenIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 24, color = 'currentColor', ...props }, ref) => (
+    <svg
+      ref={ref}
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 22 18"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M10.75 4.083C10.75 2.25 9.25 0.75 7.417 0.75H0.75V12.75H7.458C10.75 12.75 10.75 16.084 10.75 16.084M10.75 4.083C10.75 2.249 12.25 0.75 14.083 0.75H20.75V12.75H14.083C10.75 12.75 10.75 16.084 10.75 16.084M10.75 4.083V16.084M12.625 17.208C12.8337 16.7759 13.1587 16.4105 13.5636 16.1529C13.9685 15.8954 14.4372 15.7558 14.917 15.75H19.75M8.875 17.208C8.67016 16.7729 8.34602 16.405 7.94028 16.1469C7.53454 15.8888 7.06387 15.7511 6.583 15.75H1.75"
+        stroke={color}
+        strokeWidth="1.5"
+        strokeMiterlimit="10"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  ),
+);
+
+BookOpenIcon.displayName = 'KonstructBookOpenIcon';
+
+export default BookOpenIcon;

lib/assets/icons/components/DollarSign.tsx

@@ -0,0 +1,28 @@
+import { forwardRef } from 'react';
+
+import { IconProps } from './types';
+
+export const DollarSignIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 24, color = 'currentColor', ...props }, ref) => (
+    <svg
+      ref={ref}
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 10 18"
+      fill="none"
+      {...props}
+    >
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M5.57143 9.42857V13.7143C7.07957 13.5789 7.71429 12.7341 7.71429 11.6186C7.71429 10.5441 7.22057 9.90857 5.57143 9.42857ZM4.28571 7.28571V3.42857C2.883 3.60643 2.14286 4.42714 2.14286 5.32714C2.14286 6.22714 2.72743 6.89014 4.28571 7.28571ZM5.50286 7.60157L5.96229 7.72029C8.47886 8.32414 9.85714 9.393 9.85714 11.5011C9.85714 13.926 7.94314 15.3017 5.50286 15.48V17.1429H4.42157V15.48C1.99071 15.2919 0.0672857 13.8767 0 11.5011H1.98086C2.15314 12.6591 2.88086 13.5103 4.42157 13.6783V9.36386L4.029 9.26486C1.59814 8.68071 0.287143 7.55229 0.287143 5.54314C0.287143 3.32614 2.01 1.86129 4.42157 1.67314V0H5.50286V1.67271C7.89514 1.87071 9.62743 3.35529 9.70414 5.60229H7.71343C7.58914 4.35514 6.72771 3.63257 5.50286 3.474V7.60157Z"
+        fill={color}
+      />
+    </svg>
+  ),
+);
+
+DollarSignIcon.displayName = 'KonstructDollarSignIcon';
+
+export default DollarSignIcon;

lib/assets/icons/components/LightBulb.tsx

@@ -0,0 +1,36 @@
+import { forwardRef } from 'react';
+
+import { IconProps } from './types';
+
+export const LightBulbIcon = forwardRef<SVGSVGElement, IconProps>(
+  ({ size = 24, color = 'currentColor', ...props }, ref) => (
+    <svg
+      ref={ref}
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 20 21"
+      fill="none"
+      {...props}
+    >
+      <path
+        d="M15.167 10.863C14.883 13.228 13.334 14.173 12.665 14.859C11.995 15.547 12.115 15.684 12.16 16.693C12.1675 16.8178 12.1494 16.9429 12.1067 17.0604C12.064 17.178 11.9978 17.2856 11.9119 17.3765C11.8261 17.4675 11.7226 17.5399 11.6077 17.5894C11.4928 17.6388 11.369 17.6642 11.244 17.664H8.58598C8.46101 17.6638 8.33738 17.6381 8.22266 17.5885C8.10793 17.5389 8.00451 17.4665 7.9187 17.3756C7.83289 17.2848 7.76649 17.1774 7.72356 17.06C7.68063 16.9426 7.66206 16.8178 7.66898 16.693C7.66898 15.703 7.76099 15.473 7.16499 14.859C6.40499 14.099 4.61699 13.026 4.61699 10.075C4.61242 9.34197 4.75975 8.61597 5.0497 7.94274C5.33964 7.26951 5.76591 6.66364 6.30163 6.16332C6.83735 5.66301 7.47091 5.2791 8.16237 5.0358C8.85383 4.79249 9.58819 4.69507 10.3192 4.74967C11.0502 4.80426 11.7619 5.0097 12.4095 5.35302C13.0572 5.69635 13.6267 6.17012 14.0821 6.74446C14.5376 7.31881 14.8691 7.98128 15.0558 8.69012C15.2425 9.39895 15.2804 10.1388 15.167 10.863Z"
+        stroke={color}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+      <path
+        d="M8.375 17.609V19.121C8.375 19.534 8.605 19.873 8.888 19.873H10.941C11.226 19.873 11.455 19.533 11.455 19.121V17.609M9.135 7.069C8.54454 7.06927 7.97835 7.30401 7.56092 7.72163C7.14349 8.13924 6.909 8.70554 6.909 9.296M17.247 10.277H19.081M15.401 4.265L16.702 2.964M16.401 15.373L17.702 16.673M9.915 0.75V2.233M3.155 2.963L4.447 4.265M2.155 16.673L3.447 15.373M2.583 10.277H0.75"
+        stroke={color}
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  ),
+);
+
+LightBulbIcon.displayName = 'KonstructLightBulbIcon';
+
+export default LightBulbIcon;

lib/assets/icons/components/index.ts

@@ -8,6 +8,7 @@ export { ArrowLeftIcon } from './ArrowLeft';
 export { ArrowRightIcon } from './ArrowRight';
 export { ArrowUpIcon } from './ArrowUp';
 export { BarChartIcon } from './BarChart';
+export { BookOpenIcon } from './BookOpen';
 export { CalendarMonthIcon } from './CalendarMonth';
 export { CheckIcon } from './Check';
 export { CheckCircleIcon } from './CheckCircle';
@@ -22,6 +23,7 @@ export { CpuIcon } from './Cpu';
 export { CubeIcon } from './Cube';
 export { DatacenterIcon } from './Datacenter';
 export { DeleteIcon } from './Delete';
+export { DollarSignIcon } from './DollarSign';
 export { DownloadIcon } from './Download';
 export { EditIcon } from './Edit';
 export { EllipsesIcon } from './Ellipses';
@@ -40,6 +42,7 @@ export { InformationOutlineIcon } from './InformationOutline';
 export { InvoiceListIcon } from './InvoiceList';
 export { KeyIcon } from './Key';
 export { LoaderIcon } from './Loader';
+export { LightBulbIcon } from './LightBulb';
 export { NetworkIcon } from './Network';
 export { PagesStackIcon } from './PagesStack';
 export { PageviewIcon } from './Pageview';

lib/icons.ts

@@ -10,6 +10,7 @@ export {
   ArrowRightIcon,
   ArrowUpIcon,
   BarChartIcon,
+  BookOpenIcon,
   CalendarMonthIcon,
   CheckIcon,
   CheckCircleIcon,
@@ -24,6 +25,7 @@ export {
   CubeIcon,
   DatacenterIcon,
   DeleteIcon,
+  DollarSignIcon,
   DownloadIcon,
   EditIcon,
   EllipsesIcon,
@@ -42,6 +44,7 @@ export {
   InvoiceListIcon,
   KeyIcon,
   LoaderIcon,
+  LightBulbIcon,
   NetworkIcon,
   PagesStackIcon,
   PageviewIcon,