artode-icons 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Artode Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,73 @@
+# Artode Icons
+
+A premium collection of canvas-based, animated icons designed with a Swiss International Style aesthetic. These icons feature a unique "interference wave" animation effect on hover, perfect for adding a touch of sophisticated dynamism to your React applications.
+
+## Features
+
+- **Canvas-based Rendering**: High-performance rendering using HTML5 Canvas.
+- **Interference Wave Animation**: A custom physics-inspired wave effect that activates on hover.
+- **Swiss Design Aesthetic**: Minimalist, geometric, and clean.
+- **Customizable**: Control size, color, stroke/fill styles, and hover states.
+- **TypeScript Support**: Fully typed for seamless integration.
+
+## Installation
+
+```bash
+npm install artode-icons
+# or
+yarn add artode-icons
+# or
+pnpm add artode-icons
+```
+*(Note: Ensure you have configured the registry or installed from the source as this package is currently private/local)*
+
+## Usage
+
+Import the icons directly from the package:
+
+```tsx
+import { AppleIcon, ReactIcon } from 'artode-icons/icons';
+
+export default function MyComponent() {
+  return (
+    <div className="flex gap-4">
+      <AppleIcon size={48} />
+      <ReactIcon size={48} color="#61DAFB" />
+      {/* Outlined version */}
+      <ReactIcon size={48} drawType="stroke" />
+    </div>
+  );
+}
+```
+
+## Props
+
+All icons accept the following props:
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `size` | `number` | `32` | The width and height of the icon in pixels. |
+| `color` | `string` | `'#D80018'` | The fill or stroke color of the icon. Default is Swiss Red. |
+| `drawType` | `'fill' \| 'stroke'` | `'fill'` | Whether to fill the shape or draw its outline. |
+| `className` | `string` | `undefined` | Additional CSS classes to apply to the canvas element. |
+| `forceHover` | `boolean` | `false` | If true, the wave animation will play continuously without hover. |
+
+## Development
+
+To run the development server and view the icon gallery:
+
+```bash
+npm run dev
+```
+
+## Building
+
+To build the project:
+
+```bash
+npm run build
+```
+
+## License
+
+[MIT](LICENSE)

package/dist/index.d.mts

@@ -0,0 +1,272 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface ArtodeIconProps {
+    /** SVG Path string for the icon shape */
+    path: string;
+    /** Size of the canvas/icon in pixels */
+    size?: number;
+    /** Override the primary Swiss Red color */
+    color?: string;
+    /** ClassName for additional styling */
+    className?: string;
+    /** Force hover state for animation control */
+    forceHover?: boolean;
+    /** Draw either the stroke or the fill of the SVG path */
+    drawType?: 'fill' | 'stroke';
+}
+declare const ArtodeIcon: React.FC<ArtodeIconProps>;
+
+declare const AngularIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AppleIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AstroIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AWSIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AzureIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const BehanceIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const BunIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CPlusPlusIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CSharpIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const DiscordIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const DjangoIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const DockerIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FigmaIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FirebaseIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FlutterIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GCPIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GitIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GitHubIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GitLabIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GoIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GoogleIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GraphQLIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const InstagramIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const IntelliJIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const JavaIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const JavaScriptIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const KotlinIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const KubernetesIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const LaravelIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const LinuxIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const MediumIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const MongoDBIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const MySQLIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const NextjsIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const NodejsIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const npmIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PHPIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PinterestIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PNPMIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PostgreSQLIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PostmanIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PythonIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ReactIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RedditIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RedisIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RubyIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RustIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SpringIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SQLiteIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SupabaseIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SvelteIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SwiftIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TailwindIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TelegramIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TikTokIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TwitchIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TwitterIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TypeScriptIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const VercelIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const VuejsIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const WhatsAppIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const XIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const YouTubeIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+export { AWSIcon, AngularIcon, AppleIcon, ArtodeIcon, type ArtodeIconProps, AstroIcon, AzureIcon, BehanceIcon, BunIcon, CPlusPlusIcon, CSharpIcon, DiscordIcon, DjangoIcon, DockerIcon, FigmaIcon, FirebaseIcon, FlutterIcon, GCPIcon, GitHubIcon, GitIcon, GitLabIcon, GoIcon, GoogleIcon, GraphQLIcon, InstagramIcon, IntelliJIcon, JavaIcon, JavaScriptIcon, KotlinIcon, KubernetesIcon, LaravelIcon, LinuxIcon, MediumIcon, MongoDBIcon, MySQLIcon, NextjsIcon, NodejsIcon, PHPIcon, PNPMIcon, PinterestIcon, PostgreSQLIcon, PostmanIcon, PythonIcon, ReactIcon, RedditIcon, RedisIcon, RubyIcon, RustIcon, SQLiteIcon, SpringIcon, SupabaseIcon, SvelteIcon, SwiftIcon, TailwindIcon, TelegramIcon, TikTokIcon, TwitchIcon, TwitterIcon, TypeScriptIcon, VercelIcon, VuejsIcon, WhatsAppIcon, XIcon, YouTubeIcon, npmIcon };

package/dist/index.d.ts

@@ -0,0 +1,272 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React from 'react';
+
+interface ArtodeIconProps {
+    /** SVG Path string for the icon shape */
+    path: string;
+    /** Size of the canvas/icon in pixels */
+    size?: number;
+    /** Override the primary Swiss Red color */
+    color?: string;
+    /** ClassName for additional styling */
+    className?: string;
+    /** Force hover state for animation control */
+    forceHover?: boolean;
+    /** Draw either the stroke or the fill of the SVG path */
+    drawType?: 'fill' | 'stroke';
+}
+declare const ArtodeIcon: React.FC<ArtodeIconProps>;
+
+declare const AngularIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AppleIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AstroIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AWSIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const AzureIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const BehanceIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const BunIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CPlusPlusIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const CSharpIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const DiscordIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const DjangoIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const DockerIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FigmaIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FirebaseIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FlutterIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GCPIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GitIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GitHubIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GitLabIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GoIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GoogleIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const GraphQLIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const InstagramIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const IntelliJIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const JavaIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const JavaScriptIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const KotlinIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const KubernetesIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const LaravelIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const LinuxIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const MediumIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const MongoDBIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const MySQLIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const NextjsIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const NodejsIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const npmIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PHPIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PinterestIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PNPMIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PostgreSQLIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PostmanIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const PythonIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const ReactIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RedditIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RedisIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RubyIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const RustIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SpringIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SQLiteIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SupabaseIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SvelteIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const SwiftIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TailwindIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TelegramIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TikTokIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TwitchIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TwitterIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const TypeScriptIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const VercelIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const VuejsIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const WhatsAppIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const XIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+declare const YouTubeIcon: ({ className, size, drawType, ...props }: Omit<ArtodeIconProps, "path" | "drawType"> & {
+    drawType?: "fill" | "stroke";
+}) => react_jsx_runtime.JSX.Element;
+
+export { AWSIcon, AngularIcon, AppleIcon, ArtodeIcon, type ArtodeIconProps, AstroIcon, AzureIcon, BehanceIcon, BunIcon, CPlusPlusIcon, CSharpIcon, DiscordIcon, DjangoIcon, DockerIcon, FigmaIcon, FirebaseIcon, FlutterIcon, GCPIcon, GitHubIcon, GitIcon, GitLabIcon, GoIcon, GoogleIcon, GraphQLIcon, InstagramIcon, IntelliJIcon, JavaIcon, JavaScriptIcon, KotlinIcon, KubernetesIcon, LaravelIcon, LinuxIcon, MediumIcon, MongoDBIcon, MySQLIcon, NextjsIcon, NodejsIcon, PHPIcon, PNPMIcon, PinterestIcon, PostgreSQLIcon, PostmanIcon, PythonIcon, ReactIcon, RedditIcon, RedisIcon, RubyIcon, RustIcon, SQLiteIcon, SpringIcon, SupabaseIcon, SvelteIcon, SwiftIcon, TailwindIcon, TelegramIcon, TikTokIcon, TwitchIcon, TwitterIcon, TypeScriptIcon, VercelIcon, VuejsIcon, WhatsAppIcon, XIcon, YouTubeIcon, npmIcon };