developer-icons 1.2.0 → 2.0.0

package/README.md

@@ -1,13 +1,11 @@
 # Developer Icons
 
-## About
-
 `Developer Icons` is a collection of ready-to-use high-quality vector icons for developers and designers. Fully customizable options with props, className, inline styles, etc. and completely typescript-supported components.
 
 ## Features
 
 - **High-Quality Icons**: A curated set of icons suitable for various development projects.
-- **Easy to Use**: Icons are organized and can be easily integrated into projects.
+- **Easy to Use**: Icons are organized and can be easily integrated into projects as react components.
 - **Open Source**: Freely available for personal and commercial use, adhering to specified licenses.
 
 ## Installation
@@ -38,7 +36,7 @@ Import named icon components from the `developer-icons` package and use it as an
 import { HtmlIcon, JavascriptIcon } from "developer-icons";
 
 //inside your React component JSX
-export const ReactComponent = () => {
+export const YourReactComponent = () => {
   return (
     <div>
       <HtmlIcon className="html-icon" />

package/dist/{createDeveloperIcon.d.ts → icon.d.ts}

@@ -3,5 +3,4 @@ import { SVGProps } from 'react';
 export interface DeveloperIconProps extends Partial<SVGProps<SVGElement>> {
     size?: number;
 }
-export declare const createDeveloperIcon: (iconName: string, iconContent: string) => string;
 export declare const Icon: ({ size, className, color, ...rest }: DeveloperIconProps) => import('react').ReactSVGElement;

package/dist/icons/CanvaIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const CanvaIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ChatgptIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const ChatgptIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/CssIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const CssIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/DiscordIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const DiscordIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/FigmaIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const FigmaIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/FirebaseIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const FirebaseIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/GitIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const GitIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/GithubIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const GithubIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/GmailIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const GmailIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/HtmlIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const HtmlIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/InstagramIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const InstagramIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/JavascriptIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const JavascriptIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/LinkedinIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const LinkedinIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/MongodbIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const MongodbIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/NextjsIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const NextjsIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/NotionIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const NotionIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/OpenaiIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const OpenaiIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/PostmanIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const PostmanIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ReactIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const ReactIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ReactNativeIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const ReactNativeIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ReduxIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const ReduxIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/SassIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const SassIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/TailwindCssIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const TailwindCssIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/TypescriptIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const TypescriptIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/ViteIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const ViteIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/VsCodeIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const VsCodeIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/icons/WordpressIcon.d.ts

@@ -1,3 +1,3 @@
-import { DeveloperIconProps } from '../createDeveloperIcon';
+import { DeveloperIconProps } from '../main';
 
 export declare const WordpressIcon: (props: DeveloperIconProps) => import('react').FunctionComponentElement<DeveloperIconProps>;

package/dist/main.d.ts

@@ -1,6 +1,6 @@
 export * from './icons';
-export * from './createDeveloperIcon';
+export { default as IconsData } from './icons/icons.data';
 export * from './utils/capitalizeFirstLetter';
 export * from './utils/mergeClassNames';
 export { default as DefaultAttributes } from './defaultAttributes';
-export { default as IconsData } from './icons/icons.data';
+export * from './icon';