@mozaic-ds/icons-vue 0.0.1-beta.0

package/src/components/Door20/Door20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M5 1.75a.75.75 0 0 0-.75.75v15c0 .414.336.75.75.75h10a.75.75 0 0 0 .75-.75v-15a.75.75 0 0 0-.75-.75H5Zm.75 15V3.25h8.5v13.5h-8.5ZM7.083 4.083a.5.5 0 0 0-.5.5V8.25a.5.5 0 0 0 .5.5h5.834a.5.5 0 0 0 .5-.5V4.583a.5.5 0 0 0-.5-.5H7.083Zm.5 3.667V5.083h4.834V7.75H7.583Zm-1 3.917a.5.5 0 0 1 .5-.5h5.834a.5.5 0 0 1 .5.5v3.666a.5.5 0 0 1-.5.5H7.083a.5.5 0 0 1-.5-.5v-3.666Zm1 .5v2.666h4.834v-2.666H7.583ZM11.25 9.5a.5.5 0 0 0 0 1h1.667a.5.5 0 0 0 0-1H11.25Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Door20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Door24/Door24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M6 2a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H6Zm1 18V4h10v16H7ZM8.5 5a.5.5 0 0 0-.5.5v4.4a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V5.5a.5.5 0 0 0-.5-.5h-7ZM9 9.4V6h6v3.4H9ZM8 14a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v4.4a.5.5 0 0 1-.5.5h-7a.5.5 0 0 1-.5-.5V14Zm1 .5v3.4h6v-3.4H9Zm4.5-3a.5.5 0 0 0 0 1h2a.5.5 0 0 0 0-1h-2Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Door24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Door32/Door32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M8 3a1 1 0 0 0-1 1v24a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H8Zm1 24V5h14v22H9Zm2.333-20.167a.5.5 0 0 0-.5.5V13.2a.5.5 0 0 0 .5.5h9.334a.5.5 0 0 0 .5-.5V7.333a.5.5 0 0 0-.5-.5h-9.334Zm.5 5.867V7.833h8.334V12.7h-8.334Zm-1 5.967a.5.5 0 0 1 .5-.5h9.334a.5.5 0 0 1 .5.5v5.866a.5.5 0 0 1-.5.5h-9.334a.5.5 0 0 1-.5-.5v-5.866Zm1 .5v4.866h8.334v-4.866h-8.334ZM18 15.5a.5.5 0 0 0 0 1h2.667a.5.5 0 0 0 0-1H18Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Door32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Door48/Door48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M12 4.5A1.5 1.5 0 0 0 10.5 6v36a1.5 1.5 0 0 0 1.5 1.5h24a1.5 1.5 0 0 0 1.5-1.5V6A1.5 1.5 0 0 0 36 4.5H12Zm1.5 36v-33h21v33h-21ZM17 10a1 1 0 0 0-1 1v8.8a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1H17Zm1 8.8V12h12v6.8H18ZM16 28a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v8.8a1 1 0 0 1-1 1H17a1 1 0 0 1-1-1V28Zm2 1v6.8h12V29H18Zm9-6a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Door48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Door64/Door64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M16 6.5A1.5 1.5 0 0 0 14.5 8v48a1.5 1.5 0 0 0 1.5 1.5h32a1.5 1.5 0 0 0 1.5-1.5V8A1.5 1.5 0 0 0 48 6.5H16Zm1.5 48v-45h29v45h-29Zm5.167-40.833a1 1 0 0 0-1 1V26.4a1 1 0 0 0 1 1h18.666a1 1 0 0 0 1-1V14.667a1 1 0 0 0-1-1H22.667Zm1 11.733v-9.733h16.666V25.4H23.667Zm-2 11.933a1 1 0 0 1 1-1h18.666a1 1 0 0 1 1 1v11.734a1 1 0 0 1-1 1H22.667a1 1 0 0 1-1-1V37.333Zm2 1v9.734h16.666v-9.734H23.667ZM36 31a1 1 0 1 0 0 2h5.333a1 1 0 1 0 0-2H36Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Door64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Download20/Download20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M11.47 15.53a.75.75 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.06l-2.72 2.72V3a.75.75 0 0 0-1.5 0v10.19l-2.72-2.72a.75.75 0 0 0-1.06 1.06l4 4Zm-6.109-.373a.75.75 0 0 0-.722-1.314C3.322 14.566 2.25 15.62 2.25 17c0 .796.366 1.498.914 2.074.544.572 1.296 1.052 2.167 1.44 1.746.775 4.104 1.236 6.669 1.236 2.565 0 4.923-.46 6.669-1.236.871-.388 1.623-.868 2.167-1.44.548-.576.914-1.278.914-2.074 0-1.38-1.072-2.434-2.389-3.157a.75.75 0 0 0-.722 1.314c1.184.65 1.611 1.317 1.611 1.843 0 .308-.137.658-.5 1.04-.367.385-.934.767-1.69 1.103-1.513.672-3.654 1.107-6.06 1.107-2.405 0-4.547-.435-6.06-1.107-.756-.336-1.323-.718-1.69-1.103-.363-.382-.5-.732-.5-1.04 0-.526.427-1.192 1.611-1.843Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Download20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Download24/Download24.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M11.293 15.707a1 1 0 0 0 1.414 0l4-4a1 1 0 0 0-1.414-1.414L13 12.586V3a1 1 0 1 0-2 0v9.586l-2.293-2.293a1 1 0 1 0-1.414 1.414l4 4Zm-5.812-.33a1 1 0 0 0-.962-1.754C3.179 14.36 2 15.48 2 17c0 .878.404 1.639.983 2.246.573.603 1.356 1.1 2.247 1.496C7.014 21.535 9.408 22 12 22c2.592 0 4.986-.465 6.77-1.258.89-.396 1.674-.893 2.247-1.496.579-.607.983-1.368.983-2.246 0-1.521-1.18-2.64-2.519-3.377a1 1 0 1 0-.962 1.754C19.68 16.015 20 16.616 20 17c0 .227-.1.518-.432.868-.337.354-.872.719-1.61 1.047C16.484 19.569 14.378 20 12 20c-2.379 0-4.484-.43-5.958-1.085-.738-.328-1.273-.693-1.61-1.047C4.099 17.518 4 17.227 4 17c0-.384.32-.985 1.481-1.623Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Download24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Download32/Download32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M15.293 20.707a1 1 0 0 0 1.414 0l5.333-5.333a1 1 0 1 0-1.414-1.414L17 17.586V4a1 1 0 1 0-2 0v13.586l-3.626-3.626a1 1 0 1 0-1.414 1.414l5.333 5.333Zm-8.145-.497a1 1 0 1 0-.963-1.753C4.43 19.422 3 20.827 3 22.667c0 1.061.488 1.998 1.219 2.765.725.762 1.727 1.403 2.89 1.92C9.435 28.386 12.579 29 16 29c3.42 0 6.565-.614 8.891-1.648 1.163-.517 2.165-1.158 2.89-1.92.73-.767 1.219-1.704 1.219-2.765 0-1.84-1.429-3.245-3.185-4.21a1 1 0 0 0-.963 1.753C26.43 21.077 27 21.965 27 22.667c0 .41-.183.877-.667 1.386-.49.514-1.244 1.022-2.254 1.471C22.063 26.42 19.207 27 16 27c-3.207 0-6.063-.58-8.08-1.476-1.009-.449-1.764-.957-2.253-1.47-.484-.51-.667-.976-.667-1.387 0-.702.57-1.59 2.148-2.457Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Download32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Download48/Download48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M22.94 31.06a1.5 1.5 0 0 0 2.12 0l8-8a1.5 1.5 0 0 0-2.12-2.12l-5.44 5.439V6a1.5 1.5 0 0 0-3 0v20.379l-5.44-5.44a1.5 1.5 0 0 0-2.12 2.122l8 8Zm-12.218-.745a1.5 1.5 0 1 0-1.444-2.63C6.643 29.132 4.5 31.242 4.5 34c0 1.593.732 2.997 1.828 4.148 1.088 1.143 2.592 2.105 4.335 2.88C14.153 42.578 18.87 43.5 24 43.5c5.13 0 9.847-.921 13.337-2.472 1.743-.775 3.247-1.737 4.335-2.88C42.768 36.997 43.5 35.593 43.5 34c0-2.758-2.143-4.868-4.778-6.315a1.5 1.5 0 1 0-1.444 2.63c2.368 1.3 3.222 2.633 3.222 3.685 0 .616-.275 1.317-1.001 2.08-.734.77-1.866 1.533-3.38 2.206C33.094 39.63 28.81 40.5 24 40.5s-9.094-.87-12.119-2.214c-1.514-.673-2.646-1.435-3.38-2.206C7.775 35.317 7.5 34.616 7.5 34c0-1.052.854-2.384 3.222-3.685Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Download48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Download64/Download64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M30.94 41.06a1.5 1.5 0 0 0 2.12 0l10.667-10.666a1.5 1.5 0 1 0-2.121-2.121L33.5 36.379V8a1.5 1.5 0 0 0-3 0v28.379l-8.106-8.106a1.5 1.5 0 1 0-2.121 2.121l10.666 10.667Zm-16.885-1.079a1.5 1.5 0 1 0-1.444-2.63C9.143 39.258 6.5 41.942 6.5 45.334c0 1.961.9 3.716 2.3 5.186 1.391 1.463 3.334 2.711 5.62 3.727C18.996 56.28 25.213 57.5 32 57.5c6.787 0 13.004-1.22 17.58-3.254 2.286-1.016 4.229-2.264 5.62-3.727 1.4-1.47 2.3-3.225 2.3-5.186 0-3.393-2.643-6.076-6.111-7.981a1.5 1.5 0 1 0-1.444 2.63c3.202 1.758 4.555 3.664 4.555 5.351 0 .985-.443 2.036-1.473 3.118-1.037 1.09-2.609 2.14-4.666 3.054C44.251 53.332 38.468 54.5 32 54.5s-12.251-1.168-16.361-2.995c-2.057-.914-3.63-1.964-4.666-3.054C9.943 47.37 9.5 46.318 9.5 45.333c0-1.687 1.353-3.593 4.555-5.352Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Download64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Drag20/Drag20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M7.083 5.833a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Zm0 11.667a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333ZM8.75 10a1.667 1.667 0 1 1-3.333 0 1.667 1.667 0 0 1 3.333 0Zm4.167-4.167a1.667 1.667 0 1 0 0-3.333 1.667 1.667 0 0 0 0 3.333Zm1.666 10a1.667 1.667 0 1 1-3.333 0 1.667 1.667 0 0 1 3.333 0Zm-1.666-4.166a1.667 1.667 0 1 0 0-3.334 1.667 1.667 0 0 0 0 3.334Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Drag20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Drag24/Drag24.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M8.5 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm0 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm2-9a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm5-5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm2 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm-2-5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Drag24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Drag32/Drag32.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M11.333 9.333a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333Zm0 18.667a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333ZM14 16a2.667 2.667 0 1 1-5.333 0A2.667 2.667 0 0 1 14 16Zm6.667-6.667a2.667 2.667 0 1 0 0-5.333 2.667 2.667 0 0 0 0 5.333Zm2.666 16a2.667 2.667 0 1 1-5.333 0 2.667 2.667 0 0 1 5.333 0Zm-2.666-6.666a2.667 2.667 0 1 0 0-5.334 2.667 2.667 0 0 0 0 5.334Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="32" height="32" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Drag32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Drag48/Drag48.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M17 14a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm0 28a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm4-18a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm10-10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm4 24a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-4-10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="48" height="48" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Drag48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Drag64/Drag64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M22.667 18.667a5.333 5.333 0 1 0 0-10.667 5.333 5.333 0 0 0 0 10.667Zm0 37.333a5.333 5.333 0 1 0 0-10.667 5.333 5.333 0 0 0 0 10.667ZM28 32a5.333 5.333 0 1 1-10.667 0A5.333 5.333 0 0 1 28 32Zm13.333-13.333a5.333 5.333 0 1 0 0-10.667 5.333 5.333 0 0 0 0 10.667Zm5.334 32a5.333 5.333 0 1 1-10.667 0 5.333 5.333 0 0 1 10.667 0Zm-5.334-13.334a5.333 5.333 0 1 0 0-10.666 5.333 5.333 0 0 0 0 10.666Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Drag64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Draw20/Draw20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M2.533 1.584A.5.5 0 0 1 3 2.116a8.193 8.193 0 0 0 .09 1.982c.143-.158.295-.3.453-.426.903-.723 1.995-.9 2.892-.575C7.346 3.43 8 4.268 8 5.418 8 6.476 7.613 7.3 6.947 7.767c-.661.464-1.508.51-2.289.198-.65-.26-1.252-.758-1.721-1.483-.467 1.641-.423 4.194.869 7.939a.5.5 0 0 1-.946.326C1.3 10.222 1.428 7.116 2.342 5.22c-.287-.874-.423-1.933-.341-3.17a.5.5 0 0 1 .532-.465ZM3.44 5.3c.408.952 1.025 1.51 1.59 1.735.522.209 1.003.151 1.344-.088.337-.236.627-.714.627-1.53 0-.726-.388-1.19-.908-1.38-.536-.195-1.266-.112-1.926.416a3.206 3.206 0 0 0-.727.847Zm12.09-2.08a.75.75 0 0 0-1.06 0l-8.334 8.333a.75.75 0 0 0-.18.293l-1.25 3.75a.75.75 0 0 0 .948.949l3.75-1.25a.749.749 0 0 0 .293-.182L18.03 6.78a.75.75 0 0 0 0-1.06l-2.5-2.5Zm-8.447 9.986-.48 1.441 1.44-.48-.96-.96ZM15.24 7.45l1.2-1.2L15 4.81l-1.2 1.2 1.44 1.439Zm-.707.707L8.99 13.7l-1.44-1.44 5.544-5.542 1.439 1.44Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Draw20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Draw24/Draw24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M3.033 2.001a.5.5 0 0 1 .466.532c-.067 1-.005 1.865.148 2.606a4.69 4.69 0 0 1 .666-.654c1.06-.848 2.334-1.052 3.374-.674C8.742 4.195 9.5 5.163 9.5 6.5c0 1.246-.455 2.2-1.22 2.738-.762.534-1.742.59-2.653.226-.81-.324-1.567-.971-2.135-1.928-.635 1.989-.628 5.136.98 9.801a.5.5 0 0 1-.945.326c-1.88-5.45-1.705-9.154-.608-11.392-.35-1.041-.517-2.312-.418-3.804A.5.5 0 0 1 3.033 2Zm.982 4.351c.498 1.192 1.265 1.896 1.983 2.184.652.26 1.266.192 1.707-.117.438-.307.795-.915.795-1.919 0-.913-.492-1.508-1.155-1.749-.68-.247-1.592-.138-2.408.514a3.99 3.99 0 0 0-.922 1.087Zm14.692-2.559a1 1 0 0 0-1.414 0l-10 10a1 1 0 0 0-.242.39l-1.5 4.5a1 1 0 0 0 1.265 1.266l4.5-1.5a1 1 0 0 0 .391-.242l10-10a1 1 0 0 0 0-1.414l-3-3ZM8.614 15.821l-.533 1.598 1.598-.533-1.065-1.065Zm9.533-6.882L19.586 7.5 18 5.914l-1.439 1.44 1.586 1.585Zm-.707.707-1.586-1.585-6.793 6.793 1.585 1.585 6.794-6.793Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Draw24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Draw32/Draw32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M4.033 2.834a.5.5 0 0 1 .466.532c-.1 1.501.016 2.784.277 3.862.33-.438.693-.81 1.078-1.119 1.372-1.097 3.012-1.353 4.338-.87 1.342.487 2.308 1.716 2.308 3.427 0 1.622-.59 2.836-1.556 3.514-.963.675-2.208.752-3.38.284-1.128-.451-2.186-1.396-2.945-2.823-.981 2.678-1.059 7.016 1.187 13.529a.5.5 0 1 1-.946.326c-2.518-7.305-2.249-12.202-.788-15.122-.473-1.376-.705-3.07-.571-5.074a.5.5 0 0 1 .532-.466Zm1.135 5.621c.676 1.671 1.744 2.67 2.768 3.08.912.365 1.792.276 2.433-.174.638-.447 1.131-1.316 1.131-2.695 0-1.288-.7-2.143-1.65-2.488-.966-.351-2.243-.19-3.371.712-.474.379-.925.895-1.311 1.565Zm19.54-3.162a1 1 0 0 0-1.415 0L9.96 18.626a1 1 0 0 0-.242.39l-2 6a1 1 0 0 0 1.265 1.266l6-2a1 1 0 0 0 .39-.242l13.334-13.333a1 1 0 0 0 0-1.414l-4-4ZM11.28 20.654l-1.032 3.098 3.098-1.033-2.066-2.065Zm13.033-8.382L26.586 10 24 7.414l-2.272 2.272 2.585 2.586Zm-.707.707-9.293 9.294-2.586-2.586 9.293-9.294 2.586 2.586Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Draw32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Draw48/Draw48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M6.066 4.002a1 1 0 0 1 .932 1.065c-.134 1.998-.01 3.73.295 5.21A9.379 9.379 0 0 1 8.625 8.97c2.12-1.695 4.669-2.102 6.748-1.346C17.484 8.39 19 10.327 19 13c0 2.493-.91 4.4-2.441 5.475-1.524 1.069-3.483 1.182-5.305.453-1.622-.648-3.133-1.943-4.27-3.856-1.269 3.978-1.256 10.271 1.961 19.602a1 1 0 1 1-1.89.652c-3.76-10.902-3.41-18.309-1.218-22.785-.697-2.081-1.034-4.623-.835-7.607a1 1 0 0 1 1.064-.932Zm1.964 8.702c.996 2.384 2.53 3.793 3.967 4.368 1.303.52 2.531.384 3.414-.234.874-.614 1.59-1.83 1.59-3.838 0-1.826-.985-3.015-2.311-3.498-1.359-.494-3.184-.276-4.815 1.029-.659.527-1.293 1.244-1.845 2.173ZM37.06 7.94a1.5 1.5 0 0 0-2.12 0l-20 20a1.5 1.5 0 0 0-.363.586l-3 9a1.5 1.5 0 0 0 1.897 1.897l9-3a1.5 1.5 0 0 0 .587-.362l20-20a1.5 1.5 0 0 0 0-2.121l-6-6ZM16.833 31.247l-1.46 4.382 4.382-1.461-2.922-2.921Zm19.815-13.015L39.879 15 36 11.121l-3.232 3.232 3.879 3.879Zm-1.414 1.414-3.879-3.879-13.586 13.587 3.878 3.879 13.587-13.587Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Draw48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Draw64/Draw64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M8.066 5.669a1 1 0 0 1 .931 1.064c-.2 3.002.032 5.568.555 7.724a12.378 12.378 0 0 1 2.157-2.238c2.744-2.195 6.022-2.707 8.674-1.742C23.067 11.453 25 13.91 25 17.333c0 3.243-1.18 5.672-3.113 7.027-1.925 1.35-4.415 1.506-6.758.568-2.257-.902-4.374-2.792-5.892-5.646-1.961 5.357-2.117 14.033 2.374 27.059a1 1 0 0 1-1.89.651C4.683 32.383 5.223 22.588 8.143 16.748 7.198 13.997 6.735 10.61 7.002 6.6a1 1 0 0 1 1.064-.931Zm2.27 11.242c1.352 3.341 3.488 5.341 5.536 6.16 1.823.73 3.583.552 4.867-.348C22.014 21.828 23 20.09 23 17.333c0-2.576-1.4-4.286-3.3-4.977-1.932-.702-4.486-.38-6.742 1.425-.947.757-1.85 1.79-2.623 3.13ZM49.06 10.94a1.5 1.5 0 0 0-2.122 0L20.273 37.607a1.5 1.5 0 0 0-.363.587l-4 12a1.5 1.5 0 0 0 1.898 1.897l12-4a1.5 1.5 0 0 0 .586-.363L57.06 21.061a1.5 1.5 0 0 0 0-2.122l-8-8ZM22.166 40.913l-2.461 7.382 7.382-2.46-4.921-4.922ZM48.98 24.898 53.88 20 48 14.121l-4.897 4.899 5.878 5.878Zm-1.414 1.415L28.98 44.899 23.1 39.02l18.586-18.586 5.88 5.879Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Draw64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Dressing20/Dressing20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M2.5 1.75a.75.75 0 0 0-.75.75v15a.75.75 0 0 0 1.5 0v-2.417H9.5v2.834a.5.5 0 0 0 1 0V7.583h2.75v.74A1.75 1.75 0 0 0 12 10a.5.5 0 0 0 1 0 .75.75 0 0 1 1.5 0 .5.5 0 0 0 1 0 1.75 1.75 0 0 0-1.25-1.678v-.739h2.5V17.5a.75.75 0 0 0 1.5 0v-15a.75.75 0 0 0-.75-.75h-15Zm14.25 4.833H10.5V3.25h6.25v3.333Zm-7.25 7.5H3.25V11.75H9.5v2.333Zm0-3.333V7.583H3.25v3.167H9.5Zm0-4.167H3.25V3.25H9.5v3.333Zm-3.667 5.834a.5.5 0 1 0 0 1h1.25a.5.5 0 0 0 0-1h-1.25Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Dressing20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Dressing24/Dressing24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M3 2a1 1 0 0 0-1 1v18a1 1 0 1 0 2 0v-3h7.5v3.5a.5.5 0 0 0 1 0V9H16v1.063A2 2 0 0 0 14.5 12a.5.5 0 0 0 1 0 1 1 0 1 1 2 0 .5.5 0 0 0 1 0 2 2 0 0 0-1.5-1.937V9h3v12a1 1 0 1 0 2 0V3a1 1 0 0 0-1-1H3Zm17 6h-7.5V4H20v4Zm-8.5 9H4v-3h7.5v3Zm0-4V9H4v4h7.5Zm0-5H4V4h7.5v4ZM7 15a.5.5 0 0 0 0 1h1.5a.5.5 0 0 0 0-1H7Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Dressing24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Dressing32/Dressing32.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M4 3a1 1 0 0 0-1 1v24a1 1 0 1 0 2 0v-4.167h10.5v4.834a.5.5 0 0 0 1 0V11.833h5v1.717a2.5 2.5 0 0 0-2 2.45.5.5 0 0 0 1 0 1.5 1.5 0 0 1 3 0 .5.5 0 0 0 1 0 2.5 2.5 0 0 0-2-2.45v-1.717H27V28a1 1 0 1 0 2 0V4a1 1 0 0 0-1-1H4Zm23 7.833H16.5V5H27v5.833Zm-11.5 12H5V18.5h10.5v4.333Zm0-5.333v-5.667H5V17.5h10.5Zm0-6.667H5V5h10.5v5.833Zm-6.167 9.334a.5.5 0 1 0 0 1h2a.5.5 0 1 0 0-1h-2Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="32" height="32" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Dressing32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Dressing48/Dressing48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M6 4.5A1.5 1.5 0 0 0 4.5 6v36a1.5 1.5 0 0 0 3 0v-6H23v7a1 1 0 1 0 2 0V18h7v2.126c-1.725.444-3 2.01-3 3.874a1 1 0 1 0 2 0 2 2 0 1 1 4 0 1 1 0 1 0 2 0 4.002 4.002 0 0 0-3-3.874V18h6.5v24a1.5 1.5 0 0 0 3 0V6A1.5 1.5 0 0 0 42 4.5H6ZM40.5 16H25V7.5h15.5V16ZM23 34H7.5v-6H23v6Zm0-8v-8H7.5v8H23Zm0-10H7.5V7.5H23V16Zm-9 14a1 1 0 1 0 0 2h3a1 1 0 1 0 0-2h-3Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Dressing48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Dressing64/Dressing64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M8 6.5A1.5 1.5 0 0 0 6.5 8v48a1.5 1.5 0 0 0 3 0v-8.333H31v9.666a1 1 0 1 0 2 0V23.667h10V27.1a5.002 5.002 0 0 0-4 4.9 1 1 0 1 0 2 0 3 3 0 1 1 6 0 1 1 0 1 0 2 0 5.002 5.002 0 0 0-4-4.9v-3.433h9.5V56a1.5 1.5 0 0 0 3 0V8A1.5 1.5 0 0 0 56 6.5H8Zm46.5 15.167H33V9.5h21.5v12.167Zm-23.5 24H9.5V37H31v8.667ZM31 35V23.667H9.5V35H31Zm0-13.333H9.5V9.5H31v12.167ZM18.667 40.333a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2h-4Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Dressing64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Eco20/Eco20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M6.04 1.779a.75.75 0 0 0-.918.958c.315.945.032 1.737-.492 2.89l-.108.236C4.028 6.942 3.417 8.273 3.417 10c0 2.178 1.144 3.697 2.485 4.713 1.294.98 2.817 1.53 3.824 1.822l3.272 1.636a.75.75 0 1 0 .67-1.342l-1.322-.661a5.924 5.924 0 0 0 2.064-1.185c1.04-.93 1.625-2.154 1.915-3.431.574-2.526.034-5.409-.62-7.223a.75.75 0 0 0-1.077-.397l.372.651-.372-.65h-.003l-.007.005-.026.015a21.717 21.717 0 0 0-.442.262 29.37 29.37 0 0 0-1.076.682c-.4.267-.828.569-1.187.865-.1.082-.204.171-.306.266-1.541-2.29-4.003-3.81-5.542-4.25Zm6.304 5.629a7.361 7.361 0 0 1 .624 3.526c-.09 1.242-.504 2.543-1.32 3.882.74-.218 1.314-.552 1.763-.952.749-.67 1.21-1.585 1.452-2.645.408-1.798.153-3.895-.291-5.503-.205.128-.434.274-.666.429a13.76 13.76 0 0 0-1.066.775 4.306 4.306 0 0 0-.368.335 1.452 1.452 0 0 0-.128.153Zm-3.392 5.007c.284.694.72 1.27 1.289 1.823.796-1.24 1.156-2.383 1.231-3.414.098-1.335-.278-2.55-.917-3.615-.979-1.63-2.542-2.855-3.805-3.519-.039.946-.404 1.787-.755 2.558l-.093.205C5.4 7.553 4.917 8.61 4.917 10c0 1.572.8 2.691 1.89 3.517.84.636 1.823 1.071 2.659 1.361-.602-.598-1.104-1.264-1.44-2.085-.518-1.268-.611-2.834-.183-4.974a.5.5 0 0 1 .98.196c-.405 2.026-.29 3.376.13 4.4Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Eco20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Eco24/Eco24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M7.275 2.038A1 1 0 0 0 6.05 3.317c.365 1.093.043 2.01-.586 3.395a88.34 88.34 0 0 1-.13.285C4.741 8.288 4 9.904 4 12c0 2.654 1.396 4.504 3.021 5.735 1.564 1.184 3.4 1.847 4.614 2.2l3.918 1.96a1 1 0 0 0 .894-1.79l-1.377-.688a7.14 7.14 0 0 0 2.288-1.363c1.267-1.132 1.978-2.623 2.33-4.17.694-3.056.04-6.536-.747-8.723a1 1 0 0 0-1.437-.53L18 5.5l-.496-.868h-.001l-.003.002-.008.005-.032.018a24.17 24.17 0 0 0-.532.315c-.344.208-.81.498-1.295.821-.482.321-.997.686-1.433 1.044a8.875 8.875 0 0 0-.285.245c-1.867-2.715-4.794-4.516-6.64-5.043Zm7.652 6.864a8.925 8.925 0 0 1 .734 4.226c-.104 1.438-.565 2.937-1.462 4.476a5.22 5.22 0 0 0 1.827-1.042c.88-.786 1.426-1.864 1.711-3.121.475-2.09.196-4.525-.312-6.426-.215.135-.447.285-.683.442-.456.304-.909.627-1.27.924a5.41 5.41 0 0 0-.433.393 1.65 1.65 0 0 0-.112.128ZM7.285 7.539c.402-.883.827-1.856.906-2.949 1.474.804 3.26 2.23 4.389 4.112.759 1.264 1.202 2.702 1.087 4.28-.09 1.237-.528 2.617-1.506 4.118-.661-.653-1.173-1.34-1.511-2.164-.513-1.253-.649-2.895-.16-5.338a.5.5 0 0 0-.98-.196c-.512 2.557-.398 4.415.214 5.912.394.962.982 1.746 1.689 2.453-1-.346-2.18-.866-3.184-1.627C6.937 15.163 6 13.846 6 12c0-1.646.571-2.897 1.175-4.218l.11-.243Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Eco24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Eco32/Eco32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M9.608 3.038a1 1 0 0 0-1.223 1.278c.53 1.593.042 2.928-.795 4.77l-.172.376C6.627 11.187 5.667 13.28 5.667 16c0 3.404 1.785 5.782 3.896 7.38 2.05 1.553 4.47 2.425 6.072 2.889l5.251 2.626a1 1 0 0 0 .895-1.79l-2.558-1.279c1.48-.43 2.706-1.115 3.7-2.003 1.625-1.452 2.544-3.37 3.002-5.385.907-3.99.053-8.562-.984-11.443a1 1 0 0 0-1.437-.53l.496.868-.496-.868h-.001l-.003.003-.012.006-.041.024a31.083 31.083 0 0 0-.704.417c-.456.276-1.073.659-1.714 1.086a23.98 23.98 0 0 0-1.883 1.373 9.66 9.66 0 0 0-.651.581c-2.427-3.733-6.423-6.213-8.887-6.917Zm9.92 8.805c.754 1.683 1.172 3.577 1.021 5.636-.151 2.083-.88 4.28-2.351 6.55 1.449-.345 2.552-.947 3.392-1.698 1.238-1.105 1.993-2.612 2.385-4.336.685-3.015.22-6.533-.54-9.16a45.78 45.78 0 0 0-1.297.83c-.612.409-1.227.846-1.721 1.253-.537.442-.795.74-.856.863a.997.997 0 0 1-.034.062Zm-5.482 8.134c.506 1.237 1.298 2.241 2.319 3.2 1.42-2.118 2.06-4.076 2.19-5.843.16-2.185-.456-4.17-1.496-5.903-1.66-2.767-4.355-4.81-6.454-5.85.016 1.595-.593 3.01-1.195 4.333l-.152.334C8.456 12.002 7.667 13.731 7.667 16c0 2.596 1.326 4.44 3.103 5.786 1.561 1.182 3.42 1.934 4.87 2.395.048-.061.094-.122.14-.183-1.133-1.046-2.066-2.191-2.66-3.642-.8-1.956-.955-4.397-.277-7.787a.5.5 0 0 1 .98.196c-.655 3.276-.477 5.501.223 7.212Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Eco32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Eco48/Eco48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M14.412 4.558a1.5 1.5 0 0 0-1.835 1.916c.796 2.39.064 4.391-1.193 7.155l-.257.564C9.94 16.78 8.5 19.92 8.5 24c0 5.106 2.677 8.673 5.845 11.07 3.076 2.33 6.704 3.637 9.108 4.333l7.876 3.939a1.5 1.5 0 1 0 1.342-2.684l-3.837-1.918c2.22-.647 4.059-1.674 5.55-3.006 2.437-2.177 3.817-5.055 4.504-8.076 1.36-5.986.08-12.844-1.477-17.166a1.5 1.5 0 0 0-2.155-.794L36 11l-.745-1.302h-.001l-.005.003-.017.01-.062.036a49.63 49.63 0 0 0-1.056.626 70.36 70.36 0 0 0-2.571 1.629c-.957.638-1.972 1.357-2.825 2.059a14.51 14.51 0 0 0-.976.871c-3.64-5.599-9.635-9.318-13.33-10.374Zm14.879 13.206c1.132 2.526 1.758 5.365 1.533 8.455-.228 3.124-1.322 6.42-3.527 9.825 2.173-.518 3.828-1.421 5.088-2.547 1.856-1.658 2.99-3.918 3.577-6.505 1.028-4.521.331-9.8-.81-13.739a65.06 65.06 0 0 0-1.945 1.245c-.918.612-1.84 1.268-2.582 1.879-.805.663-1.192 1.11-1.283 1.294a1.536 1.536 0 0 1-.051.093ZM21.3 29.87c.736 1.8 1.889 3.27 3.388 4.683 2.033-3.095 2.955-5.962 3.144-8.554.24-3.277-.683-6.254-2.243-8.853-2.49-4.15-6.532-7.217-9.682-8.776.025 2.393-.89 4.516-1.791 6.5l-.229.5v.001C12.685 18.003 11.5 20.596 11.5 24c0 3.894 1.99 6.66 4.655 8.68 2.342 1.772 5.13 2.9 7.306 3.591l.056-.074c-1.723-1.59-3.157-3.34-4.068-5.568-1.225-2.995-1.453-6.711-.43-11.825a1 1 0 1 1 1.961.392c-.977 4.886-.705 8.17.32 10.675Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Eco48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>