@nectary/assets 2.4.2 → 2.5.0

package/icons/pause-presentation/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 15c0 .55-.45 1-1 1H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1v12ZM10 8c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1s1-.45 1-1V9c0-.55-.45-1-1-1Zm4 0c-.55 0-1 .45-1 1v6c0 .55.45 1 1 1s1-.45 1-1V9c0-.55-.45-1-1-1Z"/></svg>';
-defineCustomElement('sinch-icon-pause-presentation', createIconClass(templateHTML));
+export const IconPausePresentation = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-pause-presentation', IconPausePresentation);

package/icons/payment/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPayment: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-payment': TSinchIconElement;

package/icons/payment/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2Zm-1 14H5c-.55 0-1-.45-1-1v-5h16v5c0 .55-.45 1-1 1Zm1-10H4V7c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v1Z"/></svg>';
-defineCustomElement('sinch-icon-payment', createIconClass(templateHTML));
+export const IconPayment = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-payment', IconPayment);

package/icons/payments/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPayments: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-payments': TSinchIconElement;

package/icons/payments/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M23 8v10c0 1.1-.9 2-2 2H5c-.55 0-1-.45-1-1s.45-1 1-1h16V8c0-.55.45-1 1-1s1 .45 1 1ZM4 16c-1.66 0-3-1.34-3-3V7c0-1.66 1.34-3 3-3h12c1.66 0 3 1.34 3 3v7c0 1.1-.9 2-2 2H4Zm3-6c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3Z"/></svg>';
-defineCustomElement('sinch-icon-payments', createIconClass(templateHTML));
+export const IconPayments = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-payments', IconPayments);

package/icons/pedal-bike/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPedalBike: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-pedal-bike': TSinchIconElement;

package/icons/pedal-bike/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m18.18 10-1.7-4.68A2.008 2.008 0 0 0 14.6 4H13c-.55 0-1 .45-1 1s.45 1 1 1h1.6l1.46 4h-4.81l-.36-1h.09c.55 0 1-.45 1-1s-.45-1-1-1H8c-.55 0-1 .45-1 1s.45 1 1 1h.75l1.82 5H9.9c-.44-2.23-2.31-3.88-4.65-3.99C2.45 9.87 0 12.2 0 15c0 2.8 2.2 5 5 5 2.46 0 4.45-1.69 4.9-4h4.2c.44 2.23 2.31 3.88 4.65 3.99 2.8.13 5.25-2.19 5.25-5 0-2.8-2.2-5-5-5h-.82V10ZM7.82 16c-.42 1.23-1.6 2.08-3.02 1.99-1.49-.09-2.73-1.35-2.8-2.85C1.93 13.39 3.27 12 5 12c1.33 0 2.42.83 2.82 2H6c-.55 0-1 .45-1 1s.45 1 1 1h1.82Zm6.28-2h-1.4l-.73-2H15c-.44.58-.76 1.25-.9 2Zm4.78 4c-1.54-.06-2.84-1.37-2.88-2.92-.02-.96.39-1.8 1.05-2.36l.62 1.7c.19.52.76.79 1.28.6.52-.19.79-.76.6-1.28l-.63-1.73.01-.01c1.72-.04 3.08 1.29 3.08 3a2.99 2.99 0 0 1-3.13 3Z"/></svg>';
-defineCustomElement('sinch-icon-pedal-bike', createIconClass(templateHTML));
+export const IconPedalBike = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-pedal-bike', IconPedalBike);

package/icons/pending/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPending: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-pending': TSinchIconElement;

package/icons/pending/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2ZM7 13.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm5 0c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Z"/></svg>';
-defineCustomElement('sinch-icon-pending', createIconClass(templateHTML));
+export const IconPending = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-pending', IconPending);

package/icons/pending-actions/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPendingActions: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-pending-actions': TSinchIconElement;

package/icons/pending-actions/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18 3h-3.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H6c-1.1 0-2 .9-2 2v15c0 1.1.9 2 2 2h6.11a6.743 6.743 0 0 1-1.42-2H6V5h2v1c0 1.1.9 2 2 2h4c1.1 0 2-.9 2-2V5h2v5.08c.71.1 1.38.31 2 .6V5c0-1.1-.9-2-2-2Zm-6 2c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Zm5 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5Zm1.29 7-1.65-1.65a.51.51 0 0 1-.15-.35v-2.49c0-.28.22-.5.5-.5s.5.22.5.5v2.29l1.5 1.5a.495.495 0 1 1-.7.7Z"/></svg>';
-defineCustomElement('sinch-icon-pending-actions', createIconClass(templateHTML));
+export const IconPendingActions = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-pending-actions', IconPendingActions);

package/icons/people/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPeople: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-people': TSinchIconElement;

package/icons/people/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3Zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3Zm0 2c-2.33 0-7 1.17-7 3.5V18c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-1.5c0-2.33-4.67-3.5-7-3.5Zm8 0c-.29 0-.62.02-.97.05.02.01.03.03.04.04 1.14.83 1.93 1.94 1.93 3.41V18c0 .35-.07.69-.18 1H22c.55 0 1-.45 1-1v-1.5c0-2.33-4.67-3.5-7-3.5Z"/></svg>';
-defineCustomElement('sinch-icon-people', createIconClass(templateHTML));
+export const IconPeople = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-people', IconPeople);

package/icons/people-alt/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPeopleAlt: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-people-alt': TSinchIconElement;

package/icons/people-alt/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path fill-rule="evenodd" clip-rule="evenodd" d="M16.67 13.13C18.04 14.06 19 15.32 19 17v3h3c.55 0 1-.45 1-1v-2c0-2.18-3.57-3.47-6.33-3.87Z"/><path d="M9 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4c-.47 0-.91.1-1.33.24a5.98 5.98 0 0 1 0 7.52c.42.14.86.24 1.33.24Zm-6 1c-2.67 0-8 1.34-8 4v2c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-2c0-2.66-5.33-4-8-4Z"/></svg>';
-defineCustomElement('sinch-icon-people-alt', createIconClass(templateHTML));
+export const IconPeopleAlt = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-people-alt', IconPeopleAlt);

package/icons/people-outline/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPeopleOutline: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-people-outline': TSinchIconElement;

package/icons/people-outline/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M9 12c1.93 0 3.5-1.57 3.5-3.5S10.93 5 9 5 5.5 6.57 5.5 8.5 7.07 12 9 12Zm0-5c.83 0 1.5.67 1.5 1.5S9.83 10 9 10s-1.5-.67-1.5-1.5S8.17 7 9 7Zm0 6.75c-2.34 0-7 1.17-7 3.5V18c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-.75c0-2.33-4.66-3.5-7-3.5ZM4.34 17c.84-.58 2.87-1.25 4.66-1.25s3.82.67 4.66 1.25H4.34Zm11.7-3.19c1.16.84 1.96 1.96 1.96 3.44V19h3c.55 0 1-.45 1-1v-.75c0-2.02-3.5-3.17-5.96-3.44ZM15 12c1.93 0 3.5-1.57 3.5-3.5S16.93 5 15 5c-.54 0-1.04.13-1.5.35.63.89 1 1.98 1 3.15s-.37 2.26-1 3.15c.46.22.96.35 1.5.35Z"/></svg>';
-defineCustomElement('sinch-icon-people-outline', createIconClass(templateHTML));
+export const IconPeopleOutline = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-people-outline', IconPeopleOutline);

package/icons/perm-camera-mic/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPermCameraMic: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-perm-camera-mic': TSinchIconElement;

package/icons/perm-camera-mic/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 5h-3.17l-1.24-1.35A1.99 1.99 0 0 0 14.12 3H9.88c-.56 0-1.1.24-1.48.65L7.17 5H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h7v-2.09c-2.45-.42-4.41-2.32-4.89-4.75-.12-.61.38-1.16.99-1.16.49 0 .88.35.98.83A4.011 4.011 0 0 0 12 17c1.93 0 3.53-1.36 3.91-3.17.1-.48.5-.83.98-.83.61 0 1.11.55.99 1.16a6.02 6.02 0 0 1-4.89 4.75V21h7c1.1 0 2-.9 2-2V7C22 5.9 21.1 5 20 5Zm-6 8c0 1.1-.9 2-2 2s-2-.9-2-2V9c0-1.1.9-2 2-2s2 .9 2 2v4Z"/></svg>';
-defineCustomElement('sinch-icon-perm-camera-mic', createIconClass(templateHTML));
+export const IconPermCameraMic = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-perm-camera-mic', IconPermCameraMic);

package/icons/perm-contact-calendar/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPermContactCalendar: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-perm-contact-calendar': TSinchIconElement;

package/icons/perm-contact-calendar/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 3h-1V2c0-.55-.45-1-1-1s-1 .45-1 1v1H8V2c0-.55-.45-1-1-1s-1 .45-1 1v1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-7 3c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3Zm6 12H6v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1Z"/></svg>';
-defineCustomElement('sinch-icon-perm-contact-calendar', createIconClass(templateHTML));
+export const IconPermContactCalendar = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-perm-contact-calendar', IconPermContactCalendar);

package/icons/perm-data-setting/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPermDataSetting: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-perm-data-setting': TSinchIconElement;

package/icons/perm-data-setting/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M18.99 11.5c.34 0 .68.03 1.01.07V2.42c0-.89-1.08-1.34-1.71-.71L1.71 18.29c-.63.63-.19 1.71.7 1.71h9.15c-.04-.33-.07-.66-.07-1 0-4.14 3.36-7.5 7.5-7.5Zm3.71 7.99c.02-.16.04-.32.04-.49 0-.17-.01-.33-.04-.49l1.06-.83a.26.26 0 0 0 .06-.32l-1-1.73c-.06-.11-.19-.15-.31-.11l-1.24.5c-.26-.2-.54-.37-.85-.49l-.19-1.32c-.01-.12-.12-.21-.24-.21h-2c-.12 0-.23.09-.25.21l-.19 1.32c-.3.13-.59.29-.85.49l-1.24-.5c-.11-.04-.24 0-.31.11l-1 1.73c-.06.11-.04.24.06.32l1.06.83a3.908 3.908 0 0 0 0 .98l-1.06.83a.26.26 0 0 0-.06.32l1 1.73c.06.11.19.15.31.11l1.24-.5c.26.2.54.37.85.49l.19 1.32c.02.12.12.21.25.21h2c.12 0 .23-.09.25-.21l.19-1.32c.3-.13.59-.29.84-.49l1.25.5c.11.04.24 0 .31-.11l1-1.73a.26.26 0 0 0-.06-.32l-1.07-.83Zm-3.71 1.01c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Z"/></svg>';
-defineCustomElement('sinch-icon-perm-data-setting', createIconClass(templateHTML));
+export const IconPermDataSetting = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-perm-data-setting', IconPermDataSetting);

package/icons/perm-device-information/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPermDeviceInformation: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-perm-device-information': TSinchIconElement;

package/icons/perm-device-information/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M13 7h-2v2h2V7Zm-1 4c-.55 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1Zm5-9.99L7 1c-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V3c0-1.1-.9-1.99-2-1.99ZM17 19H7V5h10v14Z"/></svg>';
-defineCustomElement('sinch-icon-perm-device-information', createIconClass(templateHTML));
+export const IconPermDeviceInformation = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-perm-device-information', IconPermDeviceInformation);

package/icons/perm-identity/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPermIdentity: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-perm-identity': TSinchIconElement;

package/icons/perm-identity/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4Zm0-6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2Zm0 7c-2.67 0-8 1.34-8 4v2c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-2c0-2.66-5.33-4-8-4Zm6 5H6v-.99c.2-.72 3.3-2.01 6-2.01s5.8 1.29 6 2v1Z"/></svg>';
-defineCustomElement('sinch-icon-perm-identity', createIconClass(templateHTML));
+export const IconPermIdentity = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-perm-identity', IconPermIdentity);

package/icons/perm-media/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPermMedia: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-perm-media': TSinchIconElement;

package/icons/perm-media/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M1 6c-.55 0-1 .45-1 1v4h.01L0 20c0 1.1.9 2 2 2h17c.55 0 1-.45 1-1s-.45-1-1-1H3c-.55 0-1-.45-1-1V7c0-.55-.45-1-1-1Zm21-2h-8l-1.41-1.41c-.38-.38-.89-.59-1.42-.59H6c-1.1 0-1.99.9-1.99 2L4 16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2ZM7.6 14.2l3.51-4.68c.2-.26.59-.27.8-.01l3.1 3.99 2.1-2.53a.5.5 0 0 1 .78.01l2.49 3.2a.5.5 0 0 1-.39.81H8a.491.491 0 0 1-.4-.79Z"/></svg>';
-defineCustomElement('sinch-icon-perm-media', createIconClass(templateHTML));
+export const IconPermMedia = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-perm-media', IconPermMedia);

package/icons/perm-phone-msg/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPermPhoneMsg: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-perm-phone-msg': TSinchIconElement;

package/icons/perm-phone-msg/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M20 3h-7c-.55 0-1 .45-1 1v9l3-3h5c.55 0 1-.45 1-1V4c0-.55-.45-1-1-1Zm-.77 12.26-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.045 15.045 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52a2.001 2.001 0 0 0-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98Z"/></svg>';
-defineCustomElement('sinch-icon-perm-phone-msg', createIconClass(templateHTML));
+export const IconPermPhoneMsg = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-perm-phone-msg', IconPermPhoneMsg);

package/icons/perm-scan-wifi/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPermScanWifi: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-perm-scan-wifi': TSinchIconElement;

package/icons/perm-scan-wifi/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 3C7.41 3 3.86 4.53.89 6.59c-.49.33-.59 1-.22 1.46l9.78 12.04c.8.98 2.3.99 3.1 0l9.78-12.02a.999.999 0 0 0-.22-1.46C20.14 4.54 16.59 3 12 3Zm0 13c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1Zm-1-8V6h2v2h-2Z"/></svg>';
-defineCustomElement('sinch-icon-perm-scan-wifi', createIconClass(templateHTML));
+export const IconPermScanWifi = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-perm-scan-wifi', IconPermScanWifi);

package/icons/person/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPerson: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person': TSinchIconElement;

package/icons/person/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4Zm0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4Z"/></svg>';
-defineCustomElement('sinch-icon-person', createIconClass(templateHTML));
+export const IconPerson = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person', IconPerson);

package/icons/person-add/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonAdd: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-add': TSinchIconElement;

package/icons/person-add/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4Zm-9-2V8c0-.55-.45-1-1-1s-1 .45-1 1v2H2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2c.55 0 1-.45 1-1s-.45-1-1-1H6Zm9 4c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4Z"/></svg>';
-defineCustomElement('sinch-icon-person-add', createIconClass(templateHTML));
+export const IconPersonAdd = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-add', IconPersonAdd);

package/icons/person-add-alt-1/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonAddAlt1: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-add-alt-1': TSinchIconElement;

package/icons/person-add-alt-1/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M9 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 2c-2.67 0-8 1.34-8 4v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4Zm11-4V7h-2v3h-3v2h3v3h2v-3h3v-2h-3Z"/></svg>';
-defineCustomElement('sinch-icon-person-add-alt-1', createIconClass(templateHTML));
+export const IconPersonAddAlt1 = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-add-alt-1', IconPersonAddAlt1);

package/icons/person-add-disabled/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonAddDisabled: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-add-disabled': TSinchIconElement;

package/icons/person-add-disabled/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14.48 11.95c.17.02.34.05.52.05 2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4c0 .18.03.35.05.52l3.43 3.43Zm2.21 2.21 5.74 5.74c.33-.17.57-.5.57-.9v-1c0-2.14-3.56-3.5-6.31-3.84ZM2.12 2.42A.996.996 0 1 0 .71 3.83L4 7.12V10H2c-.55 0-1 .45-1 1s.45 1 1 1h2v2c0 .55.45 1 1 1s1-.45 1-1v-2h2.88l2.51 2.51C9.19 15.11 7 16.3 7 18v1c0 .55.45 1 1 1h8.88l3.29 3.29a.996.996 0 1 0 1.41-1.41L2.12 2.42ZM6 10v-.88l.88.88H6Z"/></svg>';
-defineCustomElement('sinch-icon-person-add-disabled', createIconClass(templateHTML));
+export const IconPersonAddDisabled = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-add-disabled', IconPersonAddDisabled);

package/icons/person-outline/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonOutline: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-outline': TSinchIconElement;

package/icons/person-outline/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 5.9a2.1 2.1 0 1 1 0 4.2 2.1 2.1 0 0 1 0-4.2Zm0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1ZM12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4Zm0 9c-2.67 0-8 1.34-8 4v2c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-2c0-2.66-5.33-4-8-4Z"/></svg>';
-defineCustomElement('sinch-icon-person-outline', createIconClass(templateHTML));
+export const IconPersonOutline = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-outline', IconPersonOutline);

package/icons/person-pin/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonPin: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-pin': TSinchIconElement;

package/icons/person-pin/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M19 2H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h4l2.29 2.29c.39.39 1.02.39 1.41 0L15 20h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2Zm-7 3.3c1.49 0 2.7 1.21 2.7 2.7 0 1.49-1.21 2.7-2.7 2.7-1.49 0-2.7-1.21-2.7-2.7 0-1.49 1.21-2.7 2.7-2.7ZM18 16H6v-.9c0-2 4-3.1 6-3.1s6 1.1 6 3.1v.9Z"/></svg>';
-defineCustomElement('sinch-icon-person-pin', createIconClass(templateHTML));
+export const IconPersonPin = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-pin', IconPersonPin);

package/icons/person-pin-circle/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonPinCircle: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-pin-circle': TSinchIconElement;

package/icons/person-pin-circle/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M12 11c-1.33 0-4 .67-4 2v.16c.97 1.12 2.4 1.84 4 1.84s3.03-.72 4-1.84V13c0-1.33-2.67-2-4-2Zm0-1c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0-8c4.2 0 8 3.22 8 8.2 0 3.18-2.45 6.92-7.34 11.23-.38.33-.95.33-1.33 0C6.45 17.12 4 13.38 4 10.2 4 5.22 7.8 2 12 2Z"/></svg>';
-defineCustomElement('sinch-icon-person-pin-circle', createIconClass(templateHTML));
+export const IconPersonPinCircle = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-pin-circle', IconPersonPinCircle);

package/icons/person-remove/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonRemove: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-remove': TSinchIconElement;

package/icons/person-remove/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14 8c0-2.21-1.79-4-4-4S6 5.79 6 8s1.79 4 4 4 4-1.79 4-4ZM2 18v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4s-8 1.34-8 4Zm16-8h4c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-person-remove', createIconClass(templateHTML));
+export const IconPersonRemove = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-remove', IconPersonRemove);

package/icons/person-remove-alt-1/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonRemoveAlt1: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-remove-alt-1': TSinchIconElement;

package/icons/person-remove-alt-1/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14 8c0-2.21-1.79-4-4-4S6 5.79 6 8s1.79 4 4 4 4-1.79 4-4ZM2 18v1c0 .55.45 1 1 1h14c.55 0 1-.45 1-1v-1c0-2.66-5.33-4-8-4s-8 1.34-8 4Zm16-8h4c.55 0 1 .45 1 1s-.45 1-1 1h-4c-.55 0-1-.45-1-1s.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-person-remove-alt-1', createIconClass(templateHTML));
+export const IconPersonRemoveAlt1 = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-remove-alt-1', IconPersonRemoveAlt1);

package/icons/person-search/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPersonSearch: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-person-search': TSinchIconElement;

package/icons/person-search/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M10 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm.35 2.01C7.62 13.91 2 15.27 2 18v1c0 .55.45 1 1 1h8.54c-2.47-2.76-1.23-5.89-1.19-5.99Zm9.08 4.01c.47-.8.7-1.77.48-2.82-.34-1.64-1.72-2.95-3.38-3.16-2.63-.34-4.85 1.87-4.5 4.5.22 1.66 1.52 3.04 3.16 3.38 1.05.22 2.02-.01 2.82-.48l1.86 1.86a.996.996 0 1 0 1.41-1.41l-1.85-1.87ZM16 18c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2Z"/></svg>';
-defineCustomElement('sinch-icon-person-search', createIconClass(templateHTML));
+export const IconPersonSearch = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-person-search', IconPersonSearch);

package/icons/pest-control/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPestControl: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-pest-control': TSinchIconElement;

package/icons/pest-control/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M21 14c0-.55-.45-1-1-1h-2.07c-.05-.39-.12-.77-.22-1.14l1.72-.99c.48-.28.64-.89.37-1.37a1.01 1.01 0 0 0-1.37-.37l-1.51.87c-.28-.48-.62-.91-.99-1.29.04-.23.07-.46.07-.71 0-.8-.24-1.55-.65-2.18l.94-.94a.996.996 0 1 0-1.41-1.41l-1.02 1.02c-1.68-.89-3.1-.33-3.73 0L9.12 3.46a.996.996 0 1 0-1.41 1.41l.94.94C8.24 6.45 8 7.2 8 8c0 .25.03.48.07.72-.37.38-.71.81-.99 1.28l-1.51-.87a.996.996 0 0 0-1.36.37c-.28.48-.11 1.09.37 1.37l1.72.99c-.1.37-.17.75-.22 1.14H4c-.55 0-1 .45-1 1s.45 1 1 1h2.07c.05.39.12.77.22 1.14l-1.72.99c-.48.28-.64.89-.37 1.37.28.48.89.64 1.37.37L7.08 18c1.08 1.81 2.88 3 4.92 3s3.84-1.19 4.92-3l1.51.87c.48.28 1.09.11 1.37-.37s.11-1.09-.37-1.37l-1.72-.99c.1-.37.17-.75.22-1.14H20c.55 0 1-.45 1-1Zm-9 3c-.55 0-1-.45-1-1v-4c0-.55.45-1 1-1s1 .45 1 1v4c0 .55-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-pest-control', createIconClass(templateHTML));
+export const IconPestControl = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-pest-control', IconPestControl);

package/icons/pest-control-rodent/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPestControlRodent: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-pest-control-rodent': TSinchIconElement;

package/icons/pest-control-rodent/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m21.31 17.38-2.39-2.13c.52-2.36-1.36-4.25-3.42-4.25-1.16 0-3.5.9-3.5 3.5 0 .81.27 1.55.74 2.15.15.2.14.48-.04.66a.51.51 0 0 1-.75-.04c-.6-.77-.95-1.73-.95-2.77 0-1.7.96-3.17 2.35-3.93a5 5 0 0 0-2.28-.57c-2.38 0-4.37 1.65-4.91 3.87a2.993 2.993 0 0 1-2.15-3.14C4.15 9.16 5.54 8 7.11 8h2c1.58 0 2.75-.95 2.87-2.25A2.49 2.49 0 0 0 9.5 3H8.05c-.5 0-.96.34-1.04.83C6.91 4.46 7.39 5 8 5h1.5c.28 0 .5.22.5.5s-.22.5-.5.5H7.16c-2.67 0-4.99 2.03-5.15 4.7A4.995 4.995 0 0 0 6 15.9v.03C6 18.73 8.27 21 11.07 21h8.86c1.87 0 2.81-2.34 1.38-3.62ZM18 19c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-pest-control-rodent', createIconClass(templateHTML));
+export const IconPestControlRodent = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-pest-control-rodent', IconPestControlRodent);

package/icons/pets/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPets: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-pets': TSinchIconElement;

package/icons/pets/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4.5 12a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5ZM9 8a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm6 0a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm4.5 4a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5Zm-2.16 2.86c-.87-1.02-1.6-1.89-2.48-2.91-.46-.54-1.05-1.08-1.75-1.32-.11-.04-.22-.07-.33-.09-.25-.04-.52-.04-.78-.04s-.53 0-.79.05c-.11.02-.22.05-.33.09-.7.24-1.28.78-1.75 1.32-.87 1.02-1.6 1.89-2.48 2.91-1.31 1.31-2.92 2.76-2.62 4.79.29 1.02 1.02 2.03 2.33 2.32.73.15 3.06-.44 5.54-.44h.18c2.48 0 4.81.58 5.54.44 1.31-.29 2.04-1.31 2.33-2.32.31-2.04-1.3-3.49-2.61-4.8Z"/></svg>';
-defineCustomElement('sinch-icon-pets', createIconClass(templateHTML));
+export const IconPets = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-pets', IconPets);

package/icons/phone/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPhone: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-phone': TSinchIconElement;

package/icons/phone/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m19.23 15.26-2.54-.29a1.99 1.99 0 0 0-1.64.57l-1.84 1.84a15.045 15.045 0 0 1-6.59-6.59l1.85-1.85c.43-.43.64-1.03.57-1.64l-.29-2.52a2.001 2.001 0 0 0-1.99-1.77H5.03c-1.13 0-2.07.94-2 2.07.53 8.54 7.36 15.36 15.89 15.89 1.13.07 2.07-.87 2.07-2v-1.73c.01-1.01-.75-1.86-1.76-1.98Z"/></svg>';
-defineCustomElement('sinch-icon-phone', createIconClass(templateHTML));
+export const IconPhone = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-phone', IconPhone);

package/icons/phone-android/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPhoneAndroid: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-phone-android': TSinchIconElement;

package/icons/phone-android/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M16 1H8C6.34 1 5 2.34 5 4v16c0 1.66 1.34 3 3 3h8c1.66 0 3-1.34 3-3V4c0-1.66-1.34-3-3-3Zm-2.5 20h-3c-.28 0-.5-.22-.5-.5s.22-.5.5-.5h3c.28 0 .5.22.5.5s-.22.5-.5.5Zm3.5-3H7V4h10v14Z"/></svg>';
-defineCustomElement('sinch-icon-phone-android', createIconClass(templateHTML));
+export const IconPhoneAndroid = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-phone-android', IconPhoneAndroid);

package/icons/phone-disabled/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPhoneDisabled: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-phone-disabled': TSinchIconElement;

package/icons/phone-disabled/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M14.54 17.37a16.868 16.868 0 0 1-9.45 3.61c-1.13.07-2.07-.87-2.07-2v-1.73c-.01-1.01.75-1.86 1.76-1.98l2.54-.29c.61-.07 1.21.14 1.64.57l1.84 1.84c.81-.41 1.59-.9 2.31-1.45L2.1 4.93a.996.996 0 0 1 0-1.41c.39-.39 1.03-.39 1.42 0L20.49 20.5a.996.996 0 1 1-1.41 1.41l-4.54-4.54Zm2.85-6.57-1.85-1.85a1.99 1.99 0 0 1-.57-1.64l.29-2.52c.12-1.01.97-1.77 1.99-1.77h1.73c1.13 0 2.07.94 2 2.07a16.94 16.94 0 0 1-3.62 9.47l-1.43-1.43c.55-.73 1.04-1.51 1.46-2.33Z"/></svg>';
-defineCustomElement('sinch-icon-phone-disabled', createIconClass(templateHTML));
+export const IconPhoneDisabled = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-phone-disabled', IconPhoneDisabled);

package/icons/phone-enabled/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPhoneEnabled: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-phone-enabled': TSinchIconElement;

package/icons/phone-enabled/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="m4.78 15.27 2.54-.29c.61-.07 1.21.14 1.64.57l1.84 1.84c2.83-1.44 5.15-3.75 6.59-6.59l-1.85-1.85a1.99 1.99 0 0 1-.57-1.64l.29-2.52c.12-1.01.97-1.77 1.99-1.77h1.73c1.13 0 2.07.94 2 2.07-.53 8.54-7.36 15.36-15.89 15.89-1.13.07-2.07-.87-2.07-2v-1.73c-.01-1.01.75-1.86 1.76-1.98Z"/></svg>';
-defineCustomElement('sinch-icon-phone-enabled', createIconClass(templateHTML));
+export const IconPhoneEnabled = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-phone-enabled', IconPhoneEnabled);

package/icons/phone-iphone/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPhoneIphone: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-phone-iphone': TSinchIconElement;

package/icons/phone-iphone/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M15.5 1h-8A2.5 2.5 0 0 0 5 3.5v17A2.5 2.5 0 0 0 7.5 23h8a2.5 2.5 0 0 0 2.5-2.5v-17A2.5 2.5 0 0 0 15.5 1Zm-4 21c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5Zm4.5-4H7V4h9v14Z"/></svg>';
-defineCustomElement('sinch-icon-phone-iphone', createIconClass(templateHTML));
+export const IconPhoneIphone = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-phone-iphone', IconPhoneIphone);

package/icons/phonelink/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPhonelink: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-phonelink': TSinchIconElement;

package/icons/phonelink/index.js

@@ -1,4 +1,5 @@
 import { defineCustomElement } from '../../utils/element';
 import { createIconClass } from '../create-icon-class';
 const templateHTML = '<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M4 7c0-.55.45-1 1-1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-1.1 0-2 .9-2 2v11h-.5c-.83 0-1.5.67-1.5 1.5S.67 20 1.5 20h11c.83 0 1.5-.67 1.5-1.5s-.67-1.5-1.5-1.5H4V7Zm19 1h-6c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h6c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1Zm-1 9h-4v-7h4v7Z"/></svg>';
-defineCustomElement('sinch-icon-phonelink', createIconClass(templateHTML));
+export const IconPhonelink = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-phonelink', IconPhonelink);

package/icons/phonelink-erase/index.d.ts

@@ -1,4 +1,5 @@
 import type { TSinchIconElement, TSinchIconReact } from '../types';
+export declare const IconPhonelinkErase: CustomElementConstructor;
 declare global {
     interface HTMLElementTagNameMap {
         'sinch-icon-phonelink-erase': TSinchIconElement;