@dehlwes/icons 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Luis Dehlwes
+
+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,192 @@
+# @dehlwes/icons
+
+A modern, high-quality icon package with stroke-based, scalable SVG icons and the dehlwes brand assets.
+
+## Design Philosophy
+
+**@dehlwes/icons** follows modern UI icon standards with:
+
+- **Outline-style** (stroke-based) icons for flexible theming
+- **2px stroke weight** for optimal clarity at all sizes
+- **24×24 grid system** with ~20×20 active drawing area
+- **Round caps and joins** for a friendly, accessible appearance
+- **Consistent visual language** across all icons and brand assets
+
+## Installation
+
+```bash
+npm install @dehlwes/icons
+```
+
+## Usage
+
+### Basic Import
+
+```jsx
+import { Home, DehlwesLogo, DehlwesWordmark } from '@dehlwes/icons';
+
+function App() {
+  return (
+    <div>
+      <Home size={24} />
+      <DehlwesLogo size={32} />
+      <DehlwesWordmark size={120} />
+    </div>
+  );
+}
+```
+
+### Tree-shaking Support
+
+Import only the icons you need:
+
+```jsx
+import { Home } from '@dehlwes/icons';
+// Only Home icon is bundled
+```
+
+## Available Icons
+
+### UI Icons
+
+- **`Home`** - Clean house outline with centered roof and door
+
+### Brand Assets
+
+- **`DehlwesWordmark`** - Primary brand wordmark in lowercase
+- **`DehlwesLogo`** - Compact 'd' monogram for avatars/favicons
+
+## Props
+
+All icons accept these common props:
+
+```typescript
+interface IconProps {
+  size?: number | string;  // Default: 24 (Home/Logo) or 120 (Wordmark)
+  className?: string;      // CSS classes
+  title?: string;          // Accessibility title
+}
+```
+
+## Design Guidelines
+
+### Grid System
+
+- **Canvas:** 24×24px
+- **Active Area:** ~20×20px (10% margin from edges)
+- **Stroke Width:** 2px consistent
+- **Line Caps:** Round
+- **Line Joins:** Round
+
+### Sizing Recommendations
+
+| Use Case | Size | Example |
+|----------|------|---------|
+| Small UI controls | 16px | Buttons, form elements |
+| Standard UI | 20-24px | Navigation, toolbars |
+| Large UI | 32px+ | Headers, focal points |
+| Wordmark | 100-150px | Branding, logos |
+
+### Color & Theming
+
+Icons inherit the current text color (`currentColor`):
+
+```css
+.icon-primary { color: #3b82f6; }
+.icon-secondary { color: #6b7280; }
+.dark .icon { color: #f9fafb; }
+```
+
+### Accessibility
+
+- All icons include semantic `title` elements
+- Use `aria-label` for meaningful icons
+- Hide decorative icons: `aria-hidden="true"`
+
+```jsx
+{/* Meaningful icon */}
+<Home title="Go to homepage" />
+
+{/* Decorative icon */}
+<DehlwesLogo aria-hidden="true" />
+```
+
+### Clearspace
+
+**Wordmark:** Maintain minimum clearspace equal to the x-height around the wordmark.
+
+**Logomark:** Maintain minimum 4px clearspace around the logo at 24px size (scale proportionally).
+
+## Design Specs
+
+### Home Icon Blueprint
+
+- House outline with gabled roof
+- Roof peak centered, ~40-45° angle
+- Optional door rectangle
+- No interior details under 2px
+- Maintains clarity at 16px minimum
+
+### Brand Asset Specifications
+
+**Wordmark:**
+- Lowercase "dehlwes" in geometric sans-serif style
+- Consistent 2px stroke weight
+- Aspect ratio: ~4:1 (width:height)
+
+**Logo:**
+- Simplified 'd' monogram
+- Circle + vertical stem construction
+- Same 2px stroke as icon system
+- Perfect square aspect ratio
+
+## Examples
+
+### Navigation
+
+```jsx
+<nav>
+  <DehlwesLogo size={28} />
+  <ul>
+    <li><Home size={20} /> Dashboard</li>
+  </ul>
+</nav>
+```
+
+### Theme Integration
+
+```jsx
+// With Tailwind CSS
+<Home className="w-6 h-6 text-blue-600" />
+
+// With styled-components
+const StyledIcon = styled(Home)`
+  color: ${props => props.theme.primary};
+  transition: color 0.2s ease;
+`;
+```
+
+### Responsive Branding
+
+```jsx
+// Mobile: compact logo
+<DehlwesLogo size={24} className="md:hidden" />
+
+// Desktop: full wordmark  
+<DehlwesWordmark size={120} className="hidden md:block" />
+```
+
+## License
+
+MIT
+
+## Contributing
+
+Icons should follow the established design system:
+- 2px stroke weight
+- Round caps/joins
+- 24×24 grid with 10% margin
+- Minimal details for scalability
+- Consistent visual language
+
+For new icons or modifications, please ensure they pass the "squint test" at 16px size and maintain optical balance within the grid system.

package/dist/icons/DehlwesLogo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './Home';
+export declare const DehlwesLogo: React.FC<IconProps>;

package/dist/icons/DehlwesWordmark.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { IconProps } from './Home';
+export declare const DehlwesWordmark: React.FC<IconProps>;

package/dist/icons/Home.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface IconProps {
+    size?: number | string;
+    className?: string;
+    title?: string;
+}
+export declare const Home: React.FC<IconProps>;

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export { Home } from './icons/Home';
+export { DehlwesWordmark } from './icons/DehlwesWordmark';
+export { DehlwesLogo } from './icons/DehlwesLogo';
+export type { IconProps } from './icons/Home';

package/dist/index.esm.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Home = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.title, title = _d === void 0 ? 'Home' : _d;
+    return (jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: className, role: "img", "aria-label": title, children: [jsx("title", { children: title }), jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), jsx("path", { d: "M9 22V12h6v10" })] }));
+};
+
+var DehlwesWordmark = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 120 : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.title, title = _d === void 0 ? 'dehlwes' : _d;
+    return (jsxs("svg", { width: size, height: typeof size === 'number' ? size * 0.25 : '30', viewBox: "0 0 120 30", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: className, role: "img", "aria-label": title, children: [jsx("title", { children: title }), jsx("circle", { cx: "11", cy: "18", r: "6" }), jsx("path", { d: "M17 6v18" }), jsx("circle", { cx: "30", cy: "18", r: "6" }), jsx("path", { d: "M24 18h12" }), jsx("path", { d: "M42 6v18M42 15h8M50 9v15" }), jsx("path", { d: "M58 6v18" }), jsx("path", { d: "M66 9v15l4-12 4 12V9" }), jsx("circle", { cx: "86", cy: "18", r: "6" }), jsx("path", { d: "M80 18h12" }), jsx("path", { d: "M98 12c0-2.2 1.8-4 4-4s4 1.8 4 4-1.8 4-4 4-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4" })] }));
+};
+
+var DehlwesLogo = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.title, title = _d === void 0 ? 'dehlwes logo' : _d;
+    return (jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: className, role: "img", "aria-label": title, children: [jsx("title", { children: title }), jsx("circle", { cx: "12", cy: "12", r: "8" }), jsx("path", { d: "M20 4v16" })] }));
+};
+
+export { DehlwesLogo, DehlwesWordmark, Home };
+//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../src/icons/Home.tsx","../src/icons/DehlwesWordmark.tsx","../src/icons/DehlwesLogo.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface IconProps {\n  size?: number | string;\n  className?: string;\n  title?: string;\n}\n\nexport const Home: React.FC<IconProps> = ({ \n  size = 24, \n  className = '', \n  title = 'Home' \n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      role=\"img\"\n      aria-label={title}\n    >\n      <title>{title}</title>\n      {/* House outline with centered roof */}\n      <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\n      {/* Door */}\n      <path d=\"M9 22V12h6v10\" />\n    </svg>\n  );\n};","import React from 'react';\nimport { IconProps } from './Home';\n\nexport const DehlwesWordmark: React.FC<IconProps> = ({ \n  size = 120, \n  className = '', \n  title = 'dehlwes' \n}) => {\n  return (\n    <svg\n      width={size}\n      height={typeof size === 'number' ? size * 0.25 : '30'} // Maintain aspect ratio for wordmark\n      viewBox=\"0 0 120 30\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      role=\"img\"\n      aria-label={title}\n    >\n      <title>{title}</title>\n      {/* d */}\n      <circle cx=\"11\" cy=\"18\" r=\"6\" />\n      <path d=\"M17 6v18\" />\n      \n      {/* e */}\n      <circle cx=\"30\" cy=\"18\" r=\"6\" />\n      <path d=\"M24 18h12\" />\n      \n      {/* h */}\n      <path d=\"M42 6v18M42 15h8M50 9v15\" />\n      \n      {/* l */}\n      <path d=\"M58 6v18\" />\n      \n      {/* w */}\n      <path d=\"M66 9v15l4-12 4 12V9\" />\n      \n      {/* e */}\n      <circle cx=\"86\" cy=\"18\" r=\"6\" />\n      <path d=\"M80 18h12\" />\n      \n      {/* s */}\n      <path d=\"M98 12c0-2.2 1.8-4 4-4s4 1.8 4 4-1.8 4-4 4-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4\" />\n    </svg>\n  );\n};","import React from 'react';\nimport { IconProps } from './Home';\n\nexport const DehlwesLogo: React.FC<IconProps> = ({ \n  size = 24, \n  className = '', \n  title = 'dehlwes logo' \n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      role=\"img\"\n      aria-label={title}\n    >\n      <title>{title}</title>\n      {/* Circle part of 'd' */}\n      <circle cx=\"12\" cy=\"12\" r=\"8\" />\n      {/* Stem of 'd' */}\n      <path d=\"M20 4v16\" />\n    </svg>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,23 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+var Home = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.title, title = _d === void 0 ? 'Home' : _d;
+    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: className, role: "img", "aria-label": title, children: [jsxRuntime.jsx("title", { children: title }), jsxRuntime.jsx("path", { d: "M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" }), jsxRuntime.jsx("path", { d: "M9 22V12h6v10" })] }));
+};
+
+var DehlwesWordmark = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 120 : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.title, title = _d === void 0 ? 'dehlwes' : _d;
+    return (jsxRuntime.jsxs("svg", { width: size, height: typeof size === 'number' ? size * 0.25 : '30', viewBox: "0 0 120 30", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: className, role: "img", "aria-label": title, children: [jsxRuntime.jsx("title", { children: title }), jsxRuntime.jsx("circle", { cx: "11", cy: "18", r: "6" }), jsxRuntime.jsx("path", { d: "M17 6v18" }), jsxRuntime.jsx("circle", { cx: "30", cy: "18", r: "6" }), jsxRuntime.jsx("path", { d: "M24 18h12" }), jsxRuntime.jsx("path", { d: "M42 6v18M42 15h8M50 9v15" }), jsxRuntime.jsx("path", { d: "M58 6v18" }), jsxRuntime.jsx("path", { d: "M66 9v15l4-12 4 12V9" }), jsxRuntime.jsx("circle", { cx: "86", cy: "18", r: "6" }), jsxRuntime.jsx("path", { d: "M80 18h12" }), jsxRuntime.jsx("path", { d: "M98 12c0-2.2 1.8-4 4-4s4 1.8 4 4-1.8 4-4 4-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4" })] }));
+};
+
+var DehlwesLogo = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.className, className = _c === void 0 ? '' : _c, _d = _a.title, title = _d === void 0 ? 'dehlwes logo' : _d;
+    return (jsxRuntime.jsxs("svg", { width: size, height: size, viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", className: className, role: "img", "aria-label": title, children: [jsxRuntime.jsx("title", { children: title }), jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "8" }), jsxRuntime.jsx("path", { d: "M20 4v16" })] }));
+};
+
+exports.DehlwesLogo = DehlwesLogo;
+exports.DehlwesWordmark = DehlwesWordmark;
+exports.Home = Home;
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../src/icons/Home.tsx","../src/icons/DehlwesWordmark.tsx","../src/icons/DehlwesLogo.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface IconProps {\n  size?: number | string;\n  className?: string;\n  title?: string;\n}\n\nexport const Home: React.FC<IconProps> = ({ \n  size = 24, \n  className = '', \n  title = 'Home' \n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      role=\"img\"\n      aria-label={title}\n    >\n      <title>{title}</title>\n      {/* House outline with centered roof */}\n      <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\" />\n      {/* Door */}\n      <path d=\"M9 22V12h6v10\" />\n    </svg>\n  );\n};","import React from 'react';\nimport { IconProps } from './Home';\n\nexport const DehlwesWordmark: React.FC<IconProps> = ({ \n  size = 120, \n  className = '', \n  title = 'dehlwes' \n}) => {\n  return (\n    <svg\n      width={size}\n      height={typeof size === 'number' ? size * 0.25 : '30'} // Maintain aspect ratio for wordmark\n      viewBox=\"0 0 120 30\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      role=\"img\"\n      aria-label={title}\n    >\n      <title>{title}</title>\n      {/* d */}\n      <circle cx=\"11\" cy=\"18\" r=\"6\" />\n      <path d=\"M17 6v18\" />\n      \n      {/* e */}\n      <circle cx=\"30\" cy=\"18\" r=\"6\" />\n      <path d=\"M24 18h12\" />\n      \n      {/* h */}\n      <path d=\"M42 6v18M42 15h8M50 9v15\" />\n      \n      {/* l */}\n      <path d=\"M58 6v18\" />\n      \n      {/* w */}\n      <path d=\"M66 9v15l4-12 4 12V9\" />\n      \n      {/* e */}\n      <circle cx=\"86\" cy=\"18\" r=\"6\" />\n      <path d=\"M80 18h12\" />\n      \n      {/* s */}\n      <path d=\"M98 12c0-2.2 1.8-4 4-4s4 1.8 4 4-1.8 4-4 4-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4\" />\n    </svg>\n  );\n};","import React from 'react';\nimport { IconProps } from './Home';\n\nexport const DehlwesLogo: React.FC<IconProps> = ({ \n  size = 24, \n  className = '', \n  title = 'dehlwes logo' \n}) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth={2}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      role=\"img\"\n      aria-label={title}\n    >\n      <title>{title}</title>\n      {/* Circle part of 'd' */}\n      <circle cx=\"12\" cy=\"12\" r=\"8\" />\n      {/* Stem of 'd' */}\n      <path d=\"M20 4v16\" />\n    </svg>\n  );\n};"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@dehlwes/icons",
+  "version": "1.0.0",
+  "description": "A modern, high-quality icon package with stroke-based, scalable SVG icons and the dehlwes brand assets",
+  "main": "dist/index.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "src",
+    "LICENSE",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "build:watch": "rollup -c -w",
+    "dev": "rollup -c -w",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "keywords": [
+    "icons",
+    "svg",
+    "react",
+    "typescript",
+    "dehlwes",
+    "ui",
+    "components",
+    "outline",
+    "stroke"
+  ],
+  "author": "Luis Dehlwes",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dehlwes/icons"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@types/react": "^18.2.37",
+    "rollup": "^4.6.1",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "tslib": "^2.8.1",
+    "typescript": "^5.2.2"
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "import": "./dist/index.esm.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./package.json": "./package.json"
+  }
+}

package/src/icons/DehlwesLogo.tsx

@@ -0,0 +1,30 @@
+import React from 'react';
+import { IconProps } from './Home';
+
+export const DehlwesLogo: React.FC<IconProps> = ({ 
+  size = 24, 
+  className = '', 
+  title = 'dehlwes logo' 
+}) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      role="img"
+      aria-label={title}
+    >
+      <title>{title}</title>
+      {/* Circle part of 'd' */}
+      <circle cx="12" cy="12" r="8" />
+      {/* Stem of 'd' */}
+      <path d="M20 4v16" />
+    </svg>
+  );
+};

package/src/icons/DehlwesWordmark.tsx

@@ -0,0 +1,49 @@
+import React from 'react';
+import { IconProps } from './Home';
+
+export const DehlwesWordmark: React.FC<IconProps> = ({ 
+  size = 120, 
+  className = '', 
+  title = 'dehlwes' 
+}) => {
+  return (
+    <svg
+      width={size}
+      height={typeof size === 'number' ? size * 0.25 : '30'} // Maintain aspect ratio for wordmark
+      viewBox="0 0 120 30"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      role="img"
+      aria-label={title}
+    >
+      <title>{title}</title>
+      {/* d */}
+      <circle cx="11" cy="18" r="6" />
+      <path d="M17 6v18" />
+      
+      {/* e */}
+      <circle cx="30" cy="18" r="6" />
+      <path d="M24 18h12" />
+      
+      {/* h */}
+      <path d="M42 6v18M42 15h8M50 9v15" />
+      
+      {/* l */}
+      <path d="M58 6v18" />
+      
+      {/* w */}
+      <path d="M66 9v15l4-12 4 12V9" />
+      
+      {/* e */}
+      <circle cx="86" cy="18" r="6" />
+      <path d="M80 18h12" />
+      
+      {/* s */}
+      <path d="M98 12c0-2.2 1.8-4 4-4s4 1.8 4 4-1.8 4-4 4-4 1.8-4 4 1.8 4 4 4 4-1.8 4-4" />
+    </svg>
+  );
+};

package/src/icons/Home.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+export interface IconProps {
+  size?: number | string;
+  className?: string;
+  title?: string;
+}
+
+export const Home: React.FC<IconProps> = ({ 
+  size = 24, 
+  className = '', 
+  title = 'Home' 
+}) => {
+  return (
+    <svg
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth={2}
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+      role="img"
+      aria-label={title}
+    >
+      <title>{title}</title>
+      {/* House outline with centered roof */}
+      <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+      {/* Door */}
+      <path d="M9 22V12h6v10" />
+    </svg>
+  );
+};

package/src/index.ts

@@ -0,0 +1,4 @@
+export { Home } from './icons/Home';
+export { DehlwesWordmark } from './icons/DehlwesWordmark';
+export { DehlwesLogo } from './icons/DehlwesLogo';
+export type { IconProps } from './icons/Home';