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

package/src/components/ArrowTop48/ArrowTop48.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="M22.94 4.94a1.5 1.5 0 0 1 2.12 0l10 10a1.5 1.5 0 0 1-2.12 2.12L25.5 9.622V42a1.5 1.5 0 0 1-3 0V9.621l-7.44 7.44a1.5 1.5 0 0 1-2.12-2.122l10-10Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="48" height="48" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTop48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTop64/ArrowTop64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M32 6.5a1.5 1.5 0 0 1 1.06.44l13.334 13.333a1.5 1.5 0 1 1-2.121 2.121L33.5 11.621V56a1.5 1.5 0 0 1-3 0V11.621L19.727 22.394a1.5 1.5 0 1 1-2.121-2.121L30.939 6.939A1.5 1.5 0 0 1 32 6.5Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTop64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopLeft20/ArrowTopLeft20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M2.47 2.47A.75.75 0 0 1 3 2.25h7a.75.75 0 0 1 0 1.5H4.81l8.72 8.72a.75.75 0 1 1-1.06 1.06L3.75 4.81V10a.75.75 0 0 1-1.5 0V3a.75.75 0 0 1 .22-.53Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="16" height="16" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopLeft20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopLeft24/ArrowTopLeft24.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="M4.293 4.293A1 1 0 0 1 5 4h10a1 1 0 1 1 0 2H7.414l12.293 12.293a1 1 0 0 1-1.414 1.414L6 7.414V15a1 1 0 1 1-2 0V5a1 1 0 0 1 .293-.707Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopLeft24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopLeft32/ArrowTopLeft32.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="M5.96 5.96a1 1 0 0 1 .707-.293H20a1 1 0 1 1 0 2H9.08l16.96 16.96a1 1 0 1 1-1.414 1.414L7.666 9.08V20a1 1 0 1 1-2 0V6.666a1 1 0 0 1 .294-.707Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="32" height="32" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopLeft32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopLeft48/ArrowTopLeft48.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="M8.94 8.94A1.5 1.5 0 0 1 10 8.5h20a1.5 1.5 0 0 1 0 3H13.621l25.44 25.44a1.5 1.5 0 0 1-2.122 2.12L11.5 13.622V30a1.5 1.5 0 0 1-3 0V10c0-.398.158-.78.44-1.06Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="48" height="48" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopLeft48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopLeft64/ArrowTopLeft64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M12.273 12.272a1.5 1.5 0 0 1 1.06-.439H40a1.5 1.5 0 0 1 0 3H16.955l34.772 34.773a1.5 1.5 0 1 1-2.121 2.121L14.833 16.954V40a1.5 1.5 0 1 1-3 0V13.333c0-.398.158-.78.44-1.06Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopLeft64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopRight20/ArrowTopRight20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M6 3.75a.75.75 0 0 1 0-1.5h7a.75.75 0 0 1 .75.75v7a.75.75 0 0 1-1.5 0V4.81l-8.72 8.72a.75.75 0 0 1-1.06-1.06l8.72-8.72H6Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="16" height="16" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopRight20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopRight24/ArrowTopRight24.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 5a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V7.414L5.707 19.707a1 1 0 1 1-1.414-1.414L16.586 6H9a1 1 0 0 1-1-1Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopRight24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopRight32/ArrowTopRight32.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 6.667a1 1 0 0 1 1-1h13.333a1 1 0 0 1 1 1V20a1 1 0 1 1-2 0V9.081l-16.96 16.96a1 1 0 0 1-1.413-1.414l16.96-16.96H12a1 1 0 0 1-1-1Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="32" height="32" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopRight32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopRight48/ArrowTopRight48.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="M16.5 10A1.5 1.5 0 0 1 18 8.5h20a1.5 1.5 0 0 1 1.5 1.5v20a1.5 1.5 0 0 1-3 0V13.621l-25.44 25.44a1.5 1.5 0 1 1-2.12-2.122L34.378 11.5H18a1.5 1.5 0 0 1-1.5-1.5Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="48" height="48" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopRight48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/ArrowTopRight64/ArrowTopRight64.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.5 13.333a1.5 1.5 0 0 1 1.5-1.5h26.667a1.5 1.5 0 0 1 1.5 1.5V40a1.5 1.5 0 0 1-3 0V16.954L14.394 51.727a1.5 1.5 0 1 1-2.121-2.121l34.772-34.773H24a1.5 1.5 0 0 1-1.5-1.5Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'ArrowTopRight64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Attic20/Attic20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M18.03 1.97a.75.75 0 0 1 0 1.06l-15 15a.75.75 0 0 1-1.06-1.06l1.47-1.47H2.5a.5.5 0 0 1 0-1h1.94l1.5-1.5H5a.5.5 0 0 1 0-1h1.94l1.5-1.5H7.5a.5.5 0 0 1 0-1h1.94l1.5-1.5H10a.5.5 0 0 1 0-1h1.94l1.5-1.5h-.94a.5.5 0 0 1 0-1h1.94l2.53-2.53a.75.75 0 0 1 1.06 0Zm-4.28 12.822a.208.208 0 1 0 0-.417.208.208 0 0 0 0 .417ZM15 15.833A.417.417 0 1 0 15 15a.417.417 0 0 0 0 .833Zm-1.458 0a.208.208 0 1 1-.417 0 .208.208 0 0 1 .417 0Zm4.708-10a.75.75 0 0 0-1.28-.53L5.303 16.97a.75.75 0 0 0 .53 1.28H17.5a.75.75 0 0 0 .75-.75V5.833Zm-1.5 10.917H7.644l2.234-2.234a.88.88 0 0 1 .193.22c.088.147.153.372.126.779-.02.104-.03.21-.03.319a.5.5 0 0 0 .995.065 5.3 5.3 0 0 0 .027-.239.53.53 0 0 1 .18-.285.539.539 0 0 1 .41-.097.498.498 0 0 0 .846-.361c0-.765.611-1.375 1.354-1.375.575 0 1.07.365 1.266.886a.5.5 0 1 0 .937-.35 2.372 2.372 0 0 0-.112-.252c.228-.19.397-.281.546-.33.044-.015.088-.027.134-.037v3.291Zm-5.72-2.333c.207-.097.438-.147.683-.144a2.358 2.358 0 0 1 2.266-1.731 2.33 2.33 0 0 1 1.458.51 2.64 2.64 0 0 1 .863-.505c.15-.05.3-.082.45-.1V7.644l-6.164 6.164a1.843 1.843 0 0 1 .444.61Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Attic20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Attic24/Attic24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M21.707 2.293a1 1 0 0 1 0 1.414l-18 18a1 1 0 0 1-1.414-1.414L4.086 18.5H3a.5.5 0 0 1 0-1h2.086l2-2H6a.5.5 0 0 1 0-1h2.086l2-2H9a.5.5 0 0 1 0-1h2.086l2-2H12a.5.5 0 0 1 0-1h2.086l2-2H15a.5.5 0 0 1 0-1h2.086l3.207-3.207a1 1 0 0 1 1.414 0ZM16.5 17.75a.25.25 0 1 0 0-.5.25.25 0 0 0 0 .5ZM18 19a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm-1.75 0a.25.25 0 1 1-.5 0 .25.25 0 0 1 .5 0ZM22 7a1 1 0 0 0-1.707-.707l-14 14A1 1 0 0 0 7 22h14a1 1 0 0 0 1-1V7Zm-2 13H9.414L12 17.416c.07.07.127.14.172.216.12.2.199.494.164.999-.023.12-.035.244-.035.37a.5.5 0 0 0 .996.065c.013-.1.024-.196.031-.29a.738.738 0 0 1 .255-.404c.132-.103.33-.174.6-.133a.499.499 0 0 0 .868-.339c0-.971.777-1.75 1.725-1.75.733 0 1.364.466 1.613 1.129a.5.5 0 0 0 .936-.351 2.74 2.74 0 0 0-.165-.36c.31-.27.54-.4.75-.469.03-.01.06-.019.091-.027V20Zm-6.815-2.56c.277-.154.6-.228.946-.21a2.73 2.73 0 0 1 2.644-2.08c.668 0 1.277.242 1.75.643.37-.318.707-.522 1.067-.642a2.61 2.61 0 0 1 .408-.1V9.414l-7.294 7.295a2.078 2.078 0 0 1 .479.73Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Attic24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Attic32/Attic32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M28.707 3.293a1 1 0 0 1 0 1.414l-24 24a1 1 0 0 1-1.414-1.414L6.086 24.5H4a.5.5 0 0 1 0-1h3.086l3-3H8a.5.5 0 0 1 0-1h3.086l3-3H12a.5.5 0 0 1 0-1h3.086l3-3H16a.5.5 0 0 1 0-1h3.086l3-3H20a.5.5 0 0 1 0-1h3.086l4.207-4.207a1 1 0 0 1 1.414 0ZM22 23.667A.333.333 0 1 0 22 23a.333.333 0 0 0 0 .667Zm2 1.666A.667.667 0 1 0 24 24a.667.667 0 0 0 0 1.333Zm-2.333 0a.333.333 0 1 1-.667 0 .333.333 0 0 1 .667 0Zm7.333-16a1 1 0 0 0-1.707-.707L8.626 27.293A1 1 0 0 0 9.333 29H28a1 1 0 0 0 1-1V9.333ZM27 27H11.748l4.112-4.112c.227.166.393.338.511.536.184.307.29.738.242 1.439a2.44 2.44 0 0 0-.047.47.5.5 0 0 0 .996.066c.018-.135.032-.265.043-.392.065-.269.209-.492.402-.643.227-.177.558-.282.991-.198a.5.5 0 0 0 .902-.299c0-1.386 1.11-2.5 2.466-2.5a2.47 2.47 0 0 1 2.307 1.613.5.5 0 1 0 .937-.351 3.504 3.504 0 0 0-.277-.574c.475-.431.83-.638 1.158-.747.163-.055.327-.088.509-.109V27Zm-9.511-3.495c.41-.284.922-.414 1.483-.354.327-1.586 1.719-2.784 3.394-2.784.9 0 1.719.346 2.334.912.525-.47.988-.758 1.475-.92.274-.091.547-.14.825-.165v-8.446L16.573 22.174c.258.207.482.445.656.735.11.185.197.382.26.596Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Attic32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Attic48/Attic48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M43.06 4.94a1.5 1.5 0 0 1 0 2.12l-36 36a1.5 1.5 0 0 1-2.12-2.12L8.878 37H6a1 1 0 1 1 0-2h4.879l4-4H12a1 1 0 1 1 0-2h4.879l4-4H18a1 1 0 1 1 0-2h4.879l4-4H24a1 1 0 1 1 0-2h4.879l4-4H30a1 1 0 1 1 0-2h4.879l6.06-6.06a1.5 1.5 0 0 1 2.122 0ZM33 35.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Zm3 2.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm-3.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Zm11-24a1.5 1.5 0 0 0-2.56-1.06l-28 28A1.5 1.5 0 0 0 14 43.5h28a1.5 1.5 0 0 0 1.5-1.5V14Zm-3 26.5H17.621l5.99-5.99c.337.243.57.484.732.755.24.4.396.987.328 1.996a3.848 3.848 0 0 0-.071.74 1 1 0 0 0 1.991.131c.027-.199.048-.393.064-.582.087-.342.272-.621.51-.807.264-.206.658-.347 1.2-.264a1 1 0 0 0 1.735-.678c0-1.944 1.555-3.5 3.45-3.5 1.466 0 2.729.93 3.226 2.256a1 1 0 0 0 1.873-.702 5.476 5.476 0 0 0-.332-.72c.62-.54 1.083-.797 1.5-.936.217-.073.437-.12.683-.148V40.5Zm-14.13-5.621a3.501 3.501 0 0 1 1.893-.418c.592-2.384 2.727-4.16 5.287-4.16 1.335 0 2.555.484 3.5 1.285.739-.636 1.414-1.045 2.134-1.285.44-.146.876-.221 1.316-.26V17.62L25.037 33.084c.397.32.747.695 1.02 1.151.123.205.227.42.312.644Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Attic48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Attic64/Attic64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M57.06 6.94a1.5 1.5 0 0 1 0 2.12l-48 48a1.5 1.5 0 0 1-2.12-2.12L12.878 49H8a1 1 0 1 1 0-2h6.879l6-6H16a1 1 0 1 1 0-2h6.879l6-6H24a1 1 0 1 1 0-2h6.879l6-6H32a1 1 0 1 1 0-2h6.879l6-6H40a1 1 0 1 1 0-2h6.879l8.06-8.06a1.5 1.5 0 0 1 2.122 0ZM44 47.332A.667.667 0 1 0 44 46a.667.667 0 0 0 0 1.333Zm4 3.334A1.333 1.333 0 1 0 48 48a1.333 1.333 0 0 0 0 2.667Zm-4.667 0a.667.667 0 1 1-1.333 0 .667.667 0 0 1 1.333 0Zm14.167-32a1.5 1.5 0 0 0-2.56-1.061L17.605 54.939a1.5 1.5 0 0 0 1.06 2.561H56a1.5 1.5 0 0 0 1.5-1.5V18.667Zm-3 35.833H22.288l9.01-9.01c.678.426 1.14.85 1.445 1.358.368.614.58 1.477.483 2.878a4.795 4.795 0 0 0-.093.942 1 1 0 0 0 1.992.13c.036-.27.064-.53.084-.785a2.3 2.3 0 0 1 .806-1.285c.453-.354 1.115-.563 1.982-.397a.998.998 0 0 0 1.803-.597c0-2.772 2.219-5 4.933-5 2.1 0 3.905 1.333 4.614 3.225a1 1 0 1 0 1.872-.701 7.004 7.004 0 0 0-.554-1.148c.952-.862 1.661-1.276 2.318-1.495.469-.156.941-.226 1.517-.257V54.5Zm-19.522-7.49c.821-.568 1.844-.828 2.967-.707.653-3.173 3.436-5.569 6.788-5.569 1.8 0 3.437.692 4.667 1.824 1.05-.94 1.975-1.515 2.95-1.84.711-.237 1.417-.328 2.15-.363V22.288L32.741 44.047c.687.48 1.28 1.044 1.717 1.772.22.368.393.764.52 1.19Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Attic64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Balcony20/Balcony20.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="M5.083 2.5a.75.75 0 0 1 .75-.75h8.334a.75.75 0 0 1 .75.75v6.667h-1.5v-3.25H10.5v3.25h-1v-3.25H6.583v3.25h-1.5V2.5ZM10.5 4.917h2.917V3.25H10.5v1.667Zm-1-1.667v1.667H6.583V3.25H9.5Zm-7.75 7.583a.75.75 0 0 1 .75-.75h15a.75.75 0 0 1 0 1.5h-.75v5.167h.75a.75.75 0 0 1 0 1.5h-15a.75.75 0 0 1 0-1.5h.75v-5.167H2.5a.75.75 0 0 1-.75-.75Zm12.917.75h1.083v5.167h-1.083v-5.167Zm-1 5.167v-5.167h-1.084v5.167h1.084ZM10.5 11.583h1.083v5.167H10.5v-5.167Zm-1 5.167v-5.167H8.417v5.167H9.5Zm-3.167-5.167h1.084v5.167H6.333v-5.167Zm-1 5.167v-5.167H4.25v5.167h1.083ZM12.5 8.333h-1.25v.834h1.25v-.834Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Balcony20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Balcony24/Balcony24.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="M6 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v8h-2V7h-3.5v4h-1V7H8v4H6V3Zm6.5 3H16V4h-3.5v2Zm-1-2v2H8V4h3.5ZM2 13a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2h-1v6h1a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h1v-6H3a1 1 0 0 1-1-1Zm15.5 1H19v6h-1.5v-6Zm-1 6v-6H15v6h1.5Zm-4-6H14v6h-1.5v-6Zm-1 6v-6H10v6h1.5Zm-4-6H9v6H7.5v-6Zm-1 6v-6H5v6h1.5ZM15 10h-1.5v1H15v-1Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Balcony24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Balcony32/Balcony32.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.333 4a1 1 0 0 1 1-1h13.334a1 1 0 0 1 1 1v10.667h-2v-5.5H16.5v5.5h-1v-5.5h-5.167v5.5h-2V4ZM16.5 8.167h5.167V5H16.5v3.167ZM15.5 5v3.167h-5.167V5H15.5ZM3 17.333a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2h-1.5V27H28a1 1 0 1 1 0 2H4a1 1 0 1 1 0-2h1.5v-8.667H4a1 1 0 0 1-1-1Zm20.167 1H25.5V27h-2.333v-8.667Zm-1 8.667v-8.667h-2.334V27h2.334ZM16.5 18.333h2.333V27H16.5v-8.667ZM15.5 27v-8.667h-2.333V27H15.5Zm-5.667-8.667h2.334V27H9.833v-8.667Zm-1 8.667v-8.667H6.5V27h2.333ZM20 13.333h-2v1.334h2v-1.334Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Balcony32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Balcony48/Balcony48.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.5 6A1.5 1.5 0 0 1 14 4.5h20A1.5 1.5 0 0 1 35.5 6v16h-3v-8H25v8h-2v-8h-7.5v8h-3V6ZM25 12h7.5V7.5H25V12Zm-2-4.5V12h-7.5V7.5H23ZM4.5 26A1.5 1.5 0 0 1 6 24.5h36a1.5 1.5 0 0 1 0 3h-2v13h2a1.5 1.5 0 0 1 0 3H6a1.5 1.5 0 0 1 0-3h2v-13H6A1.5 1.5 0 0 1 4.5 26ZM35 27.5h3v13h-3v-13Zm-2 13v-13h-3v13h3Zm-8-13h3v13h-3v-13Zm-2 13v-13h-3v13h3Zm-8-13h3v13h-3v-13Zm-2 13v-13h-3v13h3ZM30 20h-3v2h3v-2Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Balcony48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Balcony64/Balcony64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M17.167 8a1.5 1.5 0 0 1 1.5-1.5h26.666a1.5 1.5 0 0 1 1.5 1.5v21.333h-3v-11H33v11h-2v-11H20.167v11h-3V8ZM33 16.333h10.833V9.5H33v6.833ZM31 9.5v6.833H20.167V9.5H31ZM6.5 34.667a1.5 1.5 0 0 1 1.5-1.5h48a1.5 1.5 0 1 1 0 3h-3V54.5h3a1.5 1.5 0 0 1 0 3H8a1.5 1.5 0 0 1 0-3h3V36.167H8a1.5 1.5 0 0 1-1.5-1.5Zm39.833 1.5H51V54.5h-4.667V36.167Zm-2 18.333V36.167h-4.666V54.5h4.666ZM33 36.167h4.667V54.5H33V36.167ZM31 54.5V36.167h-4.667V54.5H31ZM19.667 36.167h4.666V54.5h-4.666V36.167Zm-2 18.333V36.167H13V54.5h4.667ZM40 26.667h-4v2.666h4v-2.666Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Balcony64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Barbecue20/Barbecue20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M10.353 2.437a.5.5 0 0 0-.707-.708c-.434.434-.549.93-.495 1.412.047.426.229.85.375 1.19l.014.032c.164.383.285.676.314.94a.657.657 0 0 1-.208.593.5.5 0 0 0 .707.707 1.65 1.65 0 0 0 .495-1.411c-.047-.426-.229-.85-.375-1.19l-.014-.033c-.164-.382-.285-.675-.314-.939a.657.657 0 0 1 .208-.593ZM4.25 8.333a.75.75 0 0 1 .75-.75h10a.75.75 0 0 1 .75.75 5.744 5.744 0 0 1-2.468 4.722l3.915 3.914a.75.75 0 0 1-1.06 1.061l-4.26-4.26a5.708 5.708 0 0 1-1.127.264V17.5a.75.75 0 0 1-1.5 0v-3.466a5.709 5.709 0 0 1-1.126-.264l-4.26 4.26a.75.75 0 1 1-1.061-1.06l3.915-3.915A5.743 5.743 0 0 1 4.25 8.333Zm1.566.75a4.251 4.251 0 0 0 8.368 0H5.816Zm6.562-6.545a.5.5 0 0 1 .05.706c-.083.096-.092.163-.083.244.013.119.067.255.164.48l.011.025c.083.19.2.46.23.745.037.336-.044.685-.321 1.006a.5.5 0 1 1-.756-.655c.083-.096.092-.164.084-.244-.013-.119-.068-.255-.165-.48l-.01-.025c-.084-.19-.2-.46-.231-.745a1.277 1.277 0 0 1 .322-1.006.5.5 0 0 1 .705-.05Zm-3.875.706a.5.5 0 1 0-.756-.655c-.278.32-.359.67-.322 1.006.03.285.147.554.23.745l.011.025c.097.225.152.361.165.48.008.08 0 .148-.084.244a.5.5 0 0 0 .756.655c.278-.32.358-.67.322-1.006-.03-.286-.148-.555-.23-.745l-.011-.025c-.098-.225-.152-.361-.165-.48-.009-.08 0-.148.084-.244Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Barbecue20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Barbecue24/Barbecue24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M12.353 2.854a.5.5 0 0 0-.707-.708 1.882 1.882 0 0 0-.565 1.612c.055.497.267.992.444 1.406l.015.033c.195.455.347.821.384 1.155a.887.887 0 0 1-.278.794.5.5 0 1 0 .707.708c.496-.497.627-1.06.565-1.612-.055-.497-.268-.992-.445-1.406l-.014-.033c-.195-.455-.347-.821-.384-1.155a.887.887 0 0 1 .278-.794ZM5 10a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1 6.99 6.99 0 0 1-2.907 5.68l4.614 4.613a1 1 0 0 1-1.414 1.414l-5.068-5.068c-.394.132-.803.23-1.225.29V21a1 1 0 1 1-2 0v-4.07a6.947 6.947 0 0 1-1.225-.291l-5.068 5.068a1 1 0 0 1-1.414-1.414l4.614-4.614A6.99 6.99 0 0 1 5 10Zm11.9 1a5.002 5.002 0 0 1-9.8 0h9.8Zm-2.112-7.878a.5.5 0 0 1 .05.705c-.118.138-.137.247-.124.37.018.16.09.338.206.604l.011.027c.1.231.235.542.27.868a1.43 1.43 0 0 1-.362 1.131.5.5 0 1 1-.756-.654c.12-.138.138-.247.124-.37-.017-.16-.09-.338-.205-.604l-.011-.027c-.1-.231-.235-.542-.27-.868a1.427 1.427 0 0 1 .362-1.131.5.5 0 0 1 .705-.05Zm-4.66.705a.5.5 0 1 0-.756-.654 1.433 1.433 0 0 0-.363 1.13c.036.327.17.638.27.869l.012.027c.116.266.188.444.205.605.014.122-.005.231-.124.369a.5.5 0 1 0 .756.654 1.43 1.43 0 0 0 .363-1.13c-.036-.327-.17-.638-.27-.869l-.012-.027c-.116-.266-.188-.444-.205-.605-.014-.122.005-.231.124-.369Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Barbecue24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Barbecue32/Barbecue32.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="M16.353 3.687a.5.5 0 1 0-.707-.708c-.622.622-.783 1.32-.706 2.013.07.637.345 1.278.584 1.836l.016.035c.257.601.472 1.113.525 1.588.048.432-.04.816-.42 1.195a.5.5 0 1 0 .708.707c.621-.621.783-1.32.706-2.013-.071-.636-.346-1.278-.585-1.835l-.015-.036c-.258-.6-.473-1.112-.525-1.587-.048-.432.04-.817.419-1.195ZM7 13.333a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1 8.992 8.992 0 0 1-4.061 7.525l6.435 6.435a1 1 0 0 1-1.415 1.414l-6.905-6.905a8.947 8.947 0 0 1-2.054.476V28a1 1 0 1 1-2 0v-5.722a8.947 8.947 0 0 1-2.054-.476L6.04 28.707a1 1 0 0 1-1.414-1.414l6.435-6.435A8.992 8.992 0 0 1 7 13.333Zm15.929 1a7.001 7.001 0 0 1-13.858 0h13.858Zm-3.32-10.045a.5.5 0 0 1 .05.706c-.191.22-.228.413-.206.619.027.244.135.505.287.855l.013.03c.135.312.306.705.35 1.115.05.461-.058.935-.444 1.38a.5.5 0 1 1-.756-.654c.192-.22.228-.413.206-.619-.027-.244-.135-.505-.287-.855l-.012-.03c-.136-.312-.306-.705-.35-1.115-.05-.461.057-.935.443-1.381a.5.5 0 0 1 .706-.05Zm-6.231.706a.5.5 0 1 0-.756-.655c-.386.446-.494.92-.444 1.381.044.41.215.803.35 1.116l.013.03c.152.349.26.61.287.854.022.206-.015.398-.206.619a.5.5 0 0 0 .756.655c.386-.446.494-.92.444-1.381-.045-.41-.215-.803-.35-1.116l-.013-.03c-.152-.349-.26-.61-.287-.854-.022-.206.014-.398.206-.62Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="32" height="32" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Barbecue32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Barbecue48/Barbecue48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M24.706 5.707a1 1 0 1 0-1.414-1.414c-.993.992-1.254 2.12-1.13 3.224.11.992.535 1.984.889 2.81l.029.067c.39.91.695 1.642.769 2.31.064.583-.05 1.082-.557 1.589a1 1 0 0 0 1.414 1.414c.992-.993 1.253-2.12 1.13-3.224-.11-.992-.535-1.984-.89-2.81l-.028-.067c-.39-.91-.695-1.642-.769-2.31-.065-.583.05-1.081.557-1.589ZM10.5 20a1.5 1.5 0 0 1 1.5-1.5h24a1.5 1.5 0 0 1 1.5 1.5c0 4.72-2.422 8.874-6.091 11.287l9.652 9.652a1.5 1.5 0 0 1-2.122 2.122L28.581 32.703c-.98.353-2.011.596-3.081.715V42a1.5 1.5 0 0 1-3 0v-8.582a13.418 13.418 0 0 1-3.081-.715L9.06 43.06a1.5 1.5 0 0 1-2.122-2.122l9.652-9.652A13.488 13.488 0 0 1 10.5 20Zm23.894 1.5c-.728 5.088-5.104 9-10.394 9s-9.666-3.912-10.394-9h20.788ZM29.577 6.244a1 1 0 0 1 .1 1.41c-.238.276-.275.495-.248.738.035.322.18.678.41 1.21l.024.054c.2.462.47 1.083.54 1.736.082.757-.098 1.538-.725 2.263a1 1 0 0 1-1.512-1.31c.238-.275.275-.493.249-.737-.035-.321-.18-.678-.41-1.21l-.024-.054c-.2-.462-.47-1.083-.54-1.736-.082-.757.097-1.538.725-2.263a1 1 0 0 1 1.41-.1Zm-9.321 1.41a1 1 0 1 0-1.512-1.309c-.628.725-.807 1.506-.726 2.263.071.653.34 1.274.541 1.736l.023.054c.231.533.376.889.41 1.21.027.244-.01.462-.248.737a1 1 0 1 0 1.512 1.31c.628-.725.807-1.506.725-2.262-.07-.654-.34-1.275-.54-1.737l-.023-.053c-.231-.533-.376-.89-.411-1.21-.027-.244.01-.463.249-.738Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Barbecue48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Barbecue64/Barbecue64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M32.706 7.374A1 1 0 1 0 31.29 5.96c-1.24 1.242-1.564 2.64-1.41 4.026.141 1.273.69 2.556 1.169 3.67l.03.072c.516 1.202.945 2.225 1.05 3.174.097.865-.08 1.634-.838 2.391a1 1 0 0 0 1.415 1.414c1.242-1.242 1.565-2.64 1.411-4.025-.141-1.274-.69-2.556-1.169-3.67l-.03-.072c-.516-1.203-.945-2.226-1.05-3.175-.097-.864.08-1.633.838-2.39ZM14.5 26.667a1.5 1.5 0 0 1 1.5-1.5h32a1.5 1.5 0 0 1 1.5 1.5c0 6.34-3.37 11.891-8.417 14.961L54.394 54.94a1.5 1.5 0 1 1-2.121 2.121L38.235 43.024a17.41 17.41 0 0 1-4.735 1.08V56a1.5 1.5 0 1 1-3 0V44.104a17.407 17.407 0 0 1-4.735-1.08L11.727 57.06a1.5 1.5 0 1 1-2.12-2.121l13.31-13.312c-5.046-3.07-8.417-8.622-8.417-14.961Zm31.923 1.5c-.75 7.303-6.921 13-14.423 13s-13.673-5.697-14.423-13h28.846Zm-7.206-19.59a1 1 0 0 1 .101 1.411c-.382.442-.455.828-.41 1.238.052.488.27 1.01.572 1.71l.026.06c.27.624.611 1.411.7 2.23.1.923-.116 1.871-.888 2.762a1 1 0 1 1-1.511-1.31c.382-.44.455-.826.41-1.236-.052-.488-.27-1.011-.572-1.71l-.026-.06c-.27-.625-.612-1.411-.7-2.23-.1-.924.116-1.872.888-2.763a1 1 0 0 1 1.41-.101ZM26.756 9.989a1 1 0 1 0-1.512-1.309c-.772.891-.988 1.84-.888 2.762.089.82.43 1.606.7 2.231l.026.06c.303.699.52 1.222.573 1.71.045.41-.028.795-.41 1.237a1 1 0 1 0 1.51 1.31c.773-.892.989-1.84.889-2.763-.089-.819-.43-1.606-.7-2.23l-.026-.06c-.303-.7-.52-1.222-.573-1.71-.045-.41.028-.796.41-1.238Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Barbecue64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/BarcodeScanner20/BarcodeScanner20.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="M2.5 1.75a.75.75 0 0 0-.75.75v3.75a.75.75 0 0 0 1.5 0v-3h3a.75.75 0 0 0 0-1.5H2.5Zm.75 12a.75.75 0 0 0-1.5 0v3.75c0 .414.336.75.75.75h3.75a.75.75 0 0 0 0-1.5h-3v-3ZM17.5 13a.75.75 0 0 1 .75.75v3.75a.75.75 0 0 1-.75.75h-3.75a.75.75 0 0 1 0-1.5h3v-3a.75.75 0 0 1 .75-.75ZM13.75 1.75a.75.75 0 0 0 0 1.5h3v3a.75.75 0 0 0 1.5 0V2.5a.75.75 0 0 0-.75-.75h-3.75ZM7.083 6.667v6.666H5.417V6.667h1.666Zm6.667 0h-1.667v6.666h1.667V6.667Zm-5 0h1.667v6.666H8.75V6.667Zm-.625 0h-.417v6.666h.417V6.667Zm6.25 0h.417v6.666h-.417V6.667Zm-2.917 0h-.416v6.666h.416V6.667Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'BarcodeScanner20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>