feat(icons): add icon device

packages/svgs/components/icons.js

@@ -3,6 +3,7 @@ export { default as IconBar_chart_alt } from './icons/chart/IconBar_chart_alt'
 export { default as IconBar_chart_circle } from './icons/chart/IconBar_chart_circle'
 export { default as IconBar_chart_horizontal } from './icons/chart/IconBar_chart_horizontal'
 export { default as IconBar_chart_square } from './icons/chart/IconBar_chart_square'
+export { default as IconDevices } from './icons/device/IconDevices'
 export { default as IconDoughnut_chart } from './icons/chart/IconDoughnut_chart'
 export { default as IconGroup } from './icons/user/IconGroup'
 export { default as IconGroup_alt } from './icons/user/IconGroup_alt'
@@ -15,11 +16,15 @@ export { default as IconHeading_h5 } from './icons/edit/IconHeading_h5'
 export { default as IconHeading_h6 } from './icons/edit/IconHeading_h6'
 export { default as IconHide } from './icons/edit/IconHide'
 export { default as IconId_card } from './icons/user/IconId_card'
+export { default as IconLaptop } from './icons/device/IconLaptop'
 export { default as IconLine_chart_down } from './icons/chart/IconLine_chart_down'
 export { default as IconLine_chart_up } from './icons/chart/IconLine_chart_up'
 export { default as IconMinus_circle } from './icons/edit/IconMinus_circle'
 export { default as IconMinus_circle_outline } from './icons/edit/IconMinus_circle_outline'
 export { default as IconMinus_square } from './icons/edit/IconMinus_square'
+export { default as IconMobile } from './icons/device/IconMobile'
+export { default as IconMobile_alt } from './icons/device/IconMobile_alt'
+export { default as IconMonitor } from './icons/device/IconMonitor'
 export { default as IconMove } from './icons/edit/IconMove'
 export { default as IconOff_close } from './icons/edit/IconOff_close'
 export { default as IconOff_outline_close } from './icons/edit/IconOff_outline_close'
@@ -37,6 +42,7 @@ export { default as IconSearch_small } from './icons/edit/IconSearch_small'
 export { default as IconSearch_small_minus } from './icons/edit/IconSearch_small_minus'
 export { default as IconSearch_small_plus } from './icons/edit/IconSearch_small_plus'
 export { default as IconShow } from './icons/edit/IconShow'
+export { default as IconTablet } from './icons/device/IconTablet'
 export { default as IconTrending_down } from './icons/chart/IconTrending_down'
 export { default as IconTrending_up } from './icons/chart/IconTrending_up'
 export { default as IconUser } from './icons/user/IconUser'

packages/svgs/components/icons.json

@@ -1,5 +1,5 @@
 {
-  "total": 51,
+  "total": 57,
   "files": [
     {
       "name": "IconBar_chart",
@@ -26,6 +26,11 @@
       "path": "icons/chart/IconBar_chart_square",
       "size": 244
     },
+    {
+      "name": "IconDevices",
+      "path": "icons/device/IconDevices",
+      "size": 263
+    },
     {
       "name": "IconDoughnut_chart",
       "path": "icons/chart/IconDoughnut_chart",
@@ -86,6 +91,11 @@
       "path": "icons/user/IconId_card",
       "size": 512
     },
+    {
+      "name": "IconLaptop",
+      "path": "icons/device/IconLaptop",
+      "size": 203
+    },
     {
       "name": "IconLine_chart_down",
       "path": "icons/chart/IconLine_chart_down",
@@ -111,6 +121,21 @@
       "path": "icons/edit/IconMinus_square",
       "size": 200
     },
+    {
+      "name": "IconMobile",
+      "path": "icons/device/IconMobile",
+      "size": 234
+    },
+    {
+      "name": "IconMobile_alt",
+      "path": "icons/device/IconMobile_alt",
+      "size": 240
+    },
+    {
+      "name": "IconMonitor",
+      "path": "icons/device/IconMonitor",
+      "size": 215
+    },
     {
       "name": "IconMove",
       "path": "icons/edit/IconMove",
@@ -196,6 +221,11 @@
       "path": "icons/edit/IconShow",
       "size": 589
     },
+    {
+      "name": "IconTablet",
+      "path": "icons/device/IconTablet",
+      "size": 230
+    },
     {
       "name": "IconTrending_down",
       "path": "icons/chart/IconTrending_down",

packages/svgs/components/icons/device/IconDevices.vue

@@ -0,0 +1,38 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    :width="width || size"
+    :height="height || size"
+    :fill="color"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M10 21H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1V5a2 2 0 0 1 2-2h13a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-8v1a2 2 0 0 1-2 2zM4 9v10h6V9H4zm3-2h3a2 2 0 0 1 2 2v7h8V5H7v2z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'IconDevices',
+  props: {
+    size: {
+      type: [String, Number],
+      default: 24,
+    },
+    width: {
+      type: [String, Number],
+      default: '',
+    },
+    height: {
+      type: [String, Number],
+      default: '',
+    },
+    color: {
+      type: String,
+      default: '#A4A4A4',
+    },
+  },
+}
+</script>

packages/svgs/components/icons/device/IconLaptop.vue

@@ -0,0 +1,38 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    :width="width || size"
+    :height="height || size"
+    :fill="color"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M21 19H3a2 2 0 0 1-2-2v-1h2V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9h2v1a2 2 0 0 1-2 2zM5 7v9h14V7H5z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'IconLaptop',
+  props: {
+    size: {
+      type: [String, Number],
+      default: 24,
+    },
+    width: {
+      type: [String, Number],
+      default: '',
+    },
+    height: {
+      type: [String, Number],
+      default: '',
+    },
+    color: {
+      type: String,
+      default: '#A4A4A4',
+    },
+  },
+}
+</script>

packages/svgs/components/icons/device/IconMobile.vue

@@ -0,0 +1,38 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    :width="width || size"
+    :height="height || size"
+    :fill="color"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M17 23H7a2 2 0 0 1-2-2V2.913A2 2 0 0 1 7 1h10a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2zM7 3v18h10V3h-2a2 2 0 0 1-2 2h-2a2 2 0 0 1-2-2H7z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'IconMobile',
+  props: {
+    size: {
+      type: [String, Number],
+      default: 24,
+    },
+    width: {
+      type: [String, Number],
+      default: '',
+    },
+    height: {
+      type: [String, Number],
+      default: '',
+    },
+    color: {
+      type: String,
+      default: '#A4A4A4',
+    },
+  },
+}
+</script>

packages/svgs/components/icons/device/IconMobile_alt.vue

@@ -0,0 +1,38 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    :width="width || size"
+    :height="height || size"
+    :fill="color"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M16.75 23h-10a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2zm-10-20v18h10V3h-10zm5 17a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'IconMobile_alt',
+  props: {
+    size: {
+      type: [String, Number],
+      default: 24,
+    },
+    width: {
+      type: [String, Number],
+      default: '',
+    },
+    height: {
+      type: [String, Number],
+      default: '',
+    },
+    color: {
+      type: String,
+      default: '#A4A4A4',
+    },
+  },
+}
+</script>

packages/svgs/components/icons/device/IconMonitor.vue

@@ -0,0 +1,38 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    :width="width || size"
+    :height="height || size"
+    :fill="color"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M17 21H7v-2h2v-1H3a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2h-6v1h2v2zM3 5v11h18V5H3z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'IconMonitor',
+  props: {
+    size: {
+      type: [String, Number],
+      default: 24,
+    },
+    width: {
+      type: [String, Number],
+      default: '',
+    },
+    height: {
+      type: [String, Number],
+      default: '',
+    },
+    color: {
+      type: String,
+      default: '#A4A4A4',
+    },
+  },
+}
+</script>

packages/svgs/components/icons/device/IconTablet.vue

@@ -0,0 +1,38 @@
+<template>
+  <svg
+    viewBox="0 0 24 24"
+    :width="width || size"
+    :height="height || size"
+    :fill="color"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M20 23H4a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2zM4 3v18h16V3H4zm8 17a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
+      :fill="color"
+    />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'IconTablet',
+  props: {
+    size: {
+      type: [String, Number],
+      default: 24,
+    },
+    width: {
+      type: [String, Number],
+      default: '',
+    },
+    height: {
+      type: [String, Number],
+      default: '',
+    },
+    color: {
+      type: String,
+      default: '#A4A4A4',
+    },
+  },
+}
+</script>