@mozaic-ds/icons-vue 0.1.0-beta.2 → 1.0.0

package/src/components/Mask24/Mask24.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M8.355 6.117C9.294 5.618 10.49 5 12 5s2.706.618 3.645 1.117l.027.014c1 .53 1.636.869 2.328.869a1 1 0 0 1 1 1v.037a3.8 3.8 0 0 1 1.667.657C21.421 9.237 22 10.137 22 11.5c0 1.41-.874 2.617-1.848 3.517a11.4 11.4 0 0 1-2.106 1.514A7 7 0 0 1 12 20a7 7 0 0 1-6.045-3.469 11.4 11.4 0 0 1-2.107-1.514C2.874 14.117 2 12.91 2 11.5c0-1.363.58-2.263 1.333-2.806A3.8 3.8 0 0 1 5 8.037V8a1 1 0 0 1 1-1c.692 0 1.329-.338 2.328-.869zM19 13V9.051c.348.068.741.209 1.083.455.496.357.917.957.917 1.994 0 .99-.626 1.95-1.527 2.783a9 9 0 0 1-.73.605c.167-.6.257-1.234.257-1.888M5 13c0 .654.09 1.288.258 1.888a9 9 0 0 1-.731-.605C3.626 13.45 3 12.49 3 11.5c0-1.037.42-1.637.917-1.994A2.8 2.8 0 0 1 5 9.05zm2-4.123V13a5 5 0 0 0 10 0V8.877c-.796-.192-1.504-.571-2.103-.892l-.19-.102C13.764 7.382 12.961 7 12 7s-1.764.382-2.707.883l-.19.102c-.599.32-1.307.7-2.103.892m5-.377c-.782 0-1.265.33-1.631.595l-.011.008c-.363.262-.55.397-.858.397a.5.5 0 0 0 0 1c.642 0 1.073-.315 1.388-.546l.067-.049C11.28 9.67 11.547 9.5 12 9.5s.72.17 1.045.405l.067.049c.315.23.747.546 1.388.546a.5.5 0 0 0 0-1c-.309 0-.495-.135-.857-.397l-.012-.008C13.265 8.83 12.781 8.5 12 8.5m-3.89 6.188a.5.5 0 0 1 .702-.078C10.017 15.573 11.034 16 12 16s1.983-.427 3.188-1.39a.5.5 0 1 1 .624.78C14.517 16.427 13.284 17 12 17s-2.517-.573-3.812-1.61a.5.5 0 0 1-.078-.702m.576-2.152a.5.5 0 1 0-.372.928c1.294.518 2.483.786 3.686.786s2.392-.268 3.686-.786a.5.5 0 1 0-.372-.928c-1.206.482-2.267.714-3.314.714s-2.108-.232-3.314-.714"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Mask24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Mask24/index.js

@@ -0,0 +1,2 @@
+import Mask24 from './Mask24.vue';
+export { Mask24 };

package/src/components/Mask32/Mask32.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><path fill-rule="evenodd" d="M11.296 8.45C12.549 7.785 14.079 7 16 7s3.45.785 4.704 1.45l.095.05c1.278.68 2.194 1.167 3.2 1.167a1 1 0 0 1 1 1v.18c.721.057 1.654.3 2.46.88.962.693 1.707 1.843 1.707 3.606 0 1.81-1.124 3.378-2.41 4.567-1.002.927-2.154 1.671-3.105 2.175-1.588 2.556-4.42 4.258-7.651 4.258s-6.064-1.702-7.651-4.258c-.952-.504-2.103-1.248-3.105-2.174-1.287-1.19-2.411-2.758-2.411-4.568 0-1.763.746-2.913 1.708-3.605.805-.58 1.738-.824 2.459-.881v-.18a1 1 0 0 1 1-1c1.007 0 1.922-.487 3.2-1.166zM25 17.333v-5.482c.56.056 1.272.254 1.874.688.705.507 1.292 1.357 1.292 2.794 0 1.391-.875 2.711-2.09 3.833-.515.477-1.076.903-1.625 1.269A9 9 0 0 0 25 17.333m-18 0c0 1.09.193 2.135.548 3.102a13 13 0 0 1-1.626-1.269c-1.213-1.122-2.089-2.442-2.089-3.833 0-1.437.588-2.287 1.292-2.794.603-.434 1.315-.632 1.875-.688zm2-5.765v5.765a7 7 0 0 0 14 0v-5.765c-1.115-.217-2.113-.752-2.99-1.221h-.002l-.001-.002h-.001l-.24-.128C18.508 9.549 17.373 9 16 9s-2.509.549-3.766 1.217l-.244.13c-.877.47-1.876 1.004-2.99 1.22m7-.068c-.988 0-1.596.414-2.077.762l-.038.027c-.463.335-.752.544-1.219.544a.5.5 0 0 0 0 1c.8 0 1.333-.39 1.756-.698l.087-.063c.44-.319.832-.572 1.49-.572.66 0 1.051.253 1.492.572l.086.063c.423.308.957.698 1.756.698a.5.5 0 1 0 0-1c-.466 0-.755-.209-1.218-.544l-.038-.027c-.481-.348-1.09-.762-2.077-.762m-5.057 8.188a.5.5 0 0 1 .702-.078c1.621 1.296 3.013 1.89 4.355 1.89 1.341 0 2.733-.594 4.354-1.89a.5.5 0 1 1 .625.78c-1.713 1.37-3.32 2.11-4.98 2.11-1.658 0-3.266-.74-4.978-2.11a.5.5 0 0 1-.078-.702m.576-2.819a.5.5 0 1 0-.372.929c1.71.684 3.275 1.035 4.853 1.035s3.141-.351 4.852-1.035a.5.5 0 0 0-.371-.929c-1.623.65-3.06.964-4.481.964s-2.859-.315-4.481-.964"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Mask32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Mask32/index.js

@@ -0,0 +1,2 @@
+import Mask32 from './Mask32.vue';
+export { Mask32 };

package/src/components/Mask48/Mask48.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill-rule="evenodd" d="M16.944 12.675C18.824 11.677 21.12 10.5 24 10.5s5.177 1.177 7.056 2.175l.143.076c1.917 1.02 3.29 1.749 4.801 1.749a1.5 1.5 0 0 1 1.5 1.5v.02c1.12.085 2.575.462 3.834 1.369C42.842 18.474 44 20.274 44 23c0 2.819-1.749 5.234-3.696 7.034-1.661 1.536-3.59 2.74-5.101 3.501A13.49 13.49 0 0 1 24 39.5a13.49 13.49 0 0 1-11.203-5.965c-1.51-.76-3.44-1.965-5.1-3.5C5.748 28.233 4 25.818 4 23c0-2.726 1.158-4.526 2.666-5.611 1.259-.907 2.713-1.284 3.834-1.37V16a1.5 1.5 0 0 1 1.5-1.5c1.51 0 2.884-.73 4.801-1.749zM37.5 26v-7.973c.8.084 1.813.37 2.666.984C41.158 19.727 42 20.927 42 23c0 1.981-1.251 3.9-3.054 5.566a19 19 0 0 1-2.13 1.69c.443-1.338.684-2.769.684-4.256m-27 0c0 1.487.24 2.919.685 4.257a19 19 0 0 1-2.131-1.691C7.25 26.899 6 24.98 6 23c0-2.074.842-3.274 1.834-3.988.853-.615 1.866-.9 2.666-.985zm3-8.649V26c0 5.799 4.701 10.5 10.5 10.5S34.5 31.799 34.5 26v-8.649c-1.671-.325-3.17-1.127-4.484-1.83l-.367-.196C27.763 14.323 26.059 13.5 24 13.5s-3.763.823-5.649 1.825l-.366.196c-1.315.703-2.814 1.505-4.485 1.83M24 17c-1.563 0-2.53.66-3.262 1.19l-.023.016c-.726.525-1.097.794-1.715.794a1 1 0 1 0 0 2c1.283 0 2.145-.63 2.776-1.092l.134-.098c.65-.47 1.183-.81 2.09-.81s1.44.34 2.09.81l.134.098C26.854 20.369 27.717 21 29 21a1 1 0 1 0 0-2c-.618 0-.99-.269-1.715-.794l-.023-.016C26.531 17.66 25.563 17 24 17m-7.78 12.375a1 1 0 0 1 1.405-.156C20.033 31.146 22.067 32 24 32s3.967-.854 6.375-2.78a1 1 0 1 1 1.25 1.56C29.033 32.855 26.567 34 24 34s-5.033-1.146-7.625-3.22a1 1 0 0 1-.156-1.405m1.151-4.304a1 1 0 0 0-.742 1.857C19.216 27.965 21.594 28.5 24 28.5s4.784-.536 7.371-1.571a1 1 0 0 0-.742-1.857C28.216 26.036 26.094 26.5 24 26.5s-4.216-.464-6.629-1.428"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Mask48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Mask48/index.js

@@ -0,0 +1,2 @@
+import Mask48 from './Mask48.vue';
+export { Mask48 };

package/src/components/Mask64/Mask64.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><path fill-rule="evenodd" d="M22.827 17.342C25.333 16.01 28.297 14.5 32 14.5s6.667 1.51 9.174 2.842l.258.137c2.494 1.326 4.427 2.354 6.568 2.354a1.5 1.5 0 0 1 1.491 1.335c1.569.03 3.808.505 5.72 1.881 2.052 1.478 3.623 3.929 3.623 7.618 0 3.828-2.373 7.09-4.982 9.501-2.644 2.444-5.791 4.261-7.91 5.203q-.068.03-.138.053C42.602 49.528 37.61 52.167 32 52.167S21.4 49.528 18.196 45.424a2 2 0 0 1-.138-.053c-2.118-.942-5.265-2.759-7.91-5.203-2.608-2.412-4.981-5.673-4.981-9.501 0-3.69 1.57-6.14 3.624-7.618 1.91-1.376 4.15-1.851 5.718-1.88A1.5 1.5 0 0 1 16 19.832c2.141 0 4.074-1.028 6.568-2.354zM49.5 34.667V24.169c1.092.033 2.667.386 3.957 1.315 1.28.922 2.377 2.472 2.377 5.183 0 2.572-1.627 5.088-4.019 7.298a26 26 0 0 1-3.326 2.579 17.5 17.5 0 0 0 1.011-5.877m-35 0c0 2.061.357 4.04 1.012 5.877a26 26 0 0 1-3.327-2.579c-2.391-2.21-4.018-4.726-4.018-7.298 0-2.711 1.096-4.261 2.376-5.183 1.29-.929 2.866-1.282 3.957-1.315zm3-11.952v11.952c0 8.008 6.492 14.5 14.5 14.5s14.5-6.492 14.5-14.5V22.715c-2.305-.357-4.379-1.465-6.262-2.472l-.472-.252C37.253 18.656 34.883 17.5 32 17.5s-5.253 1.156-7.766 2.491l-.47.252h-.001c-1.884 1.007-3.957 2.115-6.263 2.472M32 23c-1.975 0-3.192.827-4.154 1.523l-.075.055c-.927.67-1.505 1.089-2.437 1.089a1 1 0 0 0 0 2c1.598 0 2.666-.78 3.511-1.397l.173-.126C29.9 25.506 30.682 25 32 25s2.101.506 2.983 1.144l.173.126c.845.617 1.913 1.397 3.511 1.397a1 1 0 1 0 0-2c-.932 0-1.51-.419-2.437-1.09l-.075-.054C35.193 23.827 33.975 23 32 23M21.886 39.375a1 1 0 0 1 1.406-.156C26.534 41.813 29.317 43 32 43s5.467-1.187 8.709-3.78a1 1 0 1 1 1.25 1.56C38.533 43.52 35.316 45 32 45s-6.533-1.48-9.958-4.22a1 1 0 0 1-.156-1.405m1.152-5.637a1 1 0 0 0-.742 1.857c3.42 1.369 6.548 2.072 9.704 2.072s6.284-.703 9.705-2.072a1 1 0 1 0-.743-1.857c-3.245 1.298-6.118 1.929-8.962 1.929s-5.716-.63-8.962-1.929"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Mask64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Mask64/index.js

@@ -0,0 +1,2 @@
+import Mask64 from './Mask64.vue';
+export { Mask64 };

package/src/components/Masonry20/Masonry20.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"><path fill-rule="evenodd" d="M7.5 4.25a.75.75 0 0 0-.75.75v2.583H5a.75.75 0 0 0-.75.75v2.584H2.5a.75.75 0 0 0-.75.75V15c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-3.333a.75.75 0 0 0-.75-.75h-1.75V8.333a.75.75 0 0 0-.75-.75h-1.75V5a.75.75 0 0 0-.75-.75zm6.75 6.667V9.083h-3.5v1.834zm-2.5 1.5h-3.5v1.833h3.5zm1.5 1.833h3.5v-1.833h-3.5zm-6.5-1.833v1.833h-3.5v-1.833zm2.5-1.5h-3.5V9.083h3.5zM10 7.583H8.25V5.75h3.5v1.833z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Masonry20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Masonry20/index.js

@@ -0,0 +1,2 @@
+import Masonry20 from './Masonry20.vue';
+export { Masonry20 };

package/src/components/Masonry24/Masonry24.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M9 5a1 1 0 0 0-1 1v3H6a1 1 0 0 0-1 1v3H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-2v-3a1 1 0 0 0-1-1h-2V6a1 1 0 0 0-1-1zm8 8v-2h-4v2zm-3 2h-4v2h4zm2 2h4v-2h-4zm-8-2v2H4v-2zm3-4v2H7v-2zm1-2h-2V7h4v2z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Masonry24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Masonry24/index.js

@@ -0,0 +1,2 @@
+import Masonry24 from './Masonry24.vue';
+export { Masonry24 };

package/src/components/Masonry32/Masonry32.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><path fill-rule="evenodd" d="M12 7a1 1 0 0 0-1 1v4.333H8a1 1 0 0 0-1 1v4.334H4a1 1 0 0 0-1 1V24a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-5.333a1 1 0 0 0-1-1h-3v-4.334a1 1 0 0 0-1-1h-3V8a1 1 0 0 0-1-1zm11 10.667v-3.334h-6v3.334zm-4 2h-6V23h6zM21 23h6v-3.333h-6zm-10-3.333V23H5v-3.333zm4-2H9v-3.334h6zm1-5.334h-3V9h6v3.333z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Masonry32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Masonry32/index.js

@@ -0,0 +1,2 @@
+import Masonry32 from './Masonry32.vue';
+export { Masonry32 };

package/src/components/Masonry48/Masonry48.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill-rule="evenodd" d="M18 10.5a1.5 1.5 0 0 0-1.5 1.5v6.5H12a1.5 1.5 0 0 0-1.5 1.5v6.5H6A1.5 1.5 0 0 0 4.5 28v8A1.5 1.5 0 0 0 6 37.5h36a1.5 1.5 0 0 0 1.5-1.5v-8a1.5 1.5 0 0 0-1.5-1.5h-4.5V20a1.5 1.5 0 0 0-1.5-1.5h-4.5V12a1.5 1.5 0 0 0-1.5-1.5zm16.5 16v-5h-9v5zm-6 3h-9v5h9zm3 5h9v-5h-9zm-15-5v5h-9v-5zm6-3h-9v-5h9zm1.5-8h-4.5v-5h9v5z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Masonry48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Masonry48/index.js

@@ -0,0 +1,2 @@
+import Masonry48 from './Masonry48.vue';
+export { Masonry48 };

package/src/components/Masonry64/Masonry64.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><path fill-rule="evenodd" d="M24 14.5a1.5 1.5 0 0 0-1.5 1.5v9.167H16a1.5 1.5 0 0 0-1.5 1.5v9.166H8a1.5 1.5 0 0 0-1.5 1.5V48A1.5 1.5 0 0 0 8 49.5h48a1.5 1.5 0 0 0 1.5-1.5V37.333a1.5 1.5 0 0 0-1.5-1.5h-6.5v-9.166a1.5 1.5 0 0 0-1.5-1.5h-6.5V16a1.5 1.5 0 0 0-1.5-1.5zm22.5 21.333v-7.666h-13v7.666zm-8 3h-13V46.5h13zm3 7.667h13v-7.667h-13zm-19-7.667V46.5h-13v-7.667zm8-3h-13v-7.666h13zM32 25.167h-6.5V17.5h13v7.667z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Masonry64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Masonry64/index.js

@@ -0,0 +1,2 @@
+import Masonry64 from './Masonry64.vue';
+export { Masonry64 };

package/src/components/MasonryAlt20/MasonryAlt20.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"><path fill-rule="evenodd" d="M16.19 3.113a.75.75 0 0 0-.521-1.291l-8.976.03A.75.75 0 0 0 6 2.885L7.062 5.51l-.986.398a2 2 0 0 0-2.358-.665l-1.545.624a2 2 0 0 0 1.498 3.71l1.545-.625A2 2 0 0 0 6.45 6.836l.986-.398 1.062 2.627a.75.75 0 0 0 1.214.26zM8.827 5.876l.647 1.6 4.325-4.148-5.993.021.647 1.6.85-.343a.5.5 0 0 1 .374.927zM4.931 6.911a.5.5 0 0 0-.651-.276l-1.545.624a.5.5 0 0 0 .374.927l1.546-.624a.5.5 0 0 0 .276-.65m9.236.256a.75.75 0 0 0-.75.75V10.5H5.833a.75.75 0 0 0-.75.75v2.583H2.5a.75.75 0 0 0-.75.75v3.334c0 .414.336.75.75.75h15a.75.75 0 0 0 .75-.75v-10a.75.75 0 0 0-.75-.75zM16.75 10.5h-1.833V8.667h1.833zM14.167 12h2.583v1.833h-4.333V12zm.75 3.333h1.833v1.834h-1.833zm-1.5 0v1.834H9.083v-1.834zm-5.834 0v1.834H3.25v-1.834zM10.917 12v1.833H6.583V12z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'MasonryAlt20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/MasonryAlt20/index.js

@@ -0,0 +1,2 @@
+import MasonryAlt20 from './MasonryAlt20.vue';
+export { MasonryAlt20 };

package/src/components/MasonryAlt24/MasonryAlt24.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M19.498 3.808a1 1 0 0 0-.696-1.722l-10.77.038a1 1 0 0 0-.924 1.374L8.42 6.744l-.974.393a2.5 2.5 0 0 0-3.02-.937l-1.855.75a2.5 2.5 0 0 0 1.873 4.635l1.854-.749A2.5 2.5 0 0 0 7.82 8.064l.974-.393 1.31 3.245a1 1 0 0 0 1.62.347zm-8.85 3.113.758 1.876 4.903-4.702-6.793.024.758 1.875.927-.374a.5.5 0 1 1 .374.927zm-4.824 1.41a.5.5 0 0 0-.65-.276l-1.855.749a.5.5 0 1 0 .375.927l1.854-.75a.5.5 0 0 0 .276-.65M17 8.501a1 1 0 0 0-1 1v3H7a1 1 0 0 0-1 1v3H3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1v-12a1 1 0 0 0-1-1zm3 4h-2v-2h2zm-3 2h3v2h-5v-2zm1 4h2v2h-2zm-2 0v2h-5v-2zm-7 0v2H4v-2zm4-4v2H8v-2z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'MasonryAlt24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/MasonryAlt24/index.js

@@ -0,0 +1,2 @@
+import MasonryAlt24 from './MasonryAlt24.vue';
+export { MasonryAlt24 };

package/src/components/MasonryAlt32/MasonryAlt32.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><path fill-rule="evenodd" d="M25.766 4.836a1 1 0 0 0-.695-1.721l-14.36.05a1 1 0 0 0-.924 1.374l1.81 4.482-1.893.764a3 3 0 0 0-3.68-1.21l-2.472 1a3 3 0 0 0 2.247 5.563l2.473-1a3 3 0 0 0 1.806-3.425l1.894-.765 1.81 4.481a1 1 0 0 0 1.62.347zm-11.94 4.362 1.258 3.112 7.494-7.187-10.384.036 1.258 3.112 1.545-.624a.5.5 0 0 1 .375.927zm-5.75 1.785a1 1 0 0 0-1.303-.553l-2.472 1a1 1 0 1 0 .75 1.853l2.472-.998a1 1 0 0 0 .552-1.302m14.591.683a1 1 0 0 0-1 1V17H9.334a1 1 0 0 0-1 1v4.333H4a1 1 0 0 0-1 1v5.334a1 1 0 0 0 1 1h24a1 1 0 0 0 1-1v-16a1 1 0 0 0-1-1zM27 17h-3.333v-3.333H27zm-4.333 2H27v3.333h-7.333V19zm1 5.333H27v3.334h-3.333zm-2 0v3.334h-7.333v-3.334zm-9.333 0v3.334H5v-3.334zM17.667 19v3.333h-7.333V19z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'MasonryAlt32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/MasonryAlt32/index.js

@@ -0,0 +1,2 @@
+import MasonryAlt32 from './MasonryAlt32.vue';
+export { MasonryAlt32 };

package/src/components/MasonryAlt48/MasonryAlt48.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill-rule="evenodd" d="M38.65 7.255a1.5 1.5 0 0 0-1.044-2.583l-21.54.075a1.5 1.5 0 0 0-1.386 2.062l2.622 6.49-2.886 1.166a4.5 4.5 0 0 0-5.38-1.601l-3.709 1.498A4.5 4.5 0 1 0 8.7 22.707l3.708-1.499a4.5 4.5 0 0 0 2.758-4.888l2.886-1.166 2.622 6.49a1.5 1.5 0 0 0 2.43.52zM20.832 14.03l1.792 4.436 11.241-10.78-15.575.053 1.792 4.436 2.318-.936a1 1 0 0 1 .75 1.854zm-8.72 2.444a1.5 1.5 0 0 0-1.953-.829L6.45 17.144a1.5 1.5 0 0 0 1.124 2.781l3.709-1.498a1.5 1.5 0 0 0 .828-1.953M34 17.5a1.5 1.5 0 0 0-1.5 1.5v6.5H14a1.5 1.5 0 0 0-1.5 1.5v6.5H6A1.5 1.5 0 0 0 4.5 35v8A1.5 1.5 0 0 0 6 44.5h36a1.5 1.5 0 0 0 1.5-1.5V19a1.5 1.5 0 0 0-1.5-1.5zm6.5 8h-5v-5h5zm-6.5 3h6.5v5h-11v-5zm1.5 8h5v5h-5zm-3 0v5h-11v-5zm-14 0v5h-11v-5zm8-8v5h-11v-5z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'MasonryAlt48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/MasonryAlt48/index.js

@@ -0,0 +1,2 @@
+import MasonryAlt48 from './MasonryAlt48.vue';
+export { MasonryAlt48 };

package/src/components/MasonryAlt64/MasonryAlt64.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><path fill-rule="evenodd" d="M51.186 9.313a1.5 1.5 0 0 0-1.043-2.583l-28.721.1a1.5 1.5 0 0 0-1.386 2.061l3.622 8.963-4.722 1.908a5.5 5.5 0 0 0-6.7-2.146L7.29 19.613a5.5 5.5 0 1 0 4.12 10.2l4.946-1.998a5.5 5.5 0 0 0 3.33-6.199l4.72-1.907 3.622 8.962a1.5 1.5 0 0 0 2.43.521zm-23.998 9.272 2.792 6.908 16.423-15.75-22.755.079 2.791 6.908 3.554-1.436a1 1 0 1 1 .75 1.855zm-10.574 3.194a2.5 2.5 0 0 0-3.255-1.382l-4.945 1.998a2.5 2.5 0 1 0 1.873 4.636l4.945-1.998a2.5 2.5 0 0 0 1.381-3.255m28.72 2.054a1.5 1.5 0 0 0-1.5 1.5V34.5H18.667a1.5 1.5 0 0 0-1.5 1.5v9.167H8a1.5 1.5 0 0 0-1.5 1.5v10.666a1.5 1.5 0 0 0 1.5 1.5h48a1.5 1.5 0 0 0 1.5-1.5v-32a1.5 1.5 0 0 0-1.5-1.5zM54.5 34.5h-7.666v-7.667H54.5zm-9.167 3H54.5v7.667H38.834V37.5zm1.5 10.667H54.5v7.666h-7.666zm-3 0v7.666H28.168v-7.666zm-18.666 0v7.666H9.5v-7.666zM35.834 37.5v7.667H20.167V37.5z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'MasonryAlt64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/MasonryAlt64/index.js

@@ -0,0 +1,2 @@
+import MasonryAlt64 from './MasonryAlt64.vue';
+export { MasonryAlt64 };

package/src/components/Megaphone20/Megaphone20.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"><path fill-rule="evenodd" d="M9.099 2.543a.75.75 0 0 1 .645.211l7.66 7.66a.75.75 0 0 1-.186 1.197l-5.06 2.617 1.248 2.245a.75.75 0 0 1-.125.895l-1.179 1.178a.75.75 0 0 1-1.06 0L8.624 16.13l-1.532 1.532a.75.75 0 0 1-1.06 0l-3.537-3.535a.75.75 0 0 1 0-1.06l1.685-1.686L8.547 2.94a.75.75 0 0 1 .551-.397m.875 12.815 1.598 1.597.248-.248-.994-1.79zm-5.18-2.468 2.475 2.474-.707.707-2.475-2.474zm.918-1.204 2.76 2.76 4.272-2.21-4.822-4.822zm9.906-.936-1.942 1.004-5.272-5.272L9.41 4.54zM13.87 4.994a.5.5 0 1 0 .707.707l1.768-1.768a.5.5 0 1 0-.707-.707zm-1.021-3.378a.5.5 0 0 1 .392.589l-.295 1.473a.5.5 0 1 1-.98-.196l.294-1.473a.5.5 0 0 1 .589-.393m3.045 5.01a.5.5 0 1 0 .196.98l1.473-.295a.5.5 0 1 0-.196-.98z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Megaphone20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Megaphone20/index.js

@@ -0,0 +1,2 @@
+import Megaphone20 from './Megaphone20.vue';
+export { Megaphone20 };

package/src/components/Megaphone24/Megaphone24.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M10.903 2.953a1 1 0 0 1 .86.281l9.192 9.193a1 1 0 0 1-.247 1.595l-5.98 3.093 1.446 2.604a1 1 0 0 1-.167 1.193l-1.414 1.414a1 1 0 0 1-1.414 0l-2.83-2.829-1.767 1.768a1 1 0 0 1-1.414 0l-4.244-4.242a1 1 0 0 1 0-1.414l2.012-2.012 5.232-10.115a1 1 0 0 1 .735-.529m1.233 15.502 1.75 1.75.173-.174-1.109-1.997zM5.753 15.61l2.828 2.828-.707.707-2.828-2.828zm1.224-1.605 3.208 3.209 5.127-2.652-5.684-5.683zm11.597-1.13-2.33 1.205-6.133-6.133 1.205-2.33zm-1.86-6.81a.5.5 0 0 0 .707.706l2.12-2.12a.5.5 0 0 0-.706-.708zm-1.317-4.026a.5.5 0 0 1 .392.588l-.353 1.768a.5.5 0 0 1-.98-.196l.353-1.768a.5.5 0 0 1 .588-.392m3.693 6.01a.5.5 0 0 0 .196.98l1.768-.353a.5.5 0 0 0-.196-.98z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Megaphone24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Megaphone24/index.js

@@ -0,0 +1,2 @@
+import Megaphone24 from './Megaphone24.vue';
+export { Megaphone24 };

package/src/components/Megaphone32/Megaphone32.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><path fill-rule="evenodd" d="M14.588 4.268a1 1 0 0 1 .86.28l12.257 12.257a1 1 0 0 1-.248 1.596l-8.278 4.282 2.095 3.772a1 1 0 0 1-.167 1.193l-1.885 1.885a1 1 0 0 1-1.415 0L13.8 25.525l-2.593 2.593a1 1 0 0 1-1.414 0l-5.658-5.656a1 1 0 0 1 0-1.414l2.719-2.719 7-13.533a1 1 0 0 1 .734-.528m1.036 20.253 2.89 2.89.646-.644-1.758-3.165zm-7.954-4.18 4.243 4.242-1.413 1.414-4.244-4.242zm1.225-1.605 4.622 4.623 7.302-3.776-8.148-8.148zm16.429-1.484-3.573 1.849-8.598-8.598 1.848-3.573zm-2.921-9.049a.5.5 0 0 0 .707.707l2.828-2.828a.5.5 0 0 0-.707-.707zm-1.906-5.322a.5.5 0 0 1 .393.588l-.472 2.357a.5.5 0 1 1-.98-.196l.471-2.357a.5.5 0 0 1 .588-.392m4.99 8.014a.5.5 0 0 0 .196.98l2.357-.471a.5.5 0 1 0-.196-.98z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Megaphone32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Megaphone32/index.js

@@ -0,0 +1,2 @@
+import Megaphone32 from './Megaphone32.vue';
+export { Megaphone32 };

package/src/components/Megaphone48/Megaphone48.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill-rule="evenodd" d="M21.882 6.401a1.5 1.5 0 0 1 1.29.422l18.385 18.385a1.5 1.5 0 0 1-.371 2.393l-12.418 6.423 3.143 5.658a1.5 1.5 0 0 1-.25 1.79L28.831 44.3a1.5 1.5 0 0 1-2.121 0l-6.012-6.012-3.89 3.889a1.5 1.5 0 0 1-2.12 0l-8.487-8.484a1.5 1.5 0 0 1 0-2.121l4.078-4.078 10.5-20.3a1.5 1.5 0 0 1 1.102-.793m1.553 30.38 4.336 4.337.968-.968-2.637-4.747zm-11.93-6.27 6.364 6.364-2.12 2.12-6.365-6.363zm1.836-2.406 6.935 6.934 10.719-5.545-12.11-12.109zm24.644-2.227L32.86 28.53 19.85 15.521l2.652-5.126zm-4.558-13.75a1 1 0 0 0 1.414 1.414l4.243-4.243a1 1 0 0 0-1.415-1.414zm-2.633-8.052a1 1 0 0 1 .785 1.177l-.707 3.535a1 1 0 0 1-1.961-.392l.707-3.536a1 1 0 0 1 1.176-.784m7.386 12.02a1 1 0 0 0 .393 1.962l3.535-.707a1 1 0 0 0-.392-1.961z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Megaphone48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Megaphone48/index.js

@@ -0,0 +1,2 @@
+import Megaphone48 from './Megaphone48.vue';
+export { Megaphone48 };

package/src/components/Megaphone64/Megaphone64.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><path fill-rule="evenodd" d="M29.252 9.03a1.5 1.5 0 0 1 1.29.42l24.514 24.514a1.5 1.5 0 0 1-.372 2.393l-17.015 8.8 4.441 7.995a1.5 1.5 0 0 1-.25 1.79l-3.771 3.77a1.5 1.5 0 0 1-2.122 0l-8.353-8.353-.065.033-5.49 5.49a1.5 1.5 0 0 1-2.121 0L8.622 44.572a1.5 1.5 0 0 1 0-2.122l5.492-5.492L28.15 9.822a1.5 1.5 0 0 1 1.102-.793m1.158 39.883 6.618 6.618 1.91-1.91-3.935-7.084zm-15.07-8.939 9.192 9.193-3.534 3.533-9.194-9.19zm1.836-2.406 9.763 9.762 15.068-7.794L24.97 22.5zm34.308-2.933-7.612 3.937-17.937-17.937 3.937-7.612zm-6.68-18.23a1 1 0 0 0 1.415 1.415l5.656-5.657a1 1 0 1 0-1.414-1.414zm-3.81-10.643a1 1 0 0 1 .784 1.176l-.943 4.714a1 1 0 1 1-1.96-.392l.942-4.714a1 1 0 0 1 1.177-.784m9.978 16.027a1 1 0 0 0 .392 1.962l4.715-.943a1 1 0 1 0-.393-1.962z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'Megaphone64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Megaphone64/index.js

@@ -0,0 +1,2 @@
+import Megaphone64 from './Megaphone64.vue';
+export { Megaphone64 };

package/src/components/Menu20/Menu20.vue

@@ -1,7 +1,4 @@
-<template><svg aria-hidden="true" width="1.25rem" height="1.25rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-  <path fill-rule="evenodd" d="M2.583 4.167a.75.75 0 0 1 .75-.75h13.334a.75.75 0 0 1 0 1.5H3.333a.75.75 0 0 1-.75-.75Zm0 5.833a.75.75 0 0 1 .75-.75h13.334a.75.75 0 0 1 0 1.5H3.333a.75.75 0 0 1-.75-.75Zm0 5.833a.75.75 0 0 1 .75-.75h13.334a.75.75 0 0 1 0 1.5H3.333a.75.75 0 0 1-.75-.75Z"/>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"><path fill-rule="evenodd" d="M2.583 4.167a.75.75 0 0 1 .75-.75h13.333a.75.75 0 1 1 0 1.5H3.333a.75.75 0 0 1-.75-.75m0 5.833a.75.75 0 0 1 .75-.75h13.333a.75.75 0 1 1 0 1.5H3.333a.75.75 0 0 1-.75-.75m0 5.833a.75.75 0 0 1 .75-.75h13.333a.75.75 0 1 1 0 1.5H3.333a.75.75 0 0 1-.75-.75"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Menu20',

package/src/components/Menu24/Menu24.vue

@@ -1,7 +1,4 @@
-<template><svg aria-hidden="true" width="1.5rem" height="1.5rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <path fill-rule="evenodd" d="M3 5a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm0 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Zm0 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1Z"/>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M3 5a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m0 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1m0 7a1 1 0 0 1 1-1h16a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Menu24',

package/src/components/Menu32/Menu32.vue

@@ -1,7 +1,4 @@
-<template><svg aria-hidden="true" width="2rem" height="2rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <path fill-rule="evenodd" d="M4.333 6.667a1 1 0 0 1 1-1h21.334a1 1 0 1 1 0 2H5.333a1 1 0 0 1-1-1Zm0 9.333a1 1 0 0 1 1-1h21.334a1 1 0 1 1 0 2H5.333a1 1 0 0 1-1-1Zm0 9.333a1 1 0 0 1 1-1h21.334a1 1 0 1 1 0 2H5.333a1 1 0 0 1-1-1Z"/>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><path fill-rule="evenodd" d="M4.333 6.667a1 1 0 0 1 1-1h21.333a1 1 0 1 1 0 2H5.333a1 1 0 0 1-1-1m0 9.333a1 1 0 0 1 1-1h21.333a1 1 0 0 1 0 2H5.333a1 1 0 0 1-1-1m0 9.333a1 1 0 0 1 1-1h21.333a1 1 0 1 1 0 2H5.333a1 1 0 0 1-1-1"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Menu32',

package/src/components/Menu48/Menu48.vue

@@ -1,7 +1,4 @@
-<template><svg aria-hidden="true" width="3rem" height="3rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
-  <path fill-rule="evenodd" d="M6.5 10A1.5 1.5 0 0 1 8 8.5h32a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 10Zm0 14A1.5 1.5 0 0 1 8 22.5h32a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 24Zm0 14A1.5 1.5 0 0 1 8 36.5h32a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 38Z"/>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill-rule="evenodd" d="M6.5 10A1.5 1.5 0 0 1 8 8.5h32a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 10m0 14A1.5 1.5 0 0 1 8 22.5h32a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 24m0 14A1.5 1.5 0 0 1 8 36.5h32a1.5 1.5 0 0 1 0 3H8A1.5 1.5 0 0 1 6.5 38"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Menu48',

package/src/components/Menu64/Menu64.vue

@@ -1,7 +1,4 @@
-<template><svg aria-hidden="true" width="4rem" height="4rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <path fill-rule="evenodd" d="M9.167 13.333a1.5 1.5 0 0 1 1.5-1.5h42.666a1.5 1.5 0 1 1 0 3H10.667a1.5 1.5 0 0 1-1.5-1.5Zm0 18.667a1.5 1.5 0 0 1 1.5-1.5h42.666a1.5 1.5 0 0 1 0 3H10.667a1.5 1.5 0 0 1-1.5-1.5Zm0 18.667a1.5 1.5 0 0 1 1.5-1.5h42.666a1.5 1.5 0 0 1 0 3H10.667a1.5 1.5 0 0 1-1.5-1.5Z"/>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><path fill-rule="evenodd" d="M9.167 13.334a1.5 1.5 0 0 1 1.5-1.5h42.667a1.5 1.5 0 0 1 0 3H10.667a1.5 1.5 0 0 1-1.5-1.5m0 18.666a1.5 1.5 0 0 1 1.5-1.5h42.667a1.5 1.5 0 1 1 0 3H10.667a1.5 1.5 0 0 1-1.5-1.5m0 18.667a1.5 1.5 0 0 1 1.5-1.5h42.667a1.5 1.5 0 0 1 0 3H10.667a1.5 1.5 0 0 1-1.5-1.5"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Menu64',

package/src/components/Mic20/Mic20.vue

@@ -1,14 +1,4 @@
-<template><svg aria-hidden="true" width="1.25rem" height="1.25rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
-  <g clip-path="url(#a)">
-    <path fill-rule="evenodd" d="M7.167 4.583a2.833 2.833 0 1 1 5.666 0v5a2.833 2.833 0 1 1-5.666 0v-5ZM10 3.25c-.736 0-1.333.597-1.333 1.333v5a1.333 1.333 0 1 0 2.666 0v-5c0-.736-.597-1.333-1.333-1.333Zm-.75 12.035a5.751 5.751 0 0 1-5-5.702v-2.5a.75.75 0 0 1 1.5 0v2.5a4.25 4.25 0 0 0 8.5 0v-2.5a.75.75 0 0 1 1.5 0v2.5a5.751 5.751 0 0 1-5 5.702v1.465h1.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5h1.75v-1.465Z"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <rect width="20" height="20" fill="#fff"/>
-    </clipPath>
-  </defs>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"><path fill-rule="evenodd" d="M7.167 4.583a2.833 2.833 0 1 1 5.666 0v5a2.833 2.833 0 1 1-5.666 0zM10 3.25c-.736 0-1.333.597-1.333 1.333v5a1.333 1.333 0 1 0 2.666 0v-5c0-.736-.597-1.333-1.333-1.333m-.75 12.035a5.75 5.75 0 0 1-5-5.702v-2.5a.75.75 0 0 1 1.5 0v2.5a4.25 4.25 0 0 0 8.5 0v-2.5a.75.75 0 0 1 1.5 0v2.5a5.75 5.75 0 0 1-5 5.702v1.465h1.75a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1 0-1.5h1.75z"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Mic20',

package/src/components/Mic24/Mic24.vue

@@ -1,14 +1,4 @@
-<template><svg aria-hidden="true" width="1.5rem" height="1.5rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
-  <g clip-path="url(#a)">
-    <path fill-rule="evenodd" d="M8.5 5.5a3.5 3.5 0 1 1 7 0v6a3.5 3.5 0 1 1-7 0v-6ZM12 4a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 3 0v-6A1.5 1.5 0 0 0 12 4Zm0 12.5a5 5 0 0 0 5-5v-3a1 1 0 1 1 2 0v3a7.001 7.001 0 0 1-6 6.93V20h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2v-1.57a7.001 7.001 0 0 1-6-6.93v-3a1 1 0 0 1 2 0v3a5 5 0 0 0 5 5Z"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <rect width="24" height="24" fill="#fff"/>
-    </clipPath>
-  </defs>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M8.5 5.5a3.5 3.5 0 1 1 7 0v6a3.5 3.5 0 1 1-7 0zM12 4a1.5 1.5 0 0 0-1.5 1.5v6a1.5 1.5 0 0 0 3 0v-6A1.5 1.5 0 0 0 12 4m0 12.5a5 5 0 0 0 5-5v-3a1 1 0 1 1 2 0v3a7 7 0 0 1-6 6.93V20h2a1 1 0 1 1 0 2H9a1 1 0 1 1 0-2h2v-1.57a7 7 0 0 1-6-6.93v-3a1 1 0 0 1 2 0v3a5 5 0 0 0 5 5"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Mic24',

package/src/components/Mic32/Mic32.vue

@@ -1,14 +1,4 @@
-<template><svg aria-hidden="true" width="2rem" height="2rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
-  <g clip-path="url(#a)">
-    <path fill-rule="evenodd" d="M11.667 7.333a4.333 4.333 0 1 1 8.666 0v8a4.333 4.333 0 1 1-8.666 0v-8ZM16 5a2.333 2.333 0 0 0-2.333 2.333v8a2.333 2.333 0 1 0 4.666 0v-8A2.333 2.333 0 0 0 16 5Zm.002 17.333H16a7 7 0 0 1-7-7v-4a1 1 0 1 0-2 0v4a9 9 0 0 0 8 8.945V27h-3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-2.722a9 9 0 0 0 8-8.945v-4a1 1 0 1 0-2 0v4a7 7 0 0 1-6.998 7Z"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <rect width="32" height="32" fill="#fff"/>
-    </clipPath>
-  </defs>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32" height="32"><path fill-rule="evenodd" d="M11.667 7.333a4.333 4.333 0 1 1 8.666 0v8a4.333 4.333 0 1 1-8.666 0zM16 5a2.333 2.333 0 0 0-2.333 2.333v8a2.333 2.333 0 1 0 4.666 0v-8A2.333 2.333 0 0 0 16 5m.002 17.333H16a7 7 0 0 1-7-7v-4a1 1 0 1 0-2 0v4c0 4.633 3.5 8.448 8 8.945V27h-3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-3v-2.722c4.5-.497 8-4.312 8-8.945v-4a1 1 0 1 0-2 0v4a7 7 0 0 1-6.998 7"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Mic32',

package/src/components/Mic48/Mic48.vue

@@ -1,14 +1,4 @@
-<template><svg aria-hidden="true" width="3rem" height="3rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
-  <g clip-path="url(#a)">
-    <path fill-rule="evenodd" d="M17.5 11a6.5 6.5 0 1 1 13 0v12a6.5 6.5 0 1 1-13 0V11ZM24 7.5a3.5 3.5 0 0 0-3.5 3.5v12a3.5 3.5 0 1 0 7 0V11A3.5 3.5 0 0 0 24 7.5Zm-1.5 28.918c-6.75-.747-12-6.47-12-13.418v-6a1.5 1.5 0 0 1 3 0v6c0 5.799 4.701 10.5 10.5 10.5S34.5 28.799 34.5 23v-6a1.5 1.5 0 0 1 3 0v6c0 6.949-5.25 12.671-12 13.418V40.5H30a1.5 1.5 0 0 1 0 3H18a1.5 1.5 0 0 1 0-3h4.5v-4.082Z"/>
-  </g>
-  <defs>
-    <clipPath id="a">
-      <rect width="48" height="48" fill="#fff"/>
-    </clipPath>
-  </defs>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48" height="48"><path fill-rule="evenodd" d="M17.5 11a6.5 6.5 0 1 1 13 0v12a6.5 6.5 0 1 1-13 0zM24 7.5a3.5 3.5 0 0 0-3.5 3.5v12a3.5 3.5 0 1 0 7 0V11A3.5 3.5 0 0 0 24 7.5m0 26c5.799 0 10.5-4.701 10.5-10.5v-6a1.5 1.5 0 0 1 3 0v6c0 6.949-5.25 12.671-12 13.418V40.5H30a1.5 1.5 0 0 1 0 3H18a1.5 1.5 0 0 1 0-3h4.5v-4.082c-6.75-.747-12-6.47-12-13.418v-6a1.5 1.5 0 0 1 3 0v6c0 5.799 4.701 10.5 10.5 10.5"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Mic48',

package/src/components/Mic64/Mic64.vue

@@ -1,7 +1,4 @@
-<template><svg aria-hidden="true" width="4rem" height="4rem" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
-  <path fill-rule="evenodd" d="M23.833 14.667a8.167 8.167 0 1 1 16.334 0v16a8.167 8.167 0 0 1-16.334 0v-16ZM32 9.5a5.167 5.167 0 0 0-5.167 5.167v16a5.167 5.167 0 0 0 10.334 0v-16A5.167 5.167 0 0 0 32 9.5Zm.003 35.667H32c-8.008 0-14.5-6.492-14.5-14.5v-8a1.5 1.5 0 1 0-3 0v8c0 9.16 7.037 16.675 16 17.436V54.5H24a1.5 1.5 0 0 0 0 3h16a1.5 1.5 0 0 0 0-3h-6.5v-6.397c8.963-.76 16-8.277 16-17.436v-8a1.5 1.5 0 1 0-3 0v8c0 8.007-6.49 14.498-14.497 14.5Z"/>
-</svg>
-</template>
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64"><path fill-rule="evenodd" d="M23.833 14.667a8.167 8.167 0 1 1 16.334 0v16a8.167 8.167 0 0 1-16.334 0zM32 9.5a5.167 5.167 0 0 0-5.167 5.167v16a5.167 5.167 0 0 0 10.334 0v-16A5.167 5.167 0 0 0 32 9.5m.003 35.667H32c-8.008 0-14.5-6.492-14.5-14.5v-8a1.5 1.5 0 1 0-3 0v8c0 9.16 7.037 16.675 16 17.436V54.5H24a1.5 1.5 0 0 0 0 3h16a1.5 1.5 0 0 0 0-3h-6.5v-6.397c8.963-.76 16-8.277 16-17.436v-8a1.5 1.5 0 1 0-3 0v8c0 8.007-6.49 14.498-14.497 14.5"/></svg></template>
 <script lang="ts">
 export default {
     name: 'Mic64',

package/src/components/MixerTruck20/MixerTruck20.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20" height="20"><path fill-rule="evenodd" d="M1.859 7.411a.75.75 0 0 1-.248-.773l.862-3.22a.75.75 0 0 1 .66-.553l5.358-.467c2.103-.184 3.84 1.343 4.112 3.265a.75.75 0 0 1 .73-.58h2.084a.75.75 0 0 1 .67.415l2.084 4.166a.75.75 0 0 1 .08.336v4.166a.75.75 0 0 1-.75.75h-1.453a2.418 2.418 0 0 1-4.596 0h-2.07a2.418 2.418 0 0 1-4.597 0H3.333a.75.75 0 0 1-.75-.75v-3.333a.75.75 0 0 1 .75-.75h1.773zm5.322 4.172H4.083v1.833h.702a2.418 2.418 0 0 1 4.596 0h2.071c.191-.586.6-1.073 1.131-1.366v-.467H9.855a3.56 3.56 0 0 1-2.674 0m4.42-1.5h.982V6.837q-.03.174-.076.348l-.27 1.006-.27 1.006a3.6 3.6 0 0 1-.367.886m-1.082-1.274.27-1.006.269-1.006.003-.012-2.827 3.538c.98.136 2-.451 2.285-1.514M7.274 9.922l3.687-4.613a2.34 2.34 0 0 0-1.125-1.194L6.019 8.89l1.19.98zM5.246 8.256l-.991-.816 2.46-3.382 1.906-.166q.06-.005.118-.007zM3.184 6.56l.297.244 1.914-2.63-1.609.14zm13.566 6.857h-.702a2.42 2.42 0 0 0-1.965-1.644V10.75h2.667zM14.083 9.25h2.204l-1.334-2.667h-.87zM8 14.166a.917.917 0 1 0-1.833 0 .917.917 0 0 0 1.833 0m5.75.917a.917.917 0 1 0 0-1.833.917.917 0 0 0 0 1.833"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'MixerTruck20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/MixerTruck20/index.js

@@ -0,0 +1,2 @@
+import MixerTruck20 from './MixerTruck20.vue';
+export { MixerTruck20 };

package/src/components/MixerTruck24/MixerTruck24.vue

@@ -0,0 +1,15 @@
+<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill-rule="evenodd" d="M2.166 8.97a1 1 0 0 1-.33-1.03L2.87 4.076a1 1 0 0 1 .88-.737l6.43-.56c2.456-.215 4.507 1.474 4.982 3.673A1 1 0 0 1 16 6h2.5a1 1 0 0 1 .894.553l2.5 5A1 1 0 0 1 22 12v5a1 1 0 0 1-1 1h-1.67a3.001 3.001 0 0 1-5.66 0h-2.34a3.001 3.001 0 0 1-5.66 0H4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h1.849zM8.597 14H5v2h.67a3 3 0 0 1 2.931-1.998zm1.196.292A3 3 0 0 1 11.33 16h2.342A3 3 0 0 1 15 14.402V14h-3.155c-.646.256-1.351.36-2.052.293M14.09 12H15V9.04l-.219.816-.323 1.207q-.136.503-.368.937m-1.564-1.455.323-1.207.324-1.207.009-.034-3.344 4.184a2.383 2.383 0 0 0 2.688-1.736m-3.654 1.343 4.25-5.318a2.7 2.7 0 0 0-1.478-1.594l-4.437 5.552 1.507 1.24q.077.063.158.12M6.435 9.893l-1.348-1.11 2.76-3.794 2.507-.218q.092-.01.182-.01zm-2.5-2.057.378.311 2.214-3.043-1.905.166zM20 16h-.67A3 3 0 0 0 17 14.042V13h3zm-3-5h2.382l-1.5-3H17zm-9.5 6a1 1 0 1 0 2 0 1 1 0 0 0-2 0m9-1a1 1 0 1 0 0 2 1 1 0 0 0 0-2"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'MixerTruck24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/MixerTruck24/index.js

@@ -0,0 +1,2 @@
+import MixerTruck24 from './MixerTruck24.vue';
+export { MixerTruck24 };