@mozaic-ds/icons-vue 0.1.0-beta.1 → 0.1.0-beta.3

package/src/components/SocialTiktok20/SocialTiktok20.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 d="M14.812 5.008a4 4 0 0 1-1.808-3.341h-2.853l-.005 11.484a2.404 2.404 0 0 1-2.394 2.318 2.411 2.411 0 0 1-2.398-2.409 2.406 2.406 0 0 1 2.398-2.409c.247 0 .484.041.708.111V7.837a5 5 0 0 0-.708-.051c-2.896 0-5.252 2.366-5.252 5.274 0 1.784.888 3.363 2.242 4.318.853.601 1.891.956 3.01.956 2.896 0 5.252-2.366 5.252-5.274V7.237a6.77 6.77 0 0 0 3.97 1.282V5.653c-.797 0-1.54-.238-2.162-.645"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialTiktok20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialTiktok20/index.js

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

package/src/components/SocialTiktok24/SocialTiktok24.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 d="M17.775 6.009A4.8 4.8 0 0 1 15.605 2h-3.424l-.006 13.78a2.885 2.885 0 0 1-2.873 2.782 2.893 2.893 0 0 1-2.878-2.89 2.89 2.89 0 0 1 2.878-2.891c.297 0 .58.049.85.134v-3.51a6 6 0 0 0-.85-.063C5.827 9.342 3 12.182 3 15.672a6.33 6.33 0 0 0 2.69 5.18A6.25 6.25 0 0 0 9.303 22c3.475 0 6.303-2.84 6.303-6.329V8.683a8.12 8.12 0 0 0 4.763 1.539V6.783a4.7 4.7 0 0 1-2.594-.774"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialTiktok24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialTiktok24/index.js

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

package/src/components/SocialTiktok32/SocialTiktok32.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 d="M23.7 8.012a6.39 6.39 0 0 1-2.893-5.345H16.24l-.007 18.374c-.077 2.057-1.763 3.709-3.83 3.709a3.8 3.8 0 0 1-1.781-.443 3.86 3.86 0 0 1-2.057-3.411c0-2.126 1.721-3.854 3.837-3.854.395 0 .774.065 1.133.178v-4.68a8 8 0 0 0-1.133-.083C7.77 12.457 4 16.242 4 20.895a8.44 8.44 0 0 0 3.587 6.91 8.33 8.33 0 0 0 4.816 1.529c4.634 0 8.403-3.786 8.403-8.439v-9.317a10.83 10.83 0 0 0 6.352 2.052V9.045a6.3 6.3 0 0 1-3.459-1.033"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialTiktok32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialTiktok32/index.js

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

package/src/components/SocialTiktok48/SocialTiktok48.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 d="M35.55 12.018A9.59 9.59 0 0 1 31.21 4h-6.848l-.012 27.56c-.115 3.087-2.644 5.564-5.745 5.564a5.7 5.7 0 0 1-2.67-.664 5.79 5.79 0 0 1-3.087-5.117c0-3.188 2.583-5.781 5.757-5.781.592 0 1.16.098 1.698.267v-7.02a12.5 12.5 0 0 0-1.698-.124C11.655 18.685 6 24.363 6 31.342c0 4.283 2.13 8.072 5.381 10.364A12.5 12.5 0 0 0 18.605 44c6.95 0 12.605-5.678 12.605-12.658V17.367a16.24 16.24 0 0 0 9.527 3.077v-6.877a9.44 9.44 0 0 1-5.188-1.55"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialTiktok48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialTiktok48/index.js

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

package/src/components/SocialTiktok64/SocialTiktok64.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 d="M47.399 16.023a12.78 12.78 0 0 1-5.785-10.69h-9.132l-.015 36.748c-.153 4.115-3.526 7.418-7.66 7.418a7.6 7.6 0 0 1-3.561-.887 7.72 7.72 0 0 1-4.115-6.822c0-4.25 3.444-7.708 7.675-7.708.79 0 1.548.131 2.265.356v-9.36a17 17 0 0 0-2.265-.165C15.54 24.913 8 32.483 8 41.789c0 5.71 2.841 10.763 7.175 13.818a16.66 16.66 0 0 0 9.631 3.06c9.267 0 16.807-7.572 16.807-16.878V23.156a21.65 21.65 0 0 0 12.703 4.102v-9.17c-2.55 0-4.926-.76-6.918-2.065"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialTiktok64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialTiktok64/index.js

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

package/src/components/SocialWhatsapp20/SocialWhatsapp20.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="M15.837 4.089a8.2 8.2 0 0 0-5.842-2.422c-4.552 0-8.257 3.705-8.259 8.258a8.24 8.24 0 0 0 1.103 4.129l-1.172 4.28 4.378-1.149a8.25 8.25 0 0 0 3.947 1.005h.003c4.552 0 8.257-3.705 8.259-8.258a8.2 8.2 0 0 0-2.417-5.843M9.995 16.796h-.003a6.86 6.86 0 0 1-3.493-.957l-.251-.149-2.598.682.693-2.534-.163-.26a6.85 6.85 0 0 1-1.05-3.652 6.875 6.875 0 0 1 6.868-6.864c1.833 0 3.557.715 4.853 2.013a6.82 6.82 0 0 1 2.008 4.856c-.001 3.785-3.08 6.864-6.864 6.864m3.765-5.141c-.206-.103-1.22-.602-1.41-.671s-.326-.104-.464.103c-.137.207-.533.672-.653.809-.12.138-.241.155-.447.051-.207-.103-.872-.32-1.66-1.024-.613-.547-1.028-1.222-1.148-1.43-.12-.206-.013-.318.09-.42.093-.093.207-.241.31-.362.103-.12.137-.206.206-.344.07-.138.035-.258-.017-.361-.051-.104-.464-1.12-.636-1.532-.168-.403-.338-.348-.464-.355a8 8 0 0 0-.396-.007.76.76 0 0 0-.55.258c-.19.207-.723.706-.723 1.722 0 1.015.74 1.997.843 2.135s1.455 2.221 3.525 3.116c.492.212.877.34 1.177.434.494.158.944.135 1.3.082.396-.06 1.22-.499 1.392-.981s.172-.895.12-.981c-.05-.086-.189-.138-.395-.241z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWhatsapp20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWhatsapp20/index.js

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

package/src/components/SocialWhatsapp24/SocialWhatsapp24.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.004 4.906A9.84 9.84 0 0 0 11.994 2c-5.463 0-9.909 4.445-9.91 9.91a9.9 9.9 0 0 0 1.322 4.954L2 22l5.254-1.378a9.9 9.9 0 0 0 4.736 1.206h.004c5.462 0 9.908-4.446 9.91-9.91a9.85 9.85 0 0 0-2.9-7.011m-7.01 15.248h-.003a8.2 8.2 0 0 1-4.193-1.148l-.3-.178-3.119.817.832-3.04-.195-.311a8.2 8.2 0 0 1-1.26-4.384c.002-4.541 3.697-8.236 8.241-8.236 2.2 0 4.268.858 5.824 2.416a8.19 8.19 0 0 1 2.41 5.827c-.002 4.542-3.697 8.237-8.237 8.237m4.518-6.169c-.248-.124-1.465-.722-1.692-.805s-.392-.124-.557.124-.64.806-.784.97c-.145.166-.29.187-.537.062-.247-.124-1.045-.385-1.991-1.228-.736-.657-1.233-1.468-1.378-1.716s-.015-.382.109-.505c.11-.111.247-.29.371-.434s.165-.248.248-.413.041-.31-.02-.434c-.063-.124-.558-1.342-.764-1.838-.201-.483-.406-.417-.557-.425-.145-.008-.31-.009-.475-.009a.9.9 0 0 0-.66.31c-.228.248-.867.847-.867 2.066s.887 2.396 1.01 2.561c.125.166 1.747 2.667 4.231 3.74a14 14 0 0 0 1.412.521c.593.19 1.133.162 1.56.099.475-.072 1.464-.6 1.67-1.178.207-.578.207-1.074.145-1.177s-.227-.166-.475-.29z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWhatsapp24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWhatsapp24/index.js

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

package/src/components/SocialWhatsapp32/SocialWhatsapp32.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.339 6.542a13.13 13.13 0 0 0-9.347-3.875C8.708 2.667 2.78 8.594 2.778 15.88a13.2 13.2 0 0 0 1.764 6.606l-1.875 6.848 7.005-1.838a13.2 13.2 0 0 0 6.314 1.608h.006c7.283 0 13.211-5.928 13.214-13.213a13.13 13.13 0 0 0-3.867-9.348m-9.347 20.33h-.004c-1.97 0-3.904-.53-5.59-1.53l-.402-.238-4.157 1.09 1.11-4.053-.261-.415a10.96 10.96 0 0 1-1.68-5.845c.003-6.056 4.93-10.982 10.989-10.982a10.9 10.9 0 0 1 7.764 3.22 10.92 10.92 0 0 1 3.214 7.77c-.003 6.056-4.93 10.983-10.983 10.983m6.024-8.224c-.33-.166-1.953-.964-2.256-1.074s-.523-.166-.742.165c-.22.33-.853 1.074-1.046 1.294s-.385.248-.715.083c-.33-.166-1.394-.514-2.656-1.639-.981-.875-1.644-1.956-1.836-2.287s-.02-.51.144-.674c.148-.148.33-.385.496-.578s.22-.33.33-.55.055-.414-.028-.58c-.082-.164-.742-1.79-1.018-2.45-.268-.644-.54-.557-.742-.568-.193-.009-.413-.01-.633-.01s-.578.081-.881.412-1.156 1.13-1.156 2.754 1.183 3.196 1.349 3.416 2.328 3.555 5.64 4.986c.787.34 1.403.544 1.882.696.791.251 1.51.216 2.08.13.634-.094 1.953-.798 2.228-1.57.275-.77.275-1.432.193-1.57-.083-.137-.303-.22-.633-.385z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWhatsapp32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWhatsapp32/index.js

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

package/src/components/SocialWhatsapp48/SocialWhatsapp48.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.008 9.813A19.69 19.69 0 0 0 23.988 4C13.062 4 4.17 12.89 4.166 23.82a19.8 19.8 0 0 0 2.646 9.908L4 44l10.508-2.756a19.8 19.8 0 0 0 9.471 2.412h.009c10.923 0 19.816-8.892 19.82-19.82a19.7 19.7 0 0 0-5.8-14.022zm-14.02 30.496h-.007c-2.956-.001-5.855-.796-8.385-2.296l-.602-.358-6.235 1.636 1.664-6.08-.392-.623a16.43 16.43 0 0 1-2.518-8.768c.003-9.082 7.394-16.473 16.481-16.473 4.4.002 8.537 1.718 11.647 4.832a16.37 16.37 0 0 1 4.82 11.655c-.003 9.084-7.393 16.474-16.473 16.474m9.036-12.338c-.495-.248-2.93-1.446-3.384-1.611-.455-.166-.784-.248-1.114.248s-1.28 1.612-1.568 1.942c-.29.33-.578.371-1.073.123-.496-.248-2.091-.77-3.983-2.458-1.473-1.313-2.467-2.934-2.756-3.43-.289-.497-.03-.765.217-1.01.222-.223.495-.58.743-.868.248-.29.33-.497.495-.826.166-.331.083-.62-.04-.868-.124-.248-1.114-2.686-1.528-3.677-.402-.966-.81-.835-1.114-.85a20 20 0 0 0-.949-.018c-.33 0-.867.124-1.321.62s-1.734 1.694-1.734 4.131 1.775 4.793 2.023 5.124 3.492 5.332 8.46 7.478c1.182.51 2.104.816 2.824 1.044 1.186.377 2.265.324 3.119.197.951-.143 2.93-1.199 3.342-2.355.413-1.157.413-2.15.29-2.356-.124-.206-.455-.33-.95-.578z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWhatsapp48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWhatsapp48/index.js

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

package/src/components/SocialWhatsapp64/SocialWhatsapp64.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="M50.677 13.083c-4.99-4.995-11.624-7.747-18.694-7.75-14.567 0-26.423 11.855-26.428 26.426A26.37 26.37 0 0 0 9.083 44.97l-3.75 13.695 14.01-3.674a26.4 26.4 0 0 0 12.629 3.216h.011c14.565 0 26.422-11.856 26.427-26.428.003-7.061-2.743-13.7-7.733-18.696M31.983 53.745h-.009a21.94 21.94 0 0 1-11.18-3.062l-.802-.476-8.314 2.18 2.219-8.106-.522-.831a21.9 21.9 0 0 1-3.359-11.69c.006-12.11 9.86-21.964 21.976-21.964a21.82 21.82 0 0 1 15.53 6.442 21.83 21.83 0 0 1 6.427 15.54c-.005 12.112-9.859 21.965-21.966 21.965zm12.049-16.451c-.66-.33-3.907-1.927-4.513-2.148-.606-.22-1.045-.33-1.485.33-.44.662-1.706 2.15-2.09 2.59-.386.44-.771.495-1.432.164s-2.787-1.027-5.31-3.277c-1.963-1.75-3.289-3.913-3.674-4.574s-.04-1.019.289-1.347c.296-.297.66-.772.991-1.157s.44-.661.66-1.101c.22-.441.11-.826-.054-1.157-.165-.33-1.485-3.581-2.037-4.903-.536-1.287-1.08-1.112-1.485-1.134a27 27 0 0 0-1.266-.023c-.44 0-1.155.165-1.761.826-.606.662-2.311 2.26-2.311 5.509s2.365 6.39 2.696 6.831 4.657 7.11 11.28 9.972a38 38 0 0 0 3.765 1.391c1.582.503 3.021.432 4.16.262 1.268-.19 3.906-1.597 4.456-3.14.55-1.542.55-2.865.385-3.14-.164-.275-.605-.44-1.266-.771z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWhatsapp64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWhatsapp64/index.js

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

package/src/components/SocialWorkplace20/SocialWorkplace20.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 d="M18.15 8.987a7.32 7.32 0 0 0-7.32-7.32 8.15 8.15 0 0 0-3.238.661 8.3 8.3 0 0 0-2.65 1.787A8.27 8.27 0 0 0 2.5 10.003a8.28 8.28 0 0 0 2.442 5.888 8.4 8.4 0 0 0 2.65 1.788 8.3 8.3 0 0 0 3.244.655 8.4 8.4 0 0 0 3.067-.582l-.63-1.591a6.6 6.6 0 0 1-2.437.465 6.58 6.58 0 0 1-4.682-1.94 6.58 6.58 0 0 1-1.94-4.683c0-1.768.691-3.433 1.94-4.682a6.6 6.6 0 0 1 4.682-1.94 5.606 5.606 0 0 1 4.677 8.697l-1.457-3.586c-.214-.527-.471-1.316-1.439-1.316-.967 0-1.224.795-1.432 1.316l-1.34 3.31-1.8-4.54h-1.89l2.24 5.52c.226.557.477 1.316 1.45 1.316s1.218-.759 1.444-1.316l1.328-3.28 1.335 3.28c.27.68.557 1.316 1.444 1.316.63 0 1.029-.404 1.249-.667a7.3 7.3 0 0 0 1.506-4.444"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWorkplace20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWorkplace20/index.js

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

package/src/components/SocialWorkplace24/SocialWorkplace24.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 d="M21.78 10.784A8.785 8.785 0 0 0 12.997 2a9.8 9.8 0 0 0-3.885.793 10 10 0 0 0-3.18 2.145A9.93 9.93 0 0 0 3 12.004a9.94 9.94 0 0 0 2.93 7.065c.919.919 1.991 1.638 3.18 2.145a9.9 9.9 0 0 0 3.894.786c1.3 0 2.541-.25 3.68-.698l-.757-1.91a7.9 7.9 0 0 1-2.923.559c-2.123 0-4.12-.83-5.62-2.329a7.9 7.9 0 0 1-2.327-5.618 7.9 7.9 0 0 1 2.328-5.62 7.91 7.91 0 0 1 5.619-2.327 6.727 6.727 0 0 1 5.611 10.437l-1.748-4.305c-.257-.631-.566-1.579-1.726-1.579s-1.469.955-1.719 1.58l-1.608 3.973-2.16-5.45h-2.27l2.69 6.625c.27.669.572 1.58 1.74 1.58s1.461-.911 1.733-1.58l1.594-3.937 1.601 3.937c.323.815.669 1.58 1.734 1.58.756 0 1.234-.485 1.498-.801a8.74 8.74 0 0 0 1.807-5.333"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWorkplace24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWorkplace24/index.js

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

package/src/components/SocialWorkplace32/SocialWorkplace32.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 d="M29.041 14.38c0-6.474-5.25-11.713-11.713-11.713-1.792 0-3.545.353-5.18 1.058a13.3 13.3 0 0 0-4.24 2.86A13.24 13.24 0 0 0 4 16.004a13.25 13.25 0 0 0 3.907 9.421 13.4 13.4 0 0 0 4.24 2.86 13.2 13.2 0 0 0 5.191 1.048 13.4 13.4 0 0 0 4.907-.93l-1.01-2.547c-1.204.48-2.516.744-3.897.744-2.83 0-5.494-1.106-7.492-3.104a10.54 10.54 0 0 1-3.104-7.492c0-2.83 1.107-5.494 3.104-7.492a10.55 10.55 0 0 1 7.492-3.104 8.97 8.97 0 0 1 7.482 13.916l-2.33-5.739c-.343-.842-.755-2.105-2.302-2.105s-1.959 1.273-2.292 2.105l-2.144 5.298-2.88-7.266H9.847l3.585 8.833c.362.891.764 2.106 2.32 2.106 1.558 0 1.95-1.215 2.312-2.106l2.125-5.249 2.135 5.25c.43 1.086.891 2.105 2.311 2.105 1.009 0 1.645-.647 1.998-1.068a11.66 11.66 0 0 0 2.409-7.11"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWorkplace32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWorkplace32/index.js

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

package/src/components/SocialWorkplace48/SocialWorkplace48.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 d="M43.562 21.569C43.562 11.859 35.688 4 25.992 4c-2.688 0-5.317.529-7.77 1.586a19.9 19.9 0 0 0-6.36 4.29A19.86 19.86 0 0 0 6 24.007c0 2.703.529 5.318 1.572 7.786a20 20 0 0 0 4.29 6.346 20.1 20.1 0 0 0 6.36 4.29A19.8 19.8 0 0 0 26.007 44c2.6 0 5.083-.5 7.36-1.395l-1.513-3.82a15.8 15.8 0 0 1-5.847 1.117c-4.245 0-8.24-1.66-11.237-4.657a15.8 15.8 0 0 1-4.657-11.238c0-4.245 1.66-8.24 4.657-11.237 3.011-2.997 6.992-4.657 11.237-4.657 7.433 0 13.456 6.023 13.456 13.456a13.4 13.4 0 0 1-2.233 7.418l-3.496-8.608c-.514-1.263-1.131-3.158-3.452-3.158s-2.938 1.91-3.437 3.158l-3.217 7.947-4.32-10.9H14.77l5.376 13.25c.544 1.337 1.146 3.159 3.482 3.159s2.923-1.822 3.466-3.159l3.188-7.873 3.202 7.873c.647 1.631 1.337 3.159 3.467 3.159 1.513 0 2.468-.97 2.997-1.601a17.5 17.5 0 0 0 3.614-10.665"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWorkplace48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWorkplace48/index.js

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

package/src/components/SocialWorkplace64/SocialWorkplace64.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 d="M58.082 28.758c0-12.946-10.498-23.425-23.425-23.425-3.584 0-7.09.705-10.361 2.115a26.6 26.6 0 0 0-8.481 5.72A26.48 26.48 0 0 0 8 32.01a26.5 26.5 0 0 0 2.096 10.38 26.7 26.7 0 0 0 5.719 8.461 26.8 26.8 0 0 0 8.48 5.72 26.4 26.4 0 0 0 10.381 2.095c3.467 0 6.777-.666 9.813-1.86l-2.017-5.093a21 21 0 0 1-7.796 1.489 21.07 21.07 0 0 1-14.983-6.209 21.07 21.07 0 0 1-6.209-14.983c0-5.661 2.213-10.988 6.209-14.984 4.015-3.996 9.323-6.209 14.983-6.209 9.911 0 17.941 8.03 17.941 17.941a17.9 17.9 0 0 1-2.977 9.891L44.98 27.172c-.686-1.685-1.508-4.211-4.603-4.211s-3.917 2.546-4.583 4.21l-4.29 10.597-5.758-14.533h-6.052l7.169 17.667c.724 1.782 1.527 4.21 4.642 4.21 3.114 0 3.897-2.428 4.622-4.21l4.25-10.499 4.27 10.499c.862 2.174 1.782 4.21 4.622 4.21 2.017 0 3.29-1.292 3.996-2.134a23.32 23.32 0 0 0 4.818-14.22"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialWorkplace64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialWorkplace64/index.js

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

package/src/components/SocialX20/SocialX20.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 d="M14.835 2.5h2.554L11.78 8.887l6.554 8.664H13.19l-4.027-5.265-4.61 5.264H2l5.943-6.83L1.667 2.5h5.27l3.638 4.81zm-.894 13.551h1.416L6.193 3.944H4.672z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialX20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialX20/index.js

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

package/src/components/SocialX24/SocialX24.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 d="M17.801 3h3.066l-6.731 7.664L22 21.061h-6.171l-4.832-6.318-5.531 6.318H2.4l7.13-8.198L2 3h6.325l4.365 5.771zm-1.073 16.261h1.7L7.432 4.733H5.605z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialX24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialX24/index.js

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

package/src/components/SocialX32/SocialX32.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 d="M23.736 4h4.087l-8.975 10.219L29.334 28.08h-8.229l-6.442-8.424-7.375 8.424H3.2l9.508-10.93L2.667 4H11.1l5.82 7.695zm-1.431 21.682h2.266L9.909 6.31H7.474z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialX32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialX32/index.js

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

package/src/components/SocialX48/SocialX48.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 d="M35.603 6h6.131L28.272 21.328 44 42.121H31.657l-9.663-12.636-11.063 12.636H4.8l14.262-16.394L4 6h12.65l8.73 11.543zm-2.146 32.523h3.399L14.863 9.466h-3.652z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialX48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialX48/index.js

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

package/src/components/SocialX64/SocialX64.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 d="M47.47 8h8.175l-17.95 20.438 20.971 27.724H42.21L29.325 39.314l-14.75 16.848H6.398l19.016-21.86L5.333 8h16.865L33.84 23.39zM44.61 51.363h4.532L19.817 12.621h-4.87z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialX64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialX64/index.js

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

package/src/components/SocialYoutube20/SocialYoutube20.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 d="M17.987 5.989a2.09 2.09 0 0 0-1.474-1.474C15.213 4.167 10 4.167 10 4.167s-5.212 0-6.511.348A2.09 2.09 0 0 0 2.015 5.99c-.348 1.3-.348 4.012-.348 4.012s0 2.712.348 4.011a2.09 2.09 0 0 0 1.474 1.474c1.3.348 6.511.348 6.511.348s5.212 0 6.512-.348a2.09 2.09 0 0 0 1.473-1.474c.349-1.299.349-4.011.349-4.011s0-2.713-.349-4.012zM8.333 12.5v-5l4.33 2.5z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialYoutube20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialYoutube20/index.js

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

package/src/components/SocialYoutube24/SocialYoutube24.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 d="M21.584 7.186a2.5 2.5 0 0 0-1.769-1.768C18.255 5 12 5 12 5s-6.255 0-7.814.418a2.5 2.5 0 0 0-1.768 1.768C2 8.746 2 12 2 12s0 3.255.418 4.814c.23.861.907 1.538 1.768 1.768 1.56.419 7.814.419 7.814.419s6.255 0 7.814-.419a2.5 2.5 0 0 0 1.768-1.768C22 15.255 22 12 22 12s0-3.255-.418-4.814zM10 15V9l5.196 3z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialYoutube24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialYoutube24/index.js

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

package/src/components/SocialYoutube32/SocialYoutube32.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 d="M28.778 9.582a3.34 3.34 0 0 0-2.357-2.357C24.34 6.667 16 6.667 16 6.667s-8.34 0-10.419.558a3.34 3.34 0 0 0-2.357 2.357c-.558 2.079-.558 6.419-.558 6.419s0 4.34.558 6.418a3.34 3.34 0 0 0 2.357 2.358c2.079.558 10.418.558 10.418.558s8.34 0 10.419-.558a3.34 3.34 0 0 0 2.357-2.358c.558-2.078.558-6.418.558-6.418s0-4.34-.558-6.419zM13.333 20v-7.999l6.928 4z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialYoutube32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialYoutube32/index.js

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

package/src/components/SocialYoutube48/SocialYoutube48.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 d="M43.167 14.373a5.01 5.01 0 0 0-3.536-3.537C36.509 10 24 10 24 10s-12.51 0-15.627.836a5.01 5.01 0 0 0-3.537 3.537C4 17.49 4 24 4 24s0 6.51.836 9.628a5.01 5.01 0 0 0 3.537 3.536c3.118.836 15.627.836 15.627.836s12.51 0 15.627-.836a5.01 5.01 0 0 0 3.537-3.536C44 30.51 44 24 44 24s0-6.51-.836-9.628zM19.999 30V18.001l10.392 6z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialYoutube48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialYoutube48/index.js

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

package/src/components/SocialYoutube64/SocialYoutube64.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 d="M57.556 19.163a6.68 6.68 0 0 0-4.716-4.715C48.678 13.333 32 13.333 32 13.333s-16.68 0-20.837 1.115a6.68 6.68 0 0 0-4.715 4.715c-1.115 4.158-1.115 12.838-1.115 12.838s0 8.68 1.115 12.837a6.68 6.68 0 0 0 4.715 4.715C15.321 50.668 32 50.668 32 50.668s16.678 0 20.836-1.115a6.68 6.68 0 0 0 4.715-4.715C58.666 40.68 58.666 32 58.666 32s0-8.68-1.115-12.838zM26.666 40V24l13.855 8z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SocialYoutube64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SocialYoutube64/index.js

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

package/src/components/SortDown20/SortDown20.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"><g fill-rule="evenodd"><path d="M13.447 18.03a.75.75 0 0 1-1.06 0l-3.75-3.75a.75.75 0 0 1 1.06-1.06l2.47 2.47V9.167a.75.75 0 0 1 1.5 0v6.523l2.47-2.47a.75.75 0 1 1 1.06 1.06z"/><path d="M6.553 1.97a.75.75 0 0 1 1.06 0l3.75 3.75a.75.75 0 0 1-1.06 1.06l-2.47-2.47v6.523a.75.75 0 0 1-1.5 0V4.311l-2.47 2.47a.75.75 0 0 1-1.06-1.061z" opacity=".2"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortDown20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortDown20/index.js

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

package/src/components/SortDown24/SortDown24.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"><g fill-rule="evenodd"><path d="M16.207 21.707a1 1 0 0 1-1.414 0l-4.5-4.5a1 1 0 1 1 1.414-1.414l2.793 2.793V11a1 1 0 1 1 2 0v7.586l2.793-2.793a1 1 0 0 1 1.414 1.414z"/><path d="M7.793 2.293a1 1 0 0 1 1.414 0l4.5 4.5a1 1 0 0 1-1.414 1.414L9.5 5.414V13a1 1 0 1 1-2 0V5.414L4.707 8.207a1 1 0 0 1-1.414-1.414z" opacity=".2"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortDown24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortDown24/index.js

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

package/src/components/SortDown32/SortDown32.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"><g fill-rule="evenodd"><path d="M21.374 28.707a1 1 0 0 1-1.414 0l-6-6a1 1 0 0 1 1.414-1.414l4.293 4.293V14.667a1 1 0 1 1 2 0v10.92l4.293-4.294a1 1 0 0 1 1.414 1.414z"/><path d="M10.626 3.293a1 1 0 0 1 1.414 0l6 6a1 1 0 0 1-1.414 1.414l-4.293-4.293v10.92a1 1 0 1 1-2 0V6.413L6.04 10.707a1 1 0 0 1-1.414-1.414z" opacity=".2"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortDown32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortDown32/index.js

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

package/src/components/SortDown48/SortDown48.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"><g fill-rule="evenodd"><path d="M31 43.5a1.5 1.5 0 0 1-1.06-.44l-9-9a1.5 1.5 0 0 1 2.12-2.12l6.44 6.439V22a1.5 1.5 0 0 1 3 0v16.379l6.44-6.44a1.5 1.5 0 0 1 2.12 2.122l-9 9A1.5 1.5 0 0 1 31 43.5"/><path d="M15.94 4.94a1.5 1.5 0 0 1 2.12 0l9 9a1.5 1.5 0 0 1-2.12 2.12L18.5 9.622V26a1.5 1.5 0 0 1-3 0V9.621l-6.44 6.44a1.5 1.5 0 0 1-2.12-2.122z" opacity=".2"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortDown48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortDown48/index.js

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