@nectary/assets 2.4.2 → 2.5.0

package/icons/filter-8/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="M2 5c-.55 0-1 .45-1 1v15c0 1.1.9 2 2 2h15c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1-.45-1-1V6c0-.55-.45-1-1-1Zm19-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2Zm-1 16H8c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Zm-7-2h2a2 2 0 0 0 2-2v-1.5c0-.83-.67-1.5-1.5-1.5.83 0 1.5-.67 1.5-1.5V7a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v1.5c0 .83.67 1.5 1.5 1.5-.83 0-1.5.67-1.5 1.5V13a2 2 0 0 0 2 2Zm0-8h2v2h-2V7Zm0 4h2v2h-2v-2Z"/></svg>';
-defineCustomElement('sinch-icon-filter-8', createIconClass(templateHTML));
+export const IconFilter8 = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-8', IconFilter8);

package/icons/filter-9/index.d.ts

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

package/icons/filter-9/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="M2 5c-.55 0-1 .45-1 1v15c0 1.1.9 2 2 2h15c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1-.45-1-1V6c0-.55-.45-1-1-1Zm19-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2Zm-1 16H8c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1ZM15 5h-2c-1.1 0-2 .9-2 2v2c0 1.1.9 2 2 2h2v2h-3c-.55 0-1 .45-1 1s.45 1 1 1h3c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2Zm0 4h-2V7h2v2Z"/></svg>';
-defineCustomElement('sinch-icon-filter-9', createIconClass(templateHTML));
+export const IconFilter9 = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-9', IconFilter9);

package/icons/filter-9-plus/index.d.ts

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

package/icons/filter-9-plus/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="M2 5c-.55 0-1 .45-1 1v15c0 1.1.9 2 2 2h15c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1-.45-1-1V6c0-.55-.45-1-1-1Zm12 7V8c0-1.1-.9-2-2-2h-1c-1.1 0-2 .9-2 2v1c0 1.1.9 2 2 2h1v1h-2c-.55 0-1 .45-1 1s.45 1 1 1h2c1.1 0 2-.9 2-2Zm-3-3V8h1v1h-1Zm10-8H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2Zm-1 16H8c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Zm1-7c0-.55-.45-1-1-1h-1V8c0-.55-.45-1-1-1s-1 .45-1 1v1h-1c-.55 0-1 .45-1 1s.45 1 1 1h1v1c0 .55.45 1 1 1s1-.45 1-1v-1h1c.55 0 1-.45 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-filter-9-plus', createIconClass(templateHTML));
+export const IconFilter9Plus = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-9-plus', IconFilter9Plus);

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

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

package/icons/filter-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 d="M4.25 5.61C6.57 8.59 10 13 10 13v5c0 1.1.9 2 2 2s2-.9 2-2v-5s3.43-4.41 5.75-7.39c.51-.66.04-1.61-.8-1.61H5.04c-.83 0-1.3.95-.79 1.61Z"/></svg>';
-defineCustomElement('sinch-icon-filter-alt', createIconClass(templateHTML));
+export const IconFilterAlt = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-alt', IconFilterAlt);

package/icons/filter-b-and-w/index.d.ts

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

package/icons/filter-b-and-w/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 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm0 16-7-8v8H5l7-8V5h6c.55 0 1 .45 1 1v13Z"/></svg>';
-defineCustomElement('sinch-icon-filter-b-and-w', createIconClass(templateHTML));
+export const IconFilterBAndW = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-b-and-w', IconFilterBAndW);

package/icons/filter-center-focus/index.d.ts

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

package/icons/filter-center-focus/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 15c-.55 0-1 .45-1 1v3c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1-.45-1-1v-2c0-.55-.45-1-1-1Zm1-9c0-.55.45-1 1-1h2c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2v3c0 .55.45 1 1 1s1-.45 1-1V6Zm14-3h-3c-.55 0-1 .45-1 1s.45 1 1 1h2c.55 0 1 .45 1 1v2c0 .55.45 1 1 1s1-.45 1-1V5c0-1.1-.9-2-2-2Zm0 15c0 .55-.45 1-1 1h-2c-.55 0-1 .45-1 1s.45 1 1 1h3c1.1 0 2-.9 2-2v-3c0-.55-.45-1-1-1s-1 .45-1 1v2Zm-7-9c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Z"/></svg>';
-defineCustomElement('sinch-icon-filter-center-focus', createIconClass(templateHTML));
+export const IconFilterCenterFocus = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-center-focus', IconFilterCenterFocus);

package/icons/filter-drama/index.d.ts

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

package/icons/filter-drama/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.35 10.04A7.49 7.49 0 0 0 12 4a7.48 7.48 0 0 0-6.64 4.04A5.996 5.996 0 0 0 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96ZM19 18H6.17c-2.09 0-3.95-1.53-4.15-3.61a3.998 3.998 0 0 1 7.89-1.22c.1.48.5.83.98.83.61 0 1.11-.55.99-1.15a5.987 5.987 0 0 0-4.29-4.63c1.1-1.46 2.89-2.37 4.89-2.2 2.88.25 5.01 2.82 5.01 5.71V12h1.37c1.45 0 2.79.97 3.07 2.4.39 1.91-1.08 3.6-2.93 3.6Z"/></svg>';
-defineCustomElement('sinch-icon-filter-drama', createIconClass(templateHTML));
+export const IconFilterDrama = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-drama', IconFilterDrama);

package/icons/filter-frames/index.d.ts

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

package/icons/filter-frames/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 4h-4L12.71.71a.996.996 0 0 0-1.41 0L8 4H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2Zm-1 16H5c-.55 0-1-.45-1-1V7c0-.55.45-1 1-1h3.52l3.52-3.5L15.52 6H19c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1ZM17 8H7c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1Z"/></svg>';
-defineCustomElement('sinch-icon-filter-frames', createIconClass(templateHTML));
+export const IconFilterFrames = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-frames', IconFilterFrames);

package/icons/filter-hdr/index.d.ts

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

package/icons/filter-hdr/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.2 7.07 10.25 11l2.25 3c.33.44.24 1.07-.2 1.4a.994.994 0 0 1-1.4-.2c-1.05-1.4-2.31-3.07-3.1-4.14-.4-.53-1.2-.53-1.6 0l-4 5.33c-.49.67-.02 1.61.8 1.61h18c.82 0 1.29-.94.8-1.6l-7-9.33a.993.993 0 0 0-1.6 0Z"/></svg>';
-defineCustomElement('sinch-icon-filter-hdr', createIconClass(templateHTML));
+export const IconFilterHdr = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-hdr', IconFilterHdr);

package/icons/filter-list/index.d.ts

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

package/icons/filter-list/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="M11 18h2c.55 0 1-.45 1-1s-.45-1-1-1h-2c-.55 0-1 .45-1 1s.45 1 1 1ZM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1Zm4 6h10c.55 0 1-.45 1-1s-.45-1-1-1H7c-.55 0-1 .45-1 1s.45 1 1 1Z"/></svg>';
-defineCustomElement('sinch-icon-filter-list', createIconClass(templateHTML));
+export const IconFilterList = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-list', IconFilterList);

package/icons/filter-none/index.d.ts

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

package/icons/filter-none/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="M2 5c-.55 0-1 .45-1 1v15c0 1.1.9 2 2 2h15c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1-.45-1-1V6c0-.55-.45-1-1-1Zm19-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2Zm-1 16H8c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-filter-none', createIconClass(templateHTML));
+export const IconFilterNone = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-none', IconFilterNone);

package/icons/filter-tilt-shift/index.d.ts

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

package/icons/filter-tilt-shift/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="M11 3.23c0-.64-.59-1.13-1.21-.99-1.12.26-2.18.7-3.12 1.3-.53.34-.61 1.1-.16 1.55.32.32.83.4 1.21.16.77-.49 1.62-.85 2.54-1.05.44-.1.74-.51.74-.97Zm6.33.32c-.94-.6-2-1.04-3.12-1.3a.998.998 0 0 0-1.21.98c0 .45.3.87.74.96.91.2 1.77.57 2.53 1.05.39.24.89.17 1.21-.16a.972.972 0 0 0-.15-1.53ZM20.77 11c.64 0 1.13-.59.99-1.21-.26-1.12-.7-2.18-1.3-3.12-.34-.53-1.1-.61-1.55-.16-.32.32-.4.83-.16 1.21.49.77.85 1.62 1.05 2.53.1.45.51.75.97.75ZM5.1 6.51c-.46-.45-1.21-.38-1.55.16-.6.94-1.04 2-1.3 3.12-.14.62.34 1.21.98 1.21.45 0 .87-.3.96-.74.2-.91.57-1.77 1.05-2.53.26-.39.18-.9-.14-1.22ZM3.23 13c-.64 0-1.13.59-.99 1.21.26 1.12.7 2.17 1.3 3.12.34.54 1.1.61 1.55.16.32-.32.4-.83.15-1.21-.49-.76-.85-1.61-1.05-2.53-.09-.45-.5-.75-.96-.75ZM15 12c0-1.66-1.34-3-3-3s-3 1.34-3 3 1.34 3 3 3 3-1.34 3-3Zm3.9 5.49c.45.45 1.21.38 1.55-.15.6-.94 1.04-2 1.3-3.11.14-.62-.35-1.21-.98-1.21-.45 0-.87.3-.96.74-.2.91-.57 1.76-1.05 2.53-.26.37-.18.88.14 1.2ZM13 20.77c0 .64.59 1.13 1.21.99 1.12-.26 2.17-.7 3.12-1.3.54-.34.61-1.1.16-1.55-.32-.32-.83-.4-1.21-.15-.76.49-1.61.85-2.53 1.05-.45.09-.75.5-.75.96Zm-6.33-.32c.95.6 2 1.04 3.12 1.3.62.14 1.21-.35 1.21-.98 0-.45-.3-.87-.74-.96a7.97 7.97 0 0 1-2.53-1.05.972.972 0 0 0-1.21.16.972.972 0 0 0 .15 1.53Z"/></svg>';
-defineCustomElement('sinch-icon-filter-tilt-shift', createIconClass(templateHTML));
+export const IconFilterTiltShift = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-tilt-shift', IconFilterTiltShift);

package/icons/filter-vintage/index.d.ts

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

package/icons/filter-vintage/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.7 12.4a6.06 6.06 0 0 0-.86-.4c.29-.11.58-.24.86-.4a6.012 6.012 0 0 0 3-5.19 6.007 6.007 0 0 0-6 0c-.28.16-.54.35-.78.54.05-.31.08-.63.08-.95 0-2.22-1.21-4.15-3-5.19C10.21 1.85 9 3.78 9 6c0 .32.03.64.08.95-.24-.2-.5-.39-.78-.55a6.008 6.008 0 0 0-6 0 5.97 5.97 0 0 0 3 5.19c.28.16.57.29.86.4-.29.11-.58.24-.86.4a6.012 6.012 0 0 0-3 5.19 6.007 6.007 0 0 0 6 0c.28-.16.54-.35.78-.54-.05.32-.08.64-.08.96 0 2.22 1.21 4.15 3 5.19 1.79-1.04 3-2.97 3-5.19 0-.32-.03-.64-.08-.95.24.2.5.38.78.54a6.008 6.008 0 0 0 6 0 6.012 6.012 0 0 0-3-5.19ZM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4Z"/></svg>';
-defineCustomElement('sinch-icon-filter-vintage', createIconClass(templateHTML));
+export const IconFilterVintage = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-filter-vintage', IconFilterVintage);

package/icons/find-in-page/index.d.ts

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

package/icons/find-in-page/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 19.59V8.83c0-.53-.21-1.04-.59-1.41l-4.83-4.83c-.37-.38-.88-.59-1.41-.59H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c.45 0 .85-.15 1.19-.4l-4.43-4.43c-.86.56-1.89.88-3 .82-2.37-.11-4.4-1.96-4.72-4.31a5.013 5.013 0 0 1 5.83-5.61c1.95.33 3.57 1.85 4 3.78.33 1.46.01 2.82-.7 3.9L20 19.59ZM9 13c0 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-find-in-page', createIconClass(templateHTML));
+export const IconFindInPage = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-find-in-page', IconFindInPage);

package/icons/find-replace/index.d.ts

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

package/icons/find-replace/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="M11 6c1.38 0 2.63.56 3.54 1.46l-1.69 1.69a.5.5 0 0 0 .36.85h4.29c.28 0 .5-.22.5-.5V5.21c0-.45-.54-.67-.85-.35l-1.2 1.2A6.943 6.943 0 0 0 11 4C7.96 4 5.38 5.94 4.42 8.64c-.24.66.23 1.36.93 1.36.42 0 .79-.26.93-.66A5.007 5.007 0 0 1 11 6Zm5.64 9.14c.4-.54.72-1.15.95-1.8.23-.65-.25-1.34-.94-1.34a.98.98 0 0 0-.93.66A5.007 5.007 0 0 1 11 16c-1.38 0-2.63-.56-3.54-1.46l1.69-1.69a.5.5 0 0 0-.36-.85H4.5c-.28 0-.5.22-.5.5v4.29c0 .45.54.67.85.35l1.2-1.2a6.984 6.984 0 0 0 9.09.7l4.11 4.11c.41.41 1.08.41 1.49 0 .41-.41.41-1.08 0-1.49l-4.1-4.12Z"/></svg>';
-defineCustomElement('sinch-icon-find-replace', createIconClass(templateHTML));
+export const IconFindReplace = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-find-replace', IconFindReplace);

package/icons/fingerprint/index.d.ts

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

package/icons/fingerprint/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="M17.81 4.47c-.08 0-.16-.02-.23-.06C15.66 3.42 14 3 12.01 3c-1.98 0-3.86.47-5.57 1.41-.24.13-.54.04-.68-.2a.506.506 0 0 1 .2-.68C7.82 2.52 9.86 2 12.01 2c2.13 0 3.99.47 6.03 1.52.25.13.34.43.21.67a.49.49 0 0 1-.44.28ZM3.5 9.72a.499.499 0 0 1-.41-.79c.99-1.4 2.25-2.5 3.75-3.27C9.98 4.04 14 4.03 17.15 5.65c1.5.77 2.76 1.86 3.75 3.25a.5.5 0 0 1-.12.7c-.23.16-.54.11-.7-.12a9.388 9.388 0 0 0-3.39-2.94c-2.87-1.47-6.54-1.47-9.4.01-1.36.7-2.5 1.7-3.4 2.96-.08.14-.23.21-.39.21Zm6.25 12.07a.47.47 0 0 1-.35-.15c-.87-.87-1.34-1.43-2.01-2.64-.69-1.23-1.05-2.73-1.05-4.34 0-2.97 2.54-5.39 5.66-5.39s5.66 2.42 5.66 5.39c0 .28-.22.5-.5.5s-.5-.22-.5-.5c0-2.42-2.09-4.39-4.66-4.39-2.57 0-4.66 1.97-4.66 4.39 0 1.44.32 2.77.93 3.85.64 1.15 1.08 1.64 1.85 2.42.19.2.19.51 0 .71-.11.1-.24.15-.37.15Zm7.17-1.85c-1.19 0-2.24-.3-3.1-.89-1.49-1.01-2.38-2.65-2.38-4.39 0-.28.22-.5.5-.5s.5.22.5.5c0 1.41.72 2.74 1.94 3.56.71.48 1.54.71 2.54.71.24 0 .64-.03 1.04-.1.27-.05.53.13.58.41.05.27-.13.53-.41.58-.57.11-1.07.12-1.21.12ZM14.91 22c-.04 0-.09-.01-.13-.02-1.59-.44-2.63-1.03-3.72-2.1a7.297 7.297 0 0 1-2.17-5.22c0-1.62 1.38-2.94 3.08-2.94 1.7 0 3.08 1.32 3.08 2.94 0 1.07.93 1.94 2.08 1.94s2.08-.87 2.08-1.94c0-3.77-3.25-6.83-7.25-6.83-2.84 0-5.44 1.58-6.61 4.03-.39.81-.59 1.76-.59 2.8 0 .78.07 2.01.67 3.61.1.26-.03.55-.29.64-.26.1-.55-.04-.64-.29a11.14 11.14 0 0 1-.73-3.96c0-1.2.23-2.29.68-3.24 1.33-2.79 4.28-4.6 7.51-4.6 4.55 0 8.25 3.51 8.25 7.83 0 1.62-1.38 2.94-3.08 2.94-1.7 0-3.08-1.32-3.08-2.94 0-1.07-.93-1.94-2.08-1.94s-2.08.87-2.08 1.94c0 1.71.66 3.31 1.87 4.51.95.94 1.86 1.46 3.27 1.85.27.07.42.35.35.61-.05.23-.26.38-.47.38Z"/></svg>';
-defineCustomElement('sinch-icon-fingerprint', createIconClass(templateHTML));
+export const IconFingerprint = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-fingerprint', IconFingerprint);

package/icons/fire-extinguisher/index.d.ts

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

package/icons/fire-extinguisher/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="M7 19h10v1c0 1.1-.9 2-2 2H9c-1.1 0-2-.9-2-2v-1Zm0-1h10v-5H7v5ZM17 4.23v3.54c0 .63-.58 1.11-1.21.98l-1.94-.41c0 .02 0 .01-.01.03A5.07 5.07 0 0 1 16.9 12H7.1c.34-1.66 1.52-3.02 3.07-3.64-.33-.26-.6-.58-.8-.95L5.49 6.6A.61.61 0 0 1 5 6c0-.29.2-.54.49-.6l3.88-.81C9.87 3.65 10.86 3 12 3c.7 0 1.34.25 1.85.66l1.94-.41c.63-.13 1.21.35 1.21.98ZM13 6c-.03-.59-.45-1-1-1s-1 .45-1 1 .45 1 1 1 1-.45 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-fire-extinguisher', createIconClass(templateHTML));
+export const IconFireExtinguisher = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-fire-extinguisher', IconFireExtinguisher);

package/icons/fireplace/index.d.ts

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

package/icons/fireplace/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 2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2Zm0 17c0 .55-.45 1-1 1h-1v-1c0-.55-.45-1-1-1h-1.15c.71-.85 1.15-1.89 1.15-3 0-1.89-1.09-2.84-1.85-3.36-1.86-1.27-2.23-2.78-2.25-3.72a.507.507 0 0 0-.77-.43c-5.8 3.43-5.15 7-5.13 7.51.03.96.49 2.07 1.24 3H7c-.55 0-1 .45-1 1v1H5c-.55 0-1-.45-1-1V5c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v14Zm-6.8-5.26c-.08-.46-.07-.85.08-1.28.54 1.21 2.15 1.64 1.98 3.18-.19 1.69-2.11 2.37-3.39 1.32.76-.24 1.4-1.04 1.53-1.63.12-.55-.11-1.04-.2-1.59Z"/></svg>';
-defineCustomElement('sinch-icon-fireplace', createIconClass(templateHTML));
+export const IconFireplace = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-fireplace', IconFireplace);

package/icons/first-page/index.d.ts

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

package/icons/first-page/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="M17.7 15.89 13.82 12l3.89-3.89A.996.996 0 1 0 16.3 6.7l-4.59 4.59a.996.996 0 0 0 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0a.993.993 0 0 0-.01-1.4ZM7 6c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1s-1-.45-1-1V7c0-.55.45-1 1-1Z"/></svg>';
-defineCustomElement('sinch-icon-first-page', createIconClass(templateHTML));
+export const IconFirstPage = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-first-page', IconFirstPage);

package/icons/fitness-center/index.d.ts

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

package/icons/fitness-center/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.57 14.86.72-.72a.996.996 0 0 0 0-1.41l-.02-.02a.996.996 0 0 0-1.41 0L17 15.57 8.43 7l2.86-2.86a.996.996 0 0 0 0-1.41l-.02-.02a.996.996 0 0 0-1.41 0l-.72.72-.72-.72c-.39-.39-1.03-.39-1.42 0L5.57 4.14l-.72-.72a1.02 1.02 0 0 0-1.43 0 1.02 1.02 0 0 0 0 1.43l.72.72L2.71 7a.996.996 0 0 0 0 1.41l.72.72-.72.73a.996.996 0 0 0 0 1.41l.02.02c.39.39 1.02.39 1.41 0L7 8.43 15.57 17l-2.86 2.86a.996.996 0 0 0 0 1.41l.02.02c.39.39 1.02.39 1.41 0l.72-.72.72.72c.39.39 1.02.39 1.41 0l1.43-1.43.72.72c.39.39 1.04.39 1.43 0 .39-.39.39-1.04 0-1.43l-.72-.72L21.29 17a.996.996 0 0 0 0-1.41l-.72-.73Z"/></svg>';
-defineCustomElement('sinch-icon-fitness-center', createIconClass(templateHTML));
+export const IconFitnessCenter = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-fitness-center', IconFitnessCenter);

package/icons/flag/index.d.ts

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

package/icons/flag/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"><path d="m14.4 6-.24-1.2c-.09-.46-.5-.8-.98-.8H6c-.55 0-1 .45-1 1v15c0 .55.45 1 1 1s1-.45 1-1v-6h5.6l.24 1.2c.09.47.5.8.98.8H19c.55 0 1-.45 1-1V7c0-.55-.45-1-1-1h-4.6Z"/></svg>';
-defineCustomElement('sinch-icon-flag', createIconClass(templateHTML));
+export const IconFlag = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flag', IconFlag);

package/icons/flaky/index.d.ts

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

package/icons/flaky/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="M12.16 15.72a.754.754 0 0 1 0-1.06c.29-.29.77-.29 1.06 0l.82.82L16 13.52c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-2.65 2.65c-.19.19-.51.2-.7 0l-1.55-1.51ZM12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2ZM7.87 6.81l.88.88.88-.88c.29-.29.77-.29 1.06 0 .29.29.29.77 0 1.06l-.88.88.88.88c.29.29.29.77 0 1.06-.29.29-.77.29-1.06 0l-.88-.88-.88.88c-.29.29-.77.29-1.06 0a.754.754 0 0 1 0-1.06l.88-.88-.88-.88a.754.754 0 0 1 0-1.06c.29-.3.76-.3 1.06 0ZM12 20c-2.2 0-4.2-.9-5.7-2.3L17.7 6.3C19.1 7.8 20 9.8 20 12c0 4.4-3.6 8-8 8Z"/></svg>';
-defineCustomElement('sinch-icon-flaky', createIconClass(templateHTML));
+export const IconFlaky = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flaky', IconFlaky);

package/icons/flare/index.d.ts

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

package/icons/flare/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="M6 11H2c-.55 0-1 .45-1 1s.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1Zm2.47-3.94-.72-.72a.996.996 0 1 0-1.41 1.41l.71.71c.39.39 1.02.39 1.41 0 .39-.38.39-1.02.01-1.4ZM12 1c-.56 0-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1V2c0-.55-.45-1-1-1Zm5.66 5.35a.996.996 0 0 0-1.41 0l-.71.71a.996.996 0 1 0 1.41 1.41l.71-.71c.38-.39.38-1.03 0-1.41ZM17 12c0 .56.45 1 1 1h4c.55 0 1-.45 1-1s-.45-1-1-1h-4c-.55 0-1 .45-1 1Zm-5-3c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3Zm3.53 7.94.71.71a.996.996 0 1 0 1.41-1.41l-.71-.71a.996.996 0 0 0-1.41 0c-.38.39-.38 1.03 0 1.41Zm-9.19.71c.39.39 1.02.39 1.41 0l.71-.71a.996.996 0 1 0-1.41-1.41l-.71.71c-.38.39-.38 1.03 0 1.41ZM12 23c.56 0 1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1Z"/></svg>';
-defineCustomElement('sinch-icon-flare', createIconClass(templateHTML));
+export const IconFlare = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flare', IconFlare);

package/icons/flash-auto/index.d.ts

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

package/icons/flash-auto/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="M3 3v10c0 .55.45 1 1 1h2v7.15c0 .51.67.69.93.25l5.19-8.9a.995.995 0 0 0-.86-1.5H9l3.38-7.59c.29-.67-.2-1.41-.92-1.41H4c-.55 0-1 .45-1 1Zm15-1c-.6 0-1.13.38-1.34.94L14.22 9.8c-.2.59.23 1.2.85 1.2.38 0 .72-.24.84-.6L16.4 9h3.2l.49 1.4c.13.36.46.6.84.6.62 0 1.05-.61.84-1.19l-2.44-6.86C19.13 2.38 18.6 2 18 2Zm-1.15 5.65L18 4l1.15 3.65h-2.3Z"/></svg>';
-defineCustomElement('sinch-icon-flash-auto', createIconClass(templateHTML));
+export const IconFlashAuto = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flash-auto', IconFlashAuto);

package/icons/flash-off/index.d.ts

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

package/icons/flash-off/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.12 11.5a.995.995 0 0 0-.86-1.5h-1.87l2.28 2.28.45-.78Zm.16-8.05c.33-.67-.15-1.45-.9-1.45H8c-.55 0-1 .45-1 1v.61l6.13 6.13 3.15-6.29Zm2.16 14.43L4.12 3.56a.996.996 0 1 0-1.41 1.41L7 9.27V12c0 .55.45 1 1 1h2v7.15c0 .51.67.69.93.25l2.65-4.55 3.44 3.44c.39.39 1.02.39 1.41 0 .4-.39.4-1.02.01-1.41Z"/></svg>';
-defineCustomElement('sinch-icon-flash-off', createIconClass(templateHTML));
+export const IconFlashOff = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flash-off', IconFlashOff);

package/icons/flash-on/index.d.ts

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

package/icons/flash-on/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="M7 3v9c0 .55.45 1 1 1h2v7.15c0 .51.67.69.93.25l5.19-8.9a.995.995 0 0 0-.86-1.5H13l2.49-6.65A.994.994 0 0 0 14.56 2H8c-.55 0-1 .45-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-flash-on', createIconClass(templateHTML));
+export const IconFlashOn = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flash-on', IconFlashOn);

package/icons/flight/index.d.ts

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

package/icons/flight/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 14.58c0-.36-.19-.69-.49-.89L13 9V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-7.51 4.69a1.05 1.05 0 0 0 .87 1.89L10 13.5V19l-1.8 1.35a.48.48 0 0 0-.2.4v.59c0 .33.32.57.64.48L11.5 21l2.86.82c.32.09.64-.15.64-.48v-.59a.48.48 0 0 0-.2-.4L13 19v-5.5l6.64 2.08c.68.21 1.36-.3 1.36-1Z"/></svg>';
-defineCustomElement('sinch-icon-flight', createIconClass(templateHTML));
+export const IconFlight = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flight', IconFlight);

package/icons/flight-land/index.d.ts

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

package/icons/flight-land/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.5 19h-17c-.55 0-1 .45-1 1s.45 1 1 1h17c.55 0 1-.45 1-1s-.45-1-1-1ZM3.51 11.61l15.83 4.24c.8.21 1.62-.26 1.84-1.06.21-.8-.26-1.62-1.06-1.84l-5.31-1.42-2.58-8.45a1.08 1.08 0 0 0-.75-.73c-.68-.18-1.35.33-1.35 1.04v6.88L5.15 8.95 4.4 7.09a.991.991 0 0 0-.67-.59l-.33-.09a.495.495 0 0 0-.63.48v3.75c0 .46.3.85.74.97Z"/></svg>';
-defineCustomElement('sinch-icon-flight-land', createIconClass(templateHTML));
+export const IconFlightLand = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flight-land', IconFlightLand);

package/icons/flight-takeoff/index.d.ts

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

package/icons/flight-takeoff/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.5 19h-17c-.55 0-1 .45-1 1s.45 1 1 1h17c.55 0 1-.45 1-1s-.45-1-1-1Zm1.57-9.36c-.22-.8-1.04-1.27-1.84-1.06L14.92 10 8.46 3.98a1.06 1.06 0 0 0-1.02-.25c-.68.19-1 .97-.65 1.58l3.44 5.96-4.97 1.33-1.57-1.24c-.25-.19-.57-.26-.88-.18l-.33.09c-.32.08-.47.45-.3.73l1.88 3.25c.23.39.69.58 1.12.47L21 11.48c.8-.22 1.28-1.04 1.07-1.84Z"/></svg>';
-defineCustomElement('sinch-icon-flight-takeoff', createIconClass(templateHTML));
+export const IconFlightTakeoff = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flight-takeoff', IconFlightTakeoff);

package/icons/flip/index.d.ts

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

package/icons/flip/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 21h2v-2h-2v2Zm4-12h2V7h-2v2ZM3 5v14c0 1.1.9 2 2 2h3c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h2c.55 0 1-.45 1-1s-.45-1-1-1H5c-1.1 0-2 .9-2 2Zm16-2v2h2c0-1.1-.9-2-2-2Zm-7 20c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1s-1 .45-1 1v20c0 .55.45 1 1 1Zm7-6h2v-2h-2v2ZM15 5h2V3h-2v2Zm4 8h2v-2h-2v2Zm0 8c1.1 0 2-.9 2-2h-2v2Z"/></svg>';
-defineCustomElement('sinch-icon-flip', createIconClass(templateHTML));
+export const IconFlip = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flip', IconFlip);

package/icons/flip-camera-android/index.d.ts

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

package/icons/flip-camera-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="M9 12c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3Z"/><path d="M8 9c0-.55-.45-1-1-1H5.09C6.47 5.61 9.05 4 12 4c3.49 0 6.45 2.24 7.54 5.36.14.39.53.64.94.64.68 0 1.18-.67.96-1.31C20.07 4.79 16.36 2 12 2 8.73 2 5.82 3.58 4 6.01V5c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1h4c.55 0 1-.45 1-1Zm8 6c0 .55.45 1 1 1h1.91c-1.38 2.39-3.96 4-6.91 4-3.49 0-6.45-2.24-7.54-5.36a.998.998 0 0 0-.94-.64c-.68 0-1.18.67-.96 1.31C3.93 19.21 7.64 22 12 22c3.27 0 6.18-1.58 8-4.01V19c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-flip-camera-android', createIconClass(templateHTML));
+export const IconFlipCameraAndroid = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flip-camera-android', IconFlipCameraAndroid);

package/icons/flip-camera-ios/index.d.ts

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

package/icons/flip-camera-ios/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 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2Zm-6.33 12.7c-.52.19-1.08.3-1.67.3-2.76 0-5-2.24-5-5H5l2.5-2.5L10 13H8c0 2.21 1.79 4 4 4 .46 0 .91-.08 1.32-.23a.498.498 0 1 1 .35.93Zm2.83-2.2L14 13h2c0-2.21-1.79-4-4-4-.46 0-.91.08-1.32.23a.498.498 0 1 1-.35-.93c.52-.19 1.08-.3 1.67-.3 2.76 0 5 2.24 5 5h2l-2.5 2.5Z"/></svg>';
-defineCustomElement('sinch-icon-flip-camera-ios', createIconClass(templateHTML));
+export const IconFlipCameraIos = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flip-camera-ios', IconFlipCameraIos);

package/icons/flip-to-back/index.d.ts

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

package/icons/flip-to-back/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 7H7v2h2V7Zm0 4H7v2h2v-2Zm0-8a2 2 0 0 0-2 2h2V3Zm4 12h-2v2h2v-2Zm6-12v2h2c0-1.1-.9-2-2-2Zm-6 0h-2v2h2V3ZM9 17v-2H7a2 2 0 0 0 2 2Zm10-4h2v-2h-2v2Zm0-4h2V7h-2v2Zm0 8c1.1 0 2-.9 2-2h-2v2ZM4 7c-.55 0-1 .45-1 1v11c0 1.1.9 2 2 2h11c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1-.45-1-1V8c0-.55-.45-1-1-1Zm11-2h2V3h-2v2Zm0 12h2v-2h-2v2Z"/></svg>';
-defineCustomElement('sinch-icon-flip-to-back', createIconClass(templateHTML));
+export const IconFlipToBack = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flip-to-back', IconFlipToBack);

package/icons/flip-to-front/index.d.ts

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

package/icons/flip-to-front/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="M3 13h2v-2H3v2Zm0 4h2v-2H3v2Zm2 4v-2H3a2 2 0 0 0 2 2ZM3 9h2V7H3v2Zm12 12h2v-2h-2v2Zm4-18H9a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-1 12h-8c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h8c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1Zm-7 6h2v-2h-2v2Zm-4 0h2v-2H7v2Z"/></svg>';
-defineCustomElement('sinch-icon-flip-to-front', createIconClass(templateHTML));
+export const IconFlipToFront = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-flip-to-front', IconFlipToFront);

package/icons/folder/index.d.ts

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

package/icons/folder/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.59 4.59C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-1.41-1.41Z"/></svg>';
-defineCustomElement('sinch-icon-folder', createIconClass(templateHTML));
+export const IconFolder = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-folder', IconFolder);

package/icons/folder-open/index.d.ts

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

package/icons/folder-open/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 6h-8l-1.41-1.41C10.21 4.21 9.7 4 9.17 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2Zm-1 12H5c-.55 0-1-.45-1-1V9c0-.55.45-1 1-1h14c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1Z"/></svg>';
-defineCustomElement('sinch-icon-folder-open', createIconClass(templateHTML));
+export const IconFolderOpen = createIconClass(templateHTML);
+defineCustomElement('sinch-icon-folder-open', IconFolderOpen);

package/icons/folder-shared/index.d.ts

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