@jack-henry/jh-icons 1.2.0 → 2.0.0-beta.7

package/icons-wc/icon-reply-all.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconReplyAll extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M12.97 7.47a.75.75 0 1 1 1.06 1.06l-2.72 2.72h1.905c1.47 0 2.71.353 3.605 1.012.91.67 1.43 1.64 1.43 2.747v4.008a.75.75 0 0 1-1.496.077l-.004-.077v-4.008c0-.598-.266-1.133-.82-1.54-.568-.42-1.47-.719-2.715-.719H11.31l2.72 2.72a.75.75 0 0 1-1.06 1.06L8.44 12l4.53-4.53Zm-4.5 0a.75.75 0 1 1 1.06 1.06L6.06 12l3.47 3.47a.75.75 0 0 1-1.06 1.06L3.94 12l4.53-4.53Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-reply-all', JhIconReplyAll);

package/icons-wc/icon-reply.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconReply extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M9.97 7.47a.75.75 0 1 1 1.06 1.06l-2.72 2.72h4.905c1.47 0 2.71.353 3.605 1.012.91.67 1.43 1.64 1.43 2.747v4.008a.75.75 0 0 1-1.496.077l-.004-.077v-4.008c0-.598-.266-1.133-.82-1.54-.568-.42-1.47-.719-2.715-.719H8.31l2.72 2.72a.75.75 0 0 1-1.061 1.06L5.44 12l4.53-4.53Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-reply', JhIconReply);

package/icons-wc/icon-ring-diamond.js

@@ -1,7 +1,8 @@
-// SPDX-FileCopyrightText: 2025 Jack Henry
-//
-// SPDX-License-Identifier: Apache-2.0
-
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
 import {LitElement, css, html} from 'lit';
 
 export default class JhIconRingDiamond extends LitElement {
@@ -22,31 +23,31 @@ export default class JhIconRingDiamond extends LitElement {
       :host([size='x-small']) {
         --icon-size: var(
           --jh-icon-size-extra-small,
-          var(--jh-size-400)
+          var(--jh-dimension-400)
         );
       }
       :host([size='small']) {
         --icon-size: var(
           --jh-icon-size-small,
-          var(--jh-size-500)
+          var(--jh-dimension-500)
         );
       }
       :host([size='medium']) {
         --icon-size: var(
           --jh-icon-size-medium,
-          var(--jh-size-600)
+          var(--jh-dimension-600)
         );
       }
       :host([size='large']) {
         --icon-size: var(
           --jh-icon-size-large,
-          var(--jh-size-900)
+          var(--jh-dimension-900)
         );
       }
       :host([size='x-large']) {
         --icon-size: var(
           --jh-icon-size-extra-large,
-          var(--jh-size-1400)
+          var(--jh-dimension-1400)
         );
       }
       svg {

package/icons-wc/icon-sack-dollar-sign.js

@@ -1,7 +1,8 @@
-// SPDX-FileCopyrightText: 2025 Jack Henry
-//
-// SPDX-License-Identifier: Apache-2.0
-
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
 import {LitElement, css, html} from 'lit';
 
 export default class JhIconSackDollarSign extends LitElement {
@@ -22,31 +23,31 @@ export default class JhIconSackDollarSign extends LitElement {
       :host([size='x-small']) {
         --icon-size: var(
           --jh-icon-size-extra-small,
-          var(--jh-size-400)
+          var(--jh-dimension-400)
         );
       }
       :host([size='small']) {
         --icon-size: var(
           --jh-icon-size-small,
-          var(--jh-size-500)
+          var(--jh-dimension-500)
         );
       }
       :host([size='medium']) {
         --icon-size: var(
           --jh-icon-size-medium,
-          var(--jh-size-600)
+          var(--jh-dimension-600)
         );
       }
       :host([size='large']) {
         --icon-size: var(
           --jh-icon-size-large,
-          var(--jh-size-900)
+          var(--jh-dimension-900)
         );
       }
       :host([size='x-large']) {
         --icon-size: var(
           --jh-icon-size-extra-large,
-          var(--jh-size-1400)
+          var(--jh-dimension-1400)
         );
       }
       svg {

package/icons-wc/icon-scale-unbalanced.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconScaleUnbalanced extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M16.5 19.75a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1 0-1.5h9Zm-4.5-17a.75.75 0 0 1 .75.75v.201c.116.068.223.15.316.245l4.495-1.172a.75.75 0 0 1 .915.537.744.744 0 0 1-.03.46l2.563 5.074c.164.118.367.31.485.589l.005-.001v.002c.009.917-.277 1.813-.94 2.48-.665.67-1.628 1.027-2.809 1.027-1.182 0-2.142-.357-2.806-1.028-.66-.667-.944-1.56-.944-2.472 0-.346.235-.635.554-.721l2.1-4.16-3.209.835a1.5 1.5 0 0 1-.695.902V17.25h1.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5h1.75V6.298a1.506 1.506 0 0 1-.318-.246L7.09 7.056l2.419 4.79c.164.118.367.31.485.588l.005-.001v.002a3.369 3.369 0 0 1-1.028 2.494c-.676.647-1.623 1.013-2.721 1.013-1.099 0-2.043-.367-2.717-1.014-.672-.647-1.033-1.534-1.033-2.486 0-.346.235-.635.554-.721L5.55 6.773a.75.75 0 0 1 .51-.999l4.494-1.173a1.5 1.5 0 0 1 .695-.9V3.5a.75.75 0 0 1 .75-.75ZM4.139 13.192c.098.25.244.472.433.655.362.347.919.595 1.678.595.76 0 1.32-.248 1.684-.596.19-.183.336-.404.433-.654H4.14Zm.05-1.5h4.123L6.25 7.61l-2.062 4.083Zm11.425-1.5c.087.265.22.49.397.667.32.325.862.583 1.739.583.878 0 1.422-.259 1.745-.584a1.66 1.66 0 0 0 .396-.666h-4.277Zm.074-1.5h4.123L17.75 4.61l-2.062 4.083Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-scale-unbalanced', JhIconScaleUnbalanced);

package/icons-wc/icon-scanner-image.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconScannerImage extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M8.944 1.996a.75.75 0 0 1 1.059-.052l9.842 8.904c.576.521.905 1.263.905 2.04V19A1.75 1.75 0 0 1 19 20.75H5A1.75 1.75 0 0 1 3.25 19v-4.125a.75.75 0 0 1 .75-.75h15.25v-1.237c0-.353-.15-.69-.411-.927L8.997 3.056a.75.75 0 0 1-.053-1.06ZM4.75 19c0 .138.112.25.25.25h14a.25.25 0 0 0 .25-.25v-3.375H4.75V19Zm1.813-2.312a.75.75 0 1 1 0 1.5.75.75 0 0 1 0-1.5ZM15 10.75a.75.75 0 0 1 0 1.5H4.25a.75.75 0 0 1 0-1.5H15Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-scanner-image', JhIconScannerImage);

package/icons-wc/icon-scissors.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconScissor extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M20.309 7.007c.522-.055.765.63.325.916L9.956 14.857a3.024 3.024 0 1 1-1.795-1.219l9.834-6.386 2.314-.245ZM8.75 15.75a1.525 1.525 0 1 0-2.557 1.662A1.525 1.525 0 0 0 8.75 15.75Zm11.883.325c.44.287.197.973-.325.917l-2.314-.245-4.556-2.959 1.837-1.192 5.358 3.48ZM4.937 5.772a3.025 3.025 0 0 1 5.072 3.294l-.053.076 1.647 1.07-1.836 1.192L8.16 10.36a3.014 3.014 0 0 1-2.336-.406 3.025 3.025 0 0 1-.888-4.183Zm3.366.368a1.525 1.525 0 1 0-1.66 2.558 1.525 1.525 0 0 0 1.66-2.558Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-scissors', JhIconScissor);

package/icons-wc/icon-screwdriver-wrench.js

@@ -1,7 +1,8 @@
-// SPDX-FileCopyrightText: 2025 Jack Henry
-//
-// SPDX-License-Identifier: Apache-2.0
-
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
 import {LitElement, css, html} from 'lit';
 
 export default class JhIconScrewdriverWrench extends LitElement {
@@ -22,31 +23,31 @@ export default class JhIconScrewdriverWrench extends LitElement {
       :host([size='x-small']) {
         --icon-size: var(
           --jh-icon-size-extra-small,
-          var(--jh-size-400)
+          var(--jh-dimension-400)
         );
       }
       :host([size='small']) {
         --icon-size: var(
           --jh-icon-size-small,
-          var(--jh-size-500)
+          var(--jh-dimension-500)
         );
       }
       :host([size='medium']) {
         --icon-size: var(
           --jh-icon-size-medium,
-          var(--jh-size-600)
+          var(--jh-dimension-600)
         );
       }
       :host([size='large']) {
         --icon-size: var(
           --jh-icon-size-large,
-          var(--jh-size-900)
+          var(--jh-dimension-900)
         );
       }
       :host([size='x-large']) {
         --icon-size: var(
           --jh-icon-size-extra-large,
-          var(--jh-size-1400)
+          var(--jh-dimension-1400)
         );
       }
       svg {

package/icons-wc/icon-seedling.js

@@ -0,0 +1,88 @@
+/**
+* SPDX-FileCopyrightText: 2025 Jack Henry
+*
+* SPDX-License-Identifier: Apache-2.0
+*/
+import {LitElement, css, html} from 'lit';
+
+export default class JhIconSeedling extends LitElement {
+  /** @type {ElementInternals} */
+  #internals;
+
+  static get styles() {
+    return css`
+      :host {
+        fill: var(
+          --jh-icon-color-fill,
+          var(--jh-color-content-secondary-enabled)
+        );
+        width: var(--icon-size);
+        height: var(--icon-size);
+        display: inline-block;
+      }
+      :host([size='x-small']) {
+        --icon-size: var(
+          --jh-icon-size-extra-small,
+          var(--jh-dimension-400)
+        );
+      }
+      :host([size='small']) {
+        --icon-size: var(
+          --jh-icon-size-small,
+          var(--jh-dimension-500)
+        );
+      }
+      :host([size='medium']) {
+        --icon-size: var(
+          --jh-icon-size-medium,
+          var(--jh-dimension-600)
+        );
+      }
+      :host([size='large']) {
+        --icon-size: var(
+          --jh-icon-size-large,
+          var(--jh-dimension-900)
+        );
+      }
+      :host([size='x-large']) {
+        --icon-size: var(
+          --jh-icon-size-extra-large,
+          var(--jh-dimension-1400)
+        );
+      }
+      svg {
+        width: 100%;
+        height: 100%;
+      }
+    `;
+  }
+
+  static get properties() {
+    return {
+      /**
+      * The size of the icon.
+      */
+      size: {
+        type: String, reflect: true 
+      }
+    }
+  }
+
+  constructor() {
+    super();
+    this.#internals = this.attachInternals();
+    this.#internals.role = 'graphics-symbol';
+    this.#internals.ariaHidden = 'true';
+
+    /** @type {'x-small'|'small'|'medium'|'large'|'x-large'} */
+    this.size = 'medium';
+  }
+
+  render() {
+    return html`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">   <path d="M13.725 5.133c1.33-.92 3.126-.957 4.448-.828a14.011 14.011 0 0 1 2.395.454l.04.012.016.005h.002l.63.197-.114.65-.739-.13.739.13v.001l-.002.004-.001.011-.007.036a12.011 12.011 0 0 1-.133.593c-.096.384-.248.912-.465 1.487-.42 1.114-1.145 2.553-2.338 3.365-1.198.814-2.785.936-3.958.895a12.842 12.842 0 0 1-1.488-.143v5.395c1.638.072 3.195.367 4.383.656a26.069 26.069 0 0 1 2.125.617l.126.044.034.012.01.003.002.001v.001h.002a.75.75 0 0 1-.522 1.406l-.006-.002-.026-.01c-.024-.008-.061-.02-.11-.038a24.52 24.52 0 0 0-1.991-.576c-1.304-.318-3.033-.63-4.777-.63-1.745 0-3.512.312-4.855.631a26.723 26.723 0 0 0-2.062.578l-.115.038-.028.01-.006.002-.001.001a.75.75 0 0 1-.502-1.413l.004-.002.01-.004.034-.011.131-.044a28.294 28.294 0 0 1 2.188-.614c1.218-.29 2.806-.584 4.452-.656v-3.055a9.932 9.932 0 0 1-.724.269c-.9.293-2.19.564-3.34.185-1.143-.376-2.043-1.357-2.617-2.127a11.168 11.168 0 0 1-.882-1.395c-.022-.04-.038-.074-.05-.098l-.014-.028-.005-.008v-.003h-.002l-.289-.595.552-.36v-.002l.005-.003.038-.024a10.01 10.01 0 0 1 .482-.284 11.39 11.39 0 0 1 1.287-.608c.997-.393 2.432-.78 3.712-.347.949.32 1.618 1.011 2.08 1.704v-.095c.007-.403.043-.96.153-1.572.214-1.192.742-2.756 2.089-3.688Zm-4.801 5.073c-.747-.253-1.749-.048-2.682.32a9.683 9.683 0 0 0-.931.43c.125.203.28.441.461.686.535.717 1.2 1.375 1.884 1.6.678.222 1.577.082 2.407-.187.182-.06.354-.125.51-.188-.037-.018-.073-.037-.112-.055a7.64 7.64 0 0 0-2.982-.683.501.501 0 0 1 .025-1 8.63 8.63 0 0 1 2.976.606c-.37-.695-.882-1.301-1.556-1.53Zm9.103-4.408c-1.254-.122-2.583-.03-3.45.569-.85.588-1.275 1.658-1.466 2.72l-.005.026a10.647 10.647 0 0 1 3.974-2.275.5.5 0 0 1 .3.954 9.65 9.65 0 0 0-3.385 1.87c-.34.291-.6.557-.781.757.304.041.675.082 1.077.096 1.097.038 2.275-.1 3.061-.636.793-.538 1.383-1.602 1.78-2.654.167-.444.29-.86.376-1.187a12.45 12.45 0 0 0-1.48-.24Z"/> </svg> 
+    `;
+  }
+}
+
+customElements.define('jh-icon-seedling', JhIconSeedling);