@sqx717/kubed-icons-vue 0.2.35

package/dist/navigationDuotone.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NavigationDuotone: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NavigationDuotone;

package/dist/navigationDuotone.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _navigationDuotone["default"]}});var _navigationDuotone=_interopRequireDefault(require("./navigationDuotone.vue"));

package/dist/navigationDuotone.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path d="M18.717 26.445l-.002-.003 16.298-13.458-13.446 16.34 4.958 13.224c.323.86 1.536.867 1.869.011L42.175 7.118c.316-.811-.483-1.61-1.294-1.295L5.44 19.603c-.856.333-.848 1.546.011 1.868l13.265 4.974z"/><path fill="currentColor" d="M20.352 27.058a1 1 0 01.585.585l.627 1.672L35 13 18.688 26.434l1.664.624z"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/navigationFill.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NavigationFill: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NavigationFill;

package/dist/navigationFill.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _navigationFill["default"]}});var _navigationFill=_interopRequireDefault(require("./navigationFill.vue"));

package/dist/navigationFill.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fill="currentColor" d="M18.688 26.434L35 13 21.564 29.315l4.961 13.233c.323.86 1.536.867 1.869.011L42.175 7.12c.316-.812-.483-1.61-1.294-1.295L5.44 19.604c-.856.332-.848 1.545.011 1.867l13.236 4.963z"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/navigationSquareDuotone.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NavigationSquareDuotone: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NavigationSquareDuotone;

package/dist/navigationSquareDuotone.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _navigationSquareDuotone["default"]}});var _navigationSquareDuotone=_interopRequireDefault(require("./navigationSquareDuotone.vue"));

package/dist/navigationSquareDuotone.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fillRule="evenodd" d="M8 6a2 2 0 00-2 2v32a2 2 0 002 2h32a2 2 0 002-2V8a2 2 0 00-2-2H8zm5 16.776l8.889 3.333L25.222 35 33 15l-20 7.776z" clipRule="evenodd"/><path fill="currentColor" fillRule="evenodd" d="M21.889 26.109L13 22.776 33 15l-7.778 20-3.333-8.891z" clipRule="evenodd"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/navigationSquareFill.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NavigationSquareFill: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NavigationSquareFill;

package/dist/navigationSquareFill.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _navigationSquareFill["default"]}});var _navigationSquareFill=_interopRequireDefault(require("./navigationSquareFill.vue"));

package/dist/navigationSquareFill.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fill="currentColor" fillRule="evenodd" d="M8 6a2 2 0 00-2 2v32a2 2 0 002 2h32a2 2 0 002-2V8a2 2 0 00-2-2H8zm5 16.776l8.889 3.333L25.222 35 33 15l-20 7.776z" clipRule="evenodd"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/neonsan.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const Neonsan: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default Neonsan;

package/dist/neonsan.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _neonsan["default"]}});var _neonsan=_interopRequireDefault(require("./neonsan.vue"));

package/dist/neonsan.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fill="currentColor" fillRule="evenodd" d="M10.57 2.398L18.742 7.2v5.754l-8.172-4.8-3.277 1.925v3.848l8.176 4.8-4.899 2.876-8.172-4.891V7.199zm8.172 11.047l2.86 1.676v3.356l-2.86 1.675-2.851-1.675V15.12zm0 0"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/neonsanObject.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NeonsanObject: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NeonsanObject;

package/dist/neonsanObject.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _neonsanObject["default"]}});var _neonsanObject=_interopRequireDefault(require("./neonsanObject.vue"));

package/dist/neonsanObject.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><g fillRule="evenodd"><path fill="currentColor" d="M16.5 3.009h3.583c.506 0 .916.41.916.917v16.151c0 .507-.41.917-.916.917H16.5V3.01z"/><path d="M17.5 3.009v17.985H3.943a.917.917 0 01-.917-.917V3.926c0-.507.41-.917.917-.917H17.5zm-3.667 4.408L6.5 16.583h7.333V7.417z"/></g></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/netflixDuotone.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NetflixDuotone: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NetflixDuotone;

package/dist/netflixDuotone.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _netflixDuotone["default"]}});var _netflixDuotone=_interopRequireDefault(require("./netflixDuotone.vue"));

package/dist/netflixDuotone.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fill="currentColor" d="M22.698 8.427L26.4 19.434l.724 2.152.013-9.276.018-9.293h7.828l.015 20.95c.005 11.533-.006 21.002-.028 21.022-.022.017-.383 0-.8-.052-1.812-.228-4.197-.456-6.122-.544-.39-.016-.778-.04-1.166-.074-.006-.007-.5-1.47-1.423-4.212V40.1l-3.93-11.69-.623-1.839-.015 8.845c-.011 8.418-.018 8.89-.104 8.89-.3 0-2.879.174-3.74.263-.565.052-1.698.174-2.512.28-.817.098-1.496.164-1.508.15C13.01 44.987 13 35.531 13 23.99V3.003h.01V3h7.86l.051.154c.013.031.12.34.288.843l1.175 3.43.317.956-.002.044h-.001z"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/netflixFill.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NetflixFill: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NetflixFill;

package/dist/netflixFill.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _netflixFill["default"]}});var _netflixFill=_interopRequireDefault(require("./netflixFill.vue"));

package/dist/netflixFill.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fill="currentColor" d="M22.698 8.427L26.4 19.434l.724 2.152.013-9.276.018-9.293h7.828l.015 20.95c.005 11.533-.006 21.002-.028 21.022-.022.017-.383 0-.8-.052-1.812-.228-4.197-.456-6.122-.544-.39-.016-.778-.04-1.166-.074-.006-.007-.5-1.47-1.423-4.212V40.1l-3.93-11.69-.623-1.839-.015 8.845c-.011 8.418-.018 8.89-.104 8.89-.3 0-2.879.174-3.74.263-.565.052-1.698.174-2.512.28-.817.098-1.496.164-1.508.15C13.01 44.987 13 35.531 13 23.99V3.003h.01V3h7.86l.051.154c.013.031.12.34.288.843l1.175 3.43.317.956-.002.044h-.001z"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/network.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const Network: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default Network;

package/dist/network.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _network["default"]}});var _network=_interopRequireDefault(require("./network.vue"));

package/dist/network.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><g fillRule="evenodd"><path d="M19.158 10.367A11.947 11.947 0 0012 8c-2.686 0-5.166.883-7.166 2.373l-2.386-3.21A15.929 15.929 0 0112 4c3.578 0 6.881 1.174 9.546 3.159l-2.388 3.208z"/><path fill="currentColor" d="M4.834 10.373C6.834 8.883 9.314 8 12 8c2.682 0 5.16.88 7.158 2.367L11.987 20l-7.153-9.627z"/></g></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/networkCard.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NetworkCard: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NetworkCard;

package/dist/networkCard.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _networkCard["default"]}});var _networkCard=_interopRequireDefault(require("./networkCard.vue"));

package/dist/networkCard.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><g fillRule="evenodd"><path fill="currentColor" d="M3 4h2v16H3zm15 10v2h2v-3h-2v1zm-3 0v2h2v-3h-2v1zm-4 0v-1H9v3h2v-2zm1 0v2h2v-3h-2v1zm9 1v3H8v-3H6V6h15v9zm-9-5v1h7V8h-7v1h-1.085a1.5 1.5 0 100 1H12z"/><path d="M12 13h2v3h-2zm-3 0h2v3H9zm6 0h2v3h-2zm3 0h2v3h-2zm-6-3h-1.085a1.5 1.5 0 110-1H12V8h7v3h-7v-1z"/></g></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/networkCardDuotone.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NetworkCardDuotone: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NetworkCardDuotone;

package/dist/networkCardDuotone.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _networkCardDuotone["default"]}});var _networkCardDuotone=_interopRequireDefault(require("./networkCardDuotone.vue"));

package/dist/networkCardDuotone.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fillRule="evenodd" d="M12 8v28h9v3h3v-3h3v3h3v-3h3v3h3v-3h4a2 2 0 002-2V10a2 2 0 00-2-2H12zm15 9h10v10H27v-3.5h-6.401A2.999 2.999 0 0115 22a3 3 0 015.599-1.5H27V17z" clipRule="evenodd"/><path fill="currentColor" d="M6 8a2 2 0 012-2h4v36H8a2 2 0 01-2-2V8zM39 36h-3v3h-3v-3h-3v3h-3v-3h-3v3h-3v-3h-3v6h21v-6zM37 17H27v3.5h-6.401A2.999 2.999 0 0015 22a3 3 0 005.599 1.5H27V27h10V17z"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/networkCardFill.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NetworkCardFill: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NetworkCardFill;

package/dist/networkCardFill.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _networkCardFill["default"]}});var _networkCardFill=_interopRequireDefault(require("./networkCardFill.vue"));

package/dist/networkCardFill.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fill="currentColor" fillRule="evenodd" d="M6 8a2 2 0 012-2h4v2h28a2 2 0 012 2v24a2 2 0 01-2 2h-1v6H18v-6h-6v6H8a2 2 0 01-2-2V8zm21 9h10v10H27v-3.5h-6.401A2.999 2.999 0 0115 22a3 3 0 015.599-1.5H27V17zm-3 19h-3v3h3v-3zm3 0h3v3h-3v-3zm9 0h-3v3h3v-3z" clipRule="evenodd"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/networkDuotone.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NetworkDuotone: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NetworkDuotone;

package/dist/networkDuotone.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _networkDuotone["default"]}});var _networkDuotone=_interopRequireDefault(require("./networkDuotone.vue"));

package/dist/networkDuotone.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path d="M30.337 16c-.471-2.717-1.17-5.117-2.017-7.067-.807-1.856-1.69-3.169-2.52-3.975C24.986 4.165 24.381 4 24 4c-.382 0-.986.165-1.8.958-.83.806-1.713 2.119-2.52 3.975-.848 1.95-1.546 4.35-2.017 7.067h12.674zM5.664 32a20.05 20.05 0 0012.854 11.24c-1.77-2.674-3.149-6.604-3.897-11.24H5.664zM30.337 32c-.471 2.717-1.17 5.117-2.017 7.067-.807 1.856-1.69 3.169-2.52 3.975-.814.793-1.419.958-1.8.958-.382 0-.986-.165-1.8-.958-.83-.806-1.713-2.119-2.52-3.975-.848-1.95-1.546-4.35-2.017-7.067h12.674zM33.378 32c-.747 4.636-2.126 8.566-3.896 11.24A20.05 20.05 0 0042.336 32h-8.958zM14.621 16c.748-4.636 2.127-8.566 3.897-11.24A20.051 20.051 0 005.664 16h8.957zM29.482 4.76c1.77 2.674 3.149 6.604 3.896 11.24h8.958A20.051 20.051 0 0029.482 4.76z"/><path fill="currentColor" d="M17.252 29h13.496c.164-1.594.252-3.267.252-5s-.088-3.406-.252-5H17.252A49.047 49.047 0 0017 24c0 1.733.088 3.406.252 5zM14.237 19A52.183 52.183 0 0014 24c0 1.717.082 3.39.237 5H4.63A20.036 20.036 0 014 24c0-1.727.219-3.402.63-5h9.607zM33.763 19h9.607c.411 1.598.63 3.273.63 5 0 1.727-.219 3.402-.63 5h-9.607c.155-1.61.237-3.283.237-5s-.082-3.39-.237-5z"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/networkFill.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NetworkFill: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NetworkFill;

package/dist/networkFill.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _networkFill["default"]}});var _networkFill=_interopRequireDefault(require("./networkFill.vue"));

package/dist/networkFill.vue

@@ -0,0 +1,28 @@
+<template>
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" 
+      fill="#b6c2cd" 
+      color="#324558"
+      :width="size"
+      :height="size"
+      :class="classes"
+      ref="svgRef"
+      v-bind="attrs"
+    ><path fill="currentColor" d="M30.337 32c-.471 2.717-1.17 5.117-2.017 7.067-.807 1.856-1.69 3.169-2.52 3.975-.814.793-1.419.958-1.8.958s-.986-.165-1.8-.958c-.83-.806-1.713-2.119-2.52-3.975-.848-1.95-1.546-4.35-2.017-7.067h12.674zM33.379 32c-.748 4.636-2.127 8.566-3.897 11.24A20.05 20.05 0 0042.336 32h-8.957zM18.518 43.24A20.05 20.05 0 015.664 32h8.957c.748 4.636 2.127 8.566 3.897 11.24zM17.252 29h13.496c.164-1.594.252-3.267.252-5s-.088-3.406-.252-5H17.252A49.047 49.047 0 0017 24c0 1.733.088 3.406.252 5zM14.237 19A52.183 52.183 0 0014 24c0 1.717.082 3.39.237 5H4.63A20.036 20.036 0 014 24c0-1.727.219-3.402.63-5h9.607zM17.663 16h12.674c-.471-2.717-1.17-5.117-2.017-7.067-.807-1.856-1.69-3.169-2.52-3.975C24.987 4.165 24.382 4 24 4s-.986.165-1.8.958c-.83.806-1.713 2.119-2.52 3.975-.848 1.95-1.546 4.35-2.017 7.067zM18.518 4.76c-1.77 2.674-3.149 6.604-3.897 11.24H5.664A20.051 20.051 0 0118.518 4.76zM29.482 4.76c1.77 2.674 3.149 6.604 3.897 11.24h8.957A20.051 20.051 0 0029.482 4.76zM33.763 19h9.607c.411 1.598.63 3.273.63 5 0 1.727-.219 3.402-.63 5h-9.607c.155-1.61.237-3.283.237-5s-.082-3.39-.237-5z"/></svg>
+</template>
+
+<script setup lang="ts">
+import { computed, useAttrs, ref } from 'vue';
+
+const props = defineProps<{
+  variant?: 'dark' | 'light';
+  size?: number | string;
+  className?: string;
+}>();
+
+const attrs = useAttrs();
+const svgRef = ref<SVGSVGElement | null>(null);
+
+const classes = computed(() => {
+  return ['kubed-icon', `kubed-icon__${props.variant || 'dark'}`, props.className];
+});
+</script>

package/dist/networkRouter.d.ts

@@ -0,0 +1,10 @@
+import { DefineComponent } from 'vue';
+import { Icon } from './types';
+
+declare const NetworkRouter: DefineComponent<{
+  variant?: string;
+  size?: number | string;
+  className?: string;
+}>;
+
+export default NetworkRouter;

package/dist/networkRouter.js

@@ -0,0 +1 @@
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"default",{enumerable:true,get:function get(){return _networkRouter["default"]}});var _networkRouter=_interopRequireDefault(require("./networkRouter.vue"));