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

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 };

package/src/components/SortDown64/SortDown64.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"><g fill-rule="evenodd"><path d="M42.394 57.06a1.5 1.5 0 0 1-2.122 0l-12-12a1.5 1.5 0 0 1 2.122-2.121l9.439 9.44V29.332a1.5 1.5 0 0 1 3 0v23.045l9.44-9.439a1.5 1.5 0 0 1 2.12 2.121z"/><path d="M21.606 6.94a1.5 1.5 0 0 1 2.122 0l12 12a1.5 1.5 0 0 1-2.122 2.12l-9.439-9.439v23.046a1.5 1.5 0 0 1-3 0V11.62l-9.44 9.44a1.5 1.5 0 0 1-2.12-2.122z" opacity=".2"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortDown64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortDown64/index.js

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

package/src/components/SortTop20/SortTop20.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" opacity=".2"/><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"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortTop20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortTop20/index.js

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

package/src/components/SortTop24/SortTop24.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" opacity=".2"/><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"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortTop24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortTop24/index.js

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

package/src/components/SortTop32/SortTop32.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" opacity=".2"/><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"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortTop32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortTop32/index.js

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

package/src/components/SortTop48/SortTop48.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" opacity=".2"/><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"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortTop48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortTop48/index.js

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

package/src/components/SortTop64/SortTop64.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"><g fill-rule="evenodd"><path d="M42.394 57.06a1.5 1.5 0 0 1-2.122 0l-12-12a1.5 1.5 0 0 1 2.122-2.121l9.439 9.44V29.332a1.5 1.5 0 0 1 3 0v23.045l9.44-9.439a1.5 1.5 0 0 1 2.12 2.121z" opacity=".2"/><path d="M21.606 6.94a1.5 1.5 0 0 1 2.122 0l12 12a1.5 1.5 0 0 1-2.122 2.12l-9.439-9.439v23.046a1.5 1.5 0 0 1-3 0V11.62l-9.44 9.44a1.5 1.5 0 0 1-2.12-2.122z"/></g></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortTop64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortTop64/index.js

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

package/src/components/SortTopDown20/SortTopDown20.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.613 1.97a.75.75 0 0 0-1.06 0l-3.75 3.75a.75.75 0 1 0 1.06 1.06l2.47-2.47v6.523a.75.75 0 0 0 1.5 0V4.311l2.47 2.47a.75.75 0 1 0 1.06-1.061zm4.773 16.06a.75.75 0 0 0 1.06 0l3.75-3.75a.75.75 0 1 0-1.06-1.06l-2.47 2.47V9.166a.75.75 0 1 0-1.5 0v6.522l-2.47-2.47a.75.75 0 0 0-1.06 1.061z"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortTopDown20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortTopDown20/index.js

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

package/src/components/SortTopDown24/SortTopDown24.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.207 2.293a1 1 0 0 0-1.414 0l-4.5 4.5a1 1 0 0 0 1.414 1.414L7.5 5.414V13a1 1 0 1 0 2 0V5.414l2.793 2.793a1 1 0 1 0 1.414-1.414zm1.086 14.914 4.5 4.5a1 1 0 0 0 1.414 0l4.5-4.5a1 1 0 0 0-1.414-1.414L16.5 18.586V11a1 1 0 1 0-2 0v7.586l-2.793-2.793a1 1 0 0 0-1.414 1.414"/></svg></template>
+<script lang="ts">
+export default {
+    name: 'SortTopDown24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/SortTopDown24/index.js

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