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

package/src/components/PickupLocationColoured48/PickupLocationColoured48.vue

@@ -0,0 +1,19 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill="#fff" d="M14 9h20v22H14V9Z"/>
+  <path fill-rule="evenodd" d="M25.062 43.06 24.002 42l-1.019 1.102-.003-.003-.008-.008-.03-.028a41.867 41.867 0 0 1-.541-.513 89.682 89.682 0 0 1-6.171-6.583c-1.716-2.034-3.488-4.35-4.903-6.691-1.4-2.317-2.525-4.78-2.814-7.09C7.412 13.377 14.014 4.5 24 4.5c5.033 0 9.189 2.522 11.922 5.938 2.713 3.392 4.132 7.798 3.563 11.774-.295 2.068-1.433 4.41-2.817 6.654-1.408 2.281-3.172 4.62-4.882 6.709a113.795 113.795 0 0 1-6.684 7.444l-.03.03-.008.008-.002.003ZM24.002 42l1.06 1.06a1.5 1.5 0 0 1-2.078.042L24 42ZM29 15.991l-7.984-4.563L24 9.723l7.985 4.563L29 15.99Zm.496 2.02L33 16.009v9.125l-8 4.571V20.58l4.496-2.569ZM23 20.581v9.124l-8-4.571v-9.125l8 4.571Zm1-1.733-7.984-4.562L19 12.58l7.985 4.563L24 18.848Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'PickupLocationColoured48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/PickupLocationColoured64/PickupLocationColoured64.vue

@@ -0,0 +1,19 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill="#fff" d="M18.667 12h26.666v29.333H18.667V12Z"/>
+  <path fill-rule="evenodd" d="M33.063 57.06 32.002 56a290.212 290.212 0 0 1-1.018 1.102l-.001-.001-.003-.003-.01-.01-.04-.037a54.655 54.655 0 0 1-.715-.678 119.084 119.084 0 0 1-8.193-8.739c-2.279-2.7-4.624-5.767-6.491-8.858-1.853-3.067-3.312-6.28-3.684-9.257C10.412 18.044 19.014 6.5 32.002 6.5c6.532 0 11.938 3.272 15.505 7.73 3.546 4.433 5.382 10.172 4.647 15.316-.38 2.65-1.85 5.702-3.688 8.68-1.861 3.015-4.198 6.114-6.47 8.89a151.136 151.136 0 0 1-8.73 9.74l-.101.102-.049.049-.04.04-.01.01-.002.002-.001.001ZM32.002 56l1.06 1.06a1.5 1.5 0 0 1-2.078.042L32.002 56Zm6.665-34.295-11.318-6.467L32 12.58l11.318 6.467-4.651 2.658Zm.496 2.02 5.17-2.954v12.934L33 40.181V27.247l6.163-3.522ZM31 27.247V40.18l-11.333-6.476V20.771L31 27.247Zm1-1.732-11.318-6.468 4.651-2.657 11.318 6.467L32 25.515Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'PickupLocationColoured64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/PickupLocationFilled20/PickupLocationFilled20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M10.53 18.03 10 17.5c-.508.551-.508.551-.509.55l-.005-.004-.012-.012-.049-.045c-.041-.039-.102-.096-.178-.17a37.465 37.465 0 0 1-2.58-2.752c-.718-.85-1.46-1.82-2.055-2.804-.586-.97-1.066-2.015-1.19-3.003C2.957 5.522 5.758 1.75 10 1.75c2.142 0 3.907 1.074 5.065 2.521 1.149 1.436 1.754 3.305 1.511 5.002-.127.888-.612 1.882-1.191 2.82-.59.957-1.33 1.936-2.044 2.809a47.576 47.576 0 0 1-2.745 3.063l-.048.048-.012.012-.004.004-.001.001ZM10 17.5l.53.53a.75.75 0 0 1-1.038.021L10 17.5Zm2.083-10.933L8.924 4.762 10 4.147l3.159 1.805-1.076.615Zm.248 1.01 1.335-.763v3.61l-3.166 1.81v-3.61l1.831-1.047ZM9.5 8.623v3.61l-3.167-1.809v-3.61L9.5 8.624Zm.5-.866L6.84 5.952l1.076-.614 3.158 1.805L10 7.757Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'PickupLocationFilled20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/PickupLocationFilled24/PickupLocationFilled24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M12.708 21.707 12.001 21l-.679.735-.002-.002-.004-.004-.016-.015-.058-.054-.215-.205a45.065 45.065 0 0 1-3.103-3.31c-.863-1.023-1.758-2.192-2.474-3.378-.707-1.169-1.29-2.437-1.442-3.643C3.441 6.584 6.843 2 12.001 2c2.605 0 4.75 1.306 6.156 3.063 1.392 1.74 2.13 4.01 1.834 6.079-.155 1.086-.748 2.294-1.444 3.422-.712 1.154-1.601 2.332-2.46 3.382a57.142 57.142 0 0 1-3.3 3.682l-.058.058-.015.015-.004.004-.002.002ZM12.001 21l.707.707a1 1 0 0 1-1.386.028l.679-.735Zm2.5-13.005-3.993-2.28L12 4.861l3.992 2.28-1.492.853Zm.247 1.01 1.752-1v4.562l-4 2.286V10.29l2.248-1.285ZM11.5 10.29v4.563l-4-2.286V8.004l4 2.286Zm.5-.866L8.008 7.143 9.5 6.29l3.992 2.281L12 9.424Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'PickupLocationFilled24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/PickupLocationFilled32/PickupLocationFilled32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M16.708 28.707 16.001 28l-.679.735v-.001l-.002-.001-.005-.006-.02-.018a55.538 55.538 0 0 1-1.37-1.34 59.776 59.776 0 0 1-3.105-3.39c-1.144-1.357-2.326-2.9-3.269-4.462-.933-1.544-1.683-3.187-1.876-4.726C4.941 8.918 9.343 3 16.001 3c3.355 0 6.126 1.681 7.947 3.959 1.81 2.26 2.755 5.198 2.376 7.85-.197 1.378-.956 2.94-1.878 4.435-.939 1.52-2.115 3.08-3.255 4.473a75.88 75.88 0 0 1-4.38 4.886l-.076.076-.02.02-.005.006-.001.001ZM16.001 28l.707.707a1 1 0 0 1-1.385.028L16 28Zm3.332-17.147-5.658-3.234L16 6.29l5.659 3.234-2.326 1.329Zm.248 1.01 2.586-1.478v6.468L16.5 20.09v-6.468l3.081-1.76Zm-4.081 1.76v6.468l-5.667-3.238v-6.468l5.667 3.238Zm.5-.866-5.659-3.233 2.326-1.33 5.659 3.234L16 12.758Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'PickupLocationFilled32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/PickupLocationFilled48/PickupLocationFilled48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M25.062 43.06 24.002 42l-1.019 1.102-.003-.003-.008-.008-.03-.028a41.867 41.867 0 0 1-.541-.513 89.682 89.682 0 0 1-6.171-6.583c-1.716-2.034-3.488-4.35-4.903-6.691-1.4-2.317-2.525-4.78-2.814-7.09C7.412 13.377 14.014 4.5 24 4.5c5.033 0 9.189 2.522 11.922 5.938 2.713 3.392 4.132 7.798 3.563 11.774-.295 2.068-1.433 4.41-2.817 6.654-1.408 2.281-3.172 4.62-4.882 6.709a113.795 113.795 0 0 1-6.684 7.444l-.03.03-.008.008-.002.003ZM24.002 42l1.06 1.06a1.5 1.5 0 0 1-2.078.042L24 42ZM29 15.991l-7.984-4.563L24 9.723l7.985 4.563L29 15.99Zm.496 2.02L33 16.009v9.125l-8 4.571V20.58l4.496-2.569ZM23 20.581v9.124l-8-4.571v-9.125l8 4.571Zm1-1.733-7.984-4.562L19 12.58l7.985 4.563L24 18.848Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'PickupLocationFilled48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/PickupLocationFilled64/PickupLocationFilled64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M33.063 57.06 32.002 56a290.212 290.212 0 0 1-1.018 1.102l-.001-.001-.003-.003-.01-.01-.04-.037a54.655 54.655 0 0 1-.715-.678 119.084 119.084 0 0 1-8.193-8.739c-2.279-2.7-4.624-5.767-6.491-8.858-1.853-3.067-3.312-6.28-3.684-9.257C10.412 18.044 19.014 6.5 32.002 6.5c6.532 0 11.938 3.272 15.505 7.73 3.546 4.433 5.382 10.172 4.647 15.316-.38 2.65-1.85 5.702-3.688 8.68-1.861 3.015-4.198 6.114-6.47 8.89a151.136 151.136 0 0 1-8.73 9.74l-.101.102-.049.049-.04.04-.01.01-.002.002-.001.001ZM32.002 56l1.06 1.06a1.5 1.5 0 0 1-2.078.042L32.002 56Zm6.665-34.295-11.318-6.467L32 12.58l11.318 6.467-4.651 2.658Zm.496 2.02 5.17-2.954v12.934L33 40.181V27.247l6.163-3.522ZM31 27.247V40.18l-11.333-6.476V20.771L31 27.247Zm1-1.732-11.318-6.468 4.651-2.657 11.318 6.467L32 25.515Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'PickupLocationFilled64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Pipe20/Pipe20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M5.833 1.75a.75.75 0 0 1 .75.75v.083h4.667a3.667 3.667 0 0 1 3.667 3.667v7.167H15a.75.75 0 0 1 0 1.5h-.083V17.5a.75.75 0 0 1-.75.75H10a.75.75 0 0 1-.75-.75v-2.583h-.083a.75.75 0 0 1 0-1.5h.083V8.25H6.583v.083a.75.75 0 1 1-1.5 0V8.25H2.5a.75.75 0 0 1-.75-.75V3.333a.75.75 0 0 1 .75-.75h2.583V2.5a.75.75 0 0 1 .75-.75Zm4.917 13.167v1.833h2.667v-1.833H10.75Zm2.667-1.5H10.75V7.5a.75.75 0 0 0-.75-.75H6.583V4.083h4.667c1.197 0 2.167.97 2.167 2.167v7.167ZM3.25 4.083h1.833V6.75H3.25V4.083Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Pipe20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Pipe24/Pipe24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M7 2a1 1 0 0 1 1 1h5.5A4.5 4.5 0 0 1 18 7.5V16a1 1 0 1 1 0 2v3a1 1 0 0 1-1 1h-5a1 1 0 0 1-1-1v-3a1 1 0 1 1 0-2v-6H8a1 1 0 1 1-2 0H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h3a1 1 0 0 1 1-1Zm6 16v2h3v-2h-3Zm3-2h-3V9a1 1 0 0 0-1-1H8V5h5.5A2.5 2.5 0 0 1 16 7.5V16ZM4 5h2v3H4V5Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Pipe24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Pipe32/Pipe32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M9.333 3a1 1 0 0 1 1 1v.333H18A5.667 5.667 0 0 1 23.667 10v11.667H24a1 1 0 1 1 0 2h-.333V28a1 1 0 0 1-1 1H16a1 1 0 0 1-1-1v-4.333h-.333a1 1 0 1 1 0-2H15V13h-4.667v.333a1 1 0 1 1-2 0V13H4a1 1 0 0 1-1-1V5.333a1 1 0 0 1 1-1h4.333V4a1 1 0 0 1 1-1ZM17 23.667V27h4.667v-3.333H17Zm4.667-2H17V12a1 1 0 0 0-1-1h-5.667V6.333H18A3.667 3.667 0 0 1 21.667 10v11.667ZM5 6.333h3.333V11H5V6.333Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Pipe32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Pipe48/Pipe48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M14 4.5A1.5 1.5 0 0 1 15.5 6v.5H27a8.5 8.5 0 0 1 8.5 8.5v17.5h.5a1.5 1.5 0 0 1 0 3h-.5V42a1.5 1.5 0 0 1-1.5 1.5H24a1.5 1.5 0 0 1-1.5-1.5v-6.5H22a1.5 1.5 0 0 1 0-3h.5v-13h-7v.5a1.5 1.5 0 0 1-3 0v-.5H6A1.5 1.5 0 0 1 4.5 18V8A1.5 1.5 0 0 1 6 6.5h6.5V6A1.5 1.5 0 0 1 14 4.5Zm11.5 31v5h7v-5h-7Zm7-3h-7V18a1.5 1.5 0 0 0-1.5-1.5h-8.5v-7H27a5.5 5.5 0 0 1 5.5 5.5v17.5Zm-25-23h5v7h-5v-7Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Pipe48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Pipe64/Pipe64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M18.667 6.5a1.5 1.5 0 0 1 1.5 1.5v1.167H36c5.983 0 10.833 4.85 10.833 10.833v23.833H48a1.5 1.5 0 0 1 0 3h-1.167V56a1.5 1.5 0 0 1-1.5 1.5H32a1.5 1.5 0 0 1-1.5-1.5v-9.167h-1.167a1.5 1.5 0 1 1 0-3H30.5V25.5H20.167v1.167a1.5 1.5 0 0 1-3 0V25.5H8A1.5 1.5 0 0 1 6.5 24V10.667a1.5 1.5 0 0 1 1.5-1.5h9.167V8a1.5 1.5 0 0 1 1.5-1.5ZM33.5 46.833V54.5h10.333v-7.667H33.5Zm10.333-3H33.5V24a1.5 1.5 0 0 0-1.5-1.5H20.167V12.167H36A7.833 7.833 0 0 1 43.833 20v23.833ZM9.5 12.167h7.667V22.5H9.5V12.167Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Pipe64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Play20/Play20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M5.46 3.516a.75.75 0 0 1 .751.003l10 5.833a.75.75 0 0 1 0 1.296l-10 5.833a.75.75 0 0 1-1.128-.648V4.167a.75.75 0 0 1 .377-.65Zm1.123 1.957v9.055L14.345 10 6.583 5.473Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Play20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Play24/Play24.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M6.502 4.133a1 1 0 0 1 1.002.003l12 7a1 1 0 0 1 0 1.728l-12 7A1 1 0 0 1 6 19V5a1 1 0 0 1 .502-.867ZM8 6.74v10.518L17.015 12 8 6.741Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Play24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Play32/Play32.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M8.835 5.8a1 1 0 0 1 1.002.003l16 9.333a1 1 0 0 1 0 1.728l-16 9.333a1 1 0 0 1-1.504-.864V6.667a1 1 0 0 1 .502-.867Zm1.498 2.608v15.184L23.35 16 10.333 8.408Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="32" height="32" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Play32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Play48/Play48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M13.253 8.7a1.5 1.5 0 0 1 1.503.004l24 14a1.5 1.5 0 0 1 0 2.592l-24 14A1.5 1.5 0 0 1 12.5 38V10a1.5 1.5 0 0 1 .753-1.3Zm2.247 3.912v22.776L35.023 24 15.5 12.612Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Play48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Play64/Play64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M17.92 12.033a1.5 1.5 0 0 1 1.503.005l32 18.666a1.5 1.5 0 0 1 0 2.592l-32 18.666a1.5 1.5 0 0 1-2.256-1.295V13.333a1.5 1.5 0 0 1 .753-1.3Zm2.247 3.912v32.11L47.69 32 20.167 15.945Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Play64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Player20/Player20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M3.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0ZM10 1.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5ZM8.518 6.028a.75.75 0 0 0-1.143.639v6.666a.75.75 0 0 0 1.143.64l5.417-3.334a.75.75 0 0 0 0-1.278L8.518 6.028ZM12.111 10l-3.236 1.991V8.01L12.111 10Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Player20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Player24/Player24.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M4 12a8 8 0 1 1 16 0 8 8 0 0 1-16 0Zm8-10C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm-1.726 5.148A1 1 0 0 0 8.75 8v8a1 1 0 0 0 1.524.852l6.5-4a1 1 0 0 0 0-1.704l-6.5-4ZM14.342 12l-3.592 2.21V9.79L14.342 12Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Player24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Player32/Player32.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16ZM16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3Zm-2.476 6.815a1 1 0 0 0-1.524.852v10.666a1 1 0 0 0 1.524.852l8.667-5.333a1 1 0 0 0 0-1.704l-8.667-5.333ZM19.76 16 14 19.544v-7.088L19.759 16Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="32" height="32" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Player32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Player48/Player48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M7.5 24c0-9.113 7.387-16.5 16.5-16.5S40.5 14.887 40.5 24 33.113 40.5 24 40.5 7.5 33.113 7.5 24ZM24 4.5C13.23 4.5 4.5 13.23 4.5 24S13.23 43.5 24 43.5 43.5 34.77 43.5 24 34.77 4.5 24 4.5Zm-3.714 10.223A1.5 1.5 0 0 0 18 16v16a1.5 1.5 0 0 0 2.286 1.278l13-8a1.5 1.5 0 0 0 0-2.555l-13-8ZM29.638 24 21 29.316V18.684L29.638 24Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Player48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Player64/Player64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M9.5 32C9.5 19.574 19.574 9.5 32 9.5S54.5 19.574 54.5 32 44.426 54.5 32 54.5 9.5 44.426 9.5 32ZM32 6.5C17.917 6.5 6.5 17.917 6.5 32S17.917 57.5 32 57.5 57.5 46.083 57.5 32 46.083 6.5 32 6.5Zm-5.214 13.556a1.5 1.5 0 0 0-2.286 1.277v21.334a1.5 1.5 0 0 0 2.286 1.277L44.12 33.278a1.5 1.5 0 0 0 0-2.555L26.786 20.056ZM40.471 32 27.5 39.982V24.018L40.471 32Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Player64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Policies20/Policies20.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M12.5 1.75a.75.75 0 0 1 .53.22c.355.354 1.127.94 2.022 1.437.914.508 1.815.843 2.448.843a.75.75 0 0 1 .75.75c0 3.54-1.333 5.999-2.68 7.571a10.732 10.732 0 0 1-1.85 1.709 8.51 8.51 0 0 1-.805.516 3.11 3.11 0 0 1-.054.028l-.016.009-.006.002-.002.002c-.001 0-.002 0-.337-.67l-.336.67h-.001l-.002-.002-.006-.002-.016-.009a3.535 3.535 0 0 1-.237-.133 8.509 8.509 0 0 1-.622-.411 10.734 10.734 0 0 1-1.85-1.709C8.084 11 6.75 8.54 6.75 5a.75.75 0 0 1 .75-.75c.633 0 1.534-.335 2.448-.843.895-.497 1.667-1.083 2.022-1.437a.75.75 0 0 1 .53-.22Zm0 12.416.335.671a.75.75 0 0 1-.67 0l.335-.67Zm0-.869a7.5 7.5 0 0 0 .342-.233 9.237 9.237 0 0 0 1.589-1.469c1.068-1.246 2.149-3.162 2.3-5.926-.822-.161-1.679-.546-2.408-.951A13.273 13.273 0 0 1 12.5 3.5c-.49.395-1.135.836-1.823 1.218-.73.405-1.586.79-2.409.952.153 2.764 1.233 4.68 2.301 5.925a9.237 9.237 0 0 0 1.589 1.469c.13.093.245.17.342.233ZM1.75 2.5a.75.75 0 0 1 .75-.75h3.333a.75.75 0 1 1 0 1.5H3.25v13.5h10.167v-.5a.75.75 0 0 1 1.5 0v1.25a.75.75 0 0 1-.75.75H2.5a.75.75 0 0 1-.75-.75v-15Zm3.333 11.667a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75Zm.75-4.084a.75.75 0 0 0 0 1.5h.417a.75.75 0 0 0 0-1.5h-.417Zm9.28-2.47a.75.75 0 1 0-1.06-1.06l-1.97 1.97-.72-.72a.75.75 0 0 0-1.06 1.06l1.25 1.25a.75.75 0 0 0 1.06 0l2.5-2.5Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="20" height="20" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Policies20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Policies24/Policies24.vue

@@ -0,0 +1,25 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <g clip-path="url(#a)">
+    <path fill-rule="evenodd" d="M15 2a1 1 0 0 1 .707.293c.417.417 1.335 1.114 2.404 1.708C19.205 4.609 20.267 5 21 5a1 1 0 0 1 1 1c0 4.275-1.61 7.249-3.24 9.15a12.977 12.977 0 0 1-2.237 2.067 10.226 10.226 0 0 1-.977.626l-.066.035-.02.01-.008.004-.003.001c-.001.001-.002.001-.449-.893l-.448.894h-.001l-.003-.002-.007-.004-.02-.01a6.546 6.546 0 0 1-.29-.163 10.247 10.247 0 0 1-.754-.498 12.973 12.973 0 0 1-2.236-2.066C9.61 13.249 8 10.275 8 6a1 1 0 0 1 1-1c.733 0 1.795-.391 2.89-1 1.068-.593 1.986-1.29 2.403-1.707A1 1 0 0 1 15 2Zm0 15 .447.894a1 1 0 0 1-.894 0L15 17Zm0-1.162c.103-.068.222-.148.352-.242.511-.37 1.2-.943 1.889-1.747 1.258-1.468 2.533-3.72 2.732-6.965-.977-.207-1.982-.662-2.834-1.135-.8-.445-1.554-.956-2.139-1.421a16.11 16.11 0 0 1-2.14 1.421c-.851.473-1.856.928-2.833 1.135.199 3.245 1.474 5.497 2.732 6.965.69.804 1.378 1.377 1.889 1.746.13.095.249.175.352.242ZM2 3a1 1 0 0 1 1-1h4a1 1 0 0 1 0 2H4v16h12v-.5a1 1 0 1 1 2 0V21a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3Zm4 14a1 1 0 0 1 1-1h3a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1Zm1-5a1 1 0 1 0 0 2h.5a1 1 0 1 0 0-2H7Zm11.207-2.793a1 1 0 0 0-1.414-1.414L14.5 10.086l-.793-.793a1 1 0 1 0-1.414 1.414l1.5 1.5a1 1 0 0 0 1.414 0l3-3Z"/>
+  </g>
+  <defs>
+    <clipPath id="a">
+      <rect width="24" height="24" fill="#fff"/>
+    </clipPath>
+  </defs>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Policies24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Policies32/Policies32.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
+  <path fill-rule="evenodd" d="M20 3a1 1 0 0 1 .707.293c.584.583 1.835 1.53 3.279 2.333C25.455 6.442 26.934 7 28 7a1 1 0 0 1 1 1c0 5.608-2.11 9.499-4.24 11.984a16.976 16.976 0 0 1-2.925 2.702c-.4.29-.738.503-.98.647a8.485 8.485 0 0 1-.37.208l-.024.013-.009.004-.003.002c-.001 0-.002.001-.449-.893-.447.894-.448.894-.448.893h-.001l-.003-.002-.008-.004-.025-.013a8.586 8.586 0 0 1-.37-.208c-.242-.144-.58-.358-.98-.647a16.973 16.973 0 0 1-2.924-2.702C13.11 17.5 11 13.608 11 8a1 1 0 0 1 1-1c1.066 0 2.545-.558 4.014-1.374 1.444-.802 2.695-1.75 3.279-2.333A1 1 0 0 1 20 3Zm0 19.666.447.895a1 1 0 0 1-.894 0l.447-.895Zm0-1.154c.18-.112.405-.26.665-.448a14.976 14.976 0 0 0 2.576-2.381c1.756-2.049 3.529-5.21 3.738-9.776-1.333-.231-2.75-.858-3.965-1.533A20.786 20.786 0 0 1 20 5.342a20.781 20.781 0 0 1-3.014 2.032c-1.214.675-2.632 1.302-3.965 1.533.21 4.566 1.982 7.727 3.738 9.776a14.973 14.973 0 0 0 2.576 2.381c.26.188.486.336.665.448ZM3 4a1 1 0 0 1 1-1h5.333a1 1 0 0 1 0 2H5v22h16.667v-1a1 1 0 0 1 2 0v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V4Zm5.333 18.667a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1Zm1-6.334a1 1 0 1 0 0 2H10a1 1 0 1 0 0-2h-.667Zm14.707-4.292a1 1 0 1 0-1.414-1.415l-3.293 3.293-1.293-1.293a1 1 0 1 0-1.414 1.415l2 2a1 1 0 0 0 1.414 0l4-4Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Policies32',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Policies48/Policies48.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
+  <path fill-rule="evenodd" d="M30 4.5a1.5 1.5 0 0 1 1.06.44c.876.875 2.753 2.296 4.918 3.499 2.204 1.224 4.423 2.06 6.022 2.06a1.5 1.5 0 0 1 1.5 1.5c0 8.413-3.166 14.25-6.361 17.977a25.46 25.46 0 0 1-4.386 4.052c-.602.435-1.108.756-1.47.972a12.969 12.969 0 0 1-.555.312l-.037.02-.012.005-.005.003h-.002c0 .001-.001.001-.672-1.34-.67 1.341-.672 1.341-.672 1.34h-.002l-.005-.003-.012-.006-.037-.019a12.969 12.969 0 0 1-.555-.313 20.027 20.027 0 0 1-1.47-.97 25.463 25.463 0 0 1-4.386-4.053C19.666 26.248 16.5 20.412 16.5 12a1.5 1.5 0 0 1 1.5-1.5c1.6 0 3.817-.837 6.022-2.061 2.165-1.203 4.042-2.624 4.917-3.5A1.5 1.5 0 0 1 30 4.5ZM30 34l.67 1.341a1.5 1.5 0 0 1-1.34 0L30 34Zm0-1.732c.269-.168.607-.39.997-.672a22.46 22.46 0 0 0 3.864-3.572c2.634-3.073 5.294-7.814 5.608-14.664-2-.346-4.126-1.287-5.947-2.299-1.73-.961-3.345-2.077-4.522-3.048-1.177.97-2.791 2.087-4.521 3.048-1.822 1.012-3.948 1.953-5.948 2.299.314 6.85 2.974 11.591 5.608 14.664a22.464 22.464 0 0 0 3.864 3.572c.39.282.728.504.997.672ZM4.5 6A1.5 1.5 0 0 1 6 4.5h8a1.5 1.5 0 0 1 0 3H7.5v33h25V39a1.5 1.5 0 0 1 3 0v3a1.5 1.5 0 0 1-1.5 1.5H6A1.5 1.5 0 0 1 4.5 42V6Zm8 28a1.5 1.5 0 0 1 1.5-1.5h6a1.5 1.5 0 0 1 0 3h-6a1.5 1.5 0 0 1-1.5-1.5Zm1.5-9.5a1.5 1.5 0 0 0 0 3h1a1.5 1.5 0 0 0 0-3h-1Zm22.06-6.44a1.5 1.5 0 0 0-2.12-2.12L29 20.878l-1.94-1.94a1.5 1.5 0 0 0-2.12 2.122l3 3a1.5 1.5 0 0 0 2.12 0l6-6Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Policies48',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Policies64/Policies64.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <path fill-rule="evenodd" d="M40 6.5a1.5 1.5 0 0 1 1.06.439c1.21 1.209 3.753 3.13 6.668 4.75 2.954 1.64 6.006 2.81 8.272 2.81a1.5 1.5 0 0 1 1.5 1.5c0 11.08-4.166 18.749-8.361 23.644a33.446 33.446 0 0 1-5.76 5.323c-.79.57-1.453.99-1.924 1.27a16.685 16.685 0 0 1-.715.403l-.046.024-.015.007-.005.003h-.002c0 .001-.001.002-.672-1.34-.67 1.342-.672 1.341-.672 1.34h-.002l-.005-.003-.015-.007-.045-.024a16.787 16.787 0 0 1-.715-.403c-.472-.28-1.135-.7-1.924-1.27a33.45 33.45 0 0 1-5.76-5.323C26.665 34.748 22.5 27.078 22.5 16a1.5 1.5 0 0 1 1.5-1.5c2.266 0 5.317-1.17 8.272-2.812 2.915-1.619 5.459-3.54 6.667-4.749A1.5 1.5 0 0 1 40 6.499Zm0 38.833.67 1.342a1.5 1.5 0 0 1-1.34 0l.67-1.342Zm0-1.722c.4-.24.957-.597 1.622-1.077a30.442 30.442 0 0 0 5.24-4.844c3.63-4.235 7.287-10.8 7.614-20.302-2.696-.377-5.65-1.658-8.204-3.077-2.45-1.361-4.714-2.952-6.272-4.28-1.558 1.328-3.822 2.919-6.272 4.28-2.554 1.419-5.508 2.7-8.204 3.077.327 9.502 3.985 16.067 7.615 20.302a30.446 30.446 0 0 0 5.24 4.844A23.9 23.9 0 0 0 40 43.611ZM6.5 8A1.5 1.5 0 0 1 8 6.5h10.667a1.5 1.5 0 0 1 0 3H9.5v45h34.333V52a1.5 1.5 0 1 1 3 0v4a1.5 1.5 0 0 1-1.5 1.5H8A1.5 1.5 0 0 1 6.5 56V8Zm10.667 37.333a1.5 1.5 0 0 1 1.5-1.5h8a1.5 1.5 0 0 1 0 3h-8a1.5 1.5 0 0 1-1.5-1.5Zm1.5-12.166a1.5 1.5 0 1 0 0 3H20a1.5 1.5 0 1 0 0-3h-1.333Zm29.06-9.44a1.5 1.5 0 1 0-2.121-2.121l-6.94 6.94-2.939-2.94a1.5 1.5 0 1 0-2.121 2.121l4 4a1.5 1.5 0 0 0 2.121 0l8-8Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Policies64',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Pool20/Pool20.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
+  <path fill-rule="evenodd" d="M6.667 3.25a.917.917 0 0 0-.917.917v.5h1.833v-.5a.917.917 0 0 0-.916-.917Zm2.416 1.417v-.5a2.417 2.417 0 1 0-4.833 0v.5H2.083a.75.75 0 1 0 0 1.5h5.5v8.558a1.494 1.494 0 0 1-.224-.07l-.597-.239a2.5 2.5 0 0 0-1.857 0l-.74.296a1.5 1.5 0 0 1-.921.063l-1.04-.26a.5.5 0 0 0-.242.97l1.04.26a2.5 2.5 0 0 0 1.534-.104l.74-.296a1.5 1.5 0 0 1 1.114 0l.598.239a2.5 2.5 0 0 0 1.857 0l.598-.24a1.5 1.5 0 0 1 1.114 0l.598.24a2.5 2.5 0 0 0 1.857 0l.598-.24a1.5 1.5 0 0 1 1.114 0l.74.297a2.5 2.5 0 0 0 1.535.104l1.039-.26a.5.5 0 0 0-.243-.97l-1.039.26a1.5 1.5 0 0 1-.92-.063l-.086-.034V6.167h2.167a.75.75 0 0 0 0-1.5H15.75v-.5a2.417 2.417 0 1 0-4.833 0v.5H9.083Zm1.845 9.75a2.5 2.5 0 0 0-1.845-.005v-1.995h5.167v1.822a2.5 2.5 0 0 0-1.012.177l-.598.24a1.5 1.5 0 0 1-1.114 0l-.598-.24Zm3.322-3.5V9.083H9.083v1.834h5.167Zm0-3.334H9.083V6.167h5.167v1.416Zm0-2.916v-.5a.917.917 0 1 0-1.833 0v.5h1.833Zm-7.488 12.25a2.5 2.5 0 0 0-1.857 0l-.74.295a1.5 1.5 0 0 1-.921.063l-1.04-.26a.5.5 0 0 0-.242.97l1.04.26a2.5 2.5 0 0 0 1.534-.104l.74-.296a1.5 1.5 0 0 1 1.114 0l.598.239a2.5 2.5 0 0 0 1.857 0l.598-.24a1.5 1.5 0 0 1 1.114 0l.598.24a2.5 2.5 0 0 0 1.857 0l.598-.24a1.5 1.5 0 0 1 1.114 0l.74.297a2.5 2.5 0 0 0 1.535.104l1.039-.26a.5.5 0 0 0-.243-.97l-1.039.26a1.499 1.499 0 0 1-.92-.063l-.74-.296a2.5 2.5 0 0 0-1.858 0l-.598.24a1.5 1.5 0 0 1-1.114 0l-.598-.24a2.5 2.5 0 0 0-1.857 0l-.597.24a1.5 1.5 0 0 1-1.115 0l-.597-.24Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Pool20',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>

package/src/components/Pool24/Pool24.vue

@@ -0,0 +1,18 @@
+<template><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path fill-rule="evenodd" d="M8 4a1 1 0 0 0-1 1v.5h2V5a1 1 0 0 0-1-1Zm3 1.5V5a3 3 0 0 0-6 0v.5H2.5a1 1 0 0 0 0 2H9v10.26a1.349 1.349 0 0 1-.057-.021l-1.015-.406a2.5 2.5 0 0 0-1.856 0l-1.157.463a1.5 1.5 0 0 1-.921.062l-1.373-.343a.5.5 0 0 0-.242.97l1.372.343a2.5 2.5 0 0 0 1.535-.104l1.157-.463a1.5 1.5 0 0 1 1.114 0l1.015.406a2.5 2.5 0 0 0 1.857 0l1.014-.406a1.5 1.5 0 0 1 1.114 0l1.014.406a2.5 2.5 0 0 0 1.857 0l1.015-.406a1.5 1.5 0 0 1 1.114 0l1.157.463a2.5 2.5 0 0 0 1.535.104l1.372-.343a.5.5 0 0 0-.242-.97l-1.373.343a1.5 1.5 0 0 1-.92-.062L19 17.762V7.5h2.5a1 1 0 1 0 0-2H19V5a3 3 0 1 0-6 0v.5h-2Zm.072 11.833-.072.029V15h6v2.154a2.5 2.5 0 0 0-.928.179l-1.015.406a1.5 1.5 0 0 1-1.114 0l-1.014-.406a2.5 2.5 0 0 0-1.857 0ZM17 13v-2h-6v2h6Zm0-4h-6V7.5h6V9Zm0-3.5V5a1 1 0 1 0-2 0v.5h2ZM8.943 20.739l-1.015-.406a2.5 2.5 0 0 0-1.856 0l-1.157.463a1.5 1.5 0 0 1-.921.062l-1.373-.343a.5.5 0 0 0-.242.97l1.372.343a2.5 2.5 0 0 0 1.535-.104l1.157-.463a1.5 1.5 0 0 1 1.114 0l1.015.406a2.5 2.5 0 0 0 1.857 0l1.014-.406a1.5 1.5 0 0 1 1.114 0l1.014.406a2.5 2.5 0 0 0 1.857 0l1.015-.406a1.5 1.5 0 0 1 1.114 0l1.157.463a2.5 2.5 0 0 0 1.535.104l1.372-.343a.5.5 0 0 0-.242-.97l-1.373.343a1.5 1.5 0 0 1-.92-.062l-1.157-.463a2.5 2.5 0 0 0-1.857 0l-1.015.406a1.5 1.5 0 0 1-1.114 0l-1.014-.406a2.5 2.5 0 0 0-1.857 0l-1.015.406a1.5 1.5 0 0 1-1.114 0Z"/>
+</svg>
+</template>
+<script lang="ts">
+export default {
+    name: 'Pool24',
+    props: {
+    /**
+     * Icon color
+     */
+    color: {
+      type: String,
+      default: 'currentColor',
+    },
+  },
+};
+</script>