Skip to content

Commit

Permalink
add new nav icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@kencrim
kencrim committed Nov 15, 2023
1 parent b9c6500 commit ff61197
Show file tree
Hide file tree
Showing 8 changed files with 281 additions and 5 deletions.
45 changes: 45 additions & 0 deletions src/components/Icons/AppWindows.vue
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
<template>
<svg
:width="currentSize"
:height="currentSize"
:viewBox="`0 0 ${currentSize} ${currentSize}`"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
:d="path"
fill="currentColor"
/>
</svg>
</template>

<script>
const iconInfo = {
xxl: { size: 24, path: 'M 10 13 L 3 13 C 2.734375 13 2.480469 13.105469 2.292969 13.292969 C 2.105469 13.480469 2 13.738281 2 14 L 2 21 C 2 21.265625 2.105469 21.519531 2.292969 21.707031 C 2.480469 21.894531 2.734375 22 3 22 L 10 22 C 10.265625 22 10.519531 21.894531 10.707031 21.707031 C 10.894531 21.519531 11 21.265625 11 21 L 11 14 C 11 13.738281 10.894531 13.480469 10.707031 13.292969 C 10.519531 13.105469 10.265625 13 10 13 Z M 9 20 L 4 20 L 4 15 L 9 15 Z M 21 2 L 14 2 C 13.734375 2 13.480469 2.105469 13.292969 2.292969 C 13.105469 2.480469 13 2.738281 13 3 L 13 10 C 13 10.265625 13.105469 10.519531 13.292969 10.707031 C 13.480469 10.894531 13.734375 11 14 11 L 21 11 C 21.265625 11 21.519531 10.894531 21.707031 10.707031 C 21.894531 10.519531 22 10.265625 22 10 L 22 3 C 22 2.738281 21.894531 2.480469 21.707031 2.292969 C 21.519531 2.105469 21.265625 2 21 2 Z M 20 9 L 15 9 L 15 4 L 20 4 Z M 21 13 L 14 13 C 13.734375 13 13.480469 13.105469 13.292969 13.292969 C 13.105469 13.480469 13 13.738281 13 14 L 13 21 C 13 21.265625 13.105469 21.519531 13.292969 21.707031 C 13.480469 21.894531 13.734375 22 14 22 L 21 22 C 21.265625 22 21.519531 21.894531 21.707031 21.707031 C 21.894531 21.519531 22 21.265625 22 21 L 22 14 C 22 13.738281 21.894531 13.480469 21.707031 13.292969 C 21.519531 13.105469 21.265625 13 21 13 Z M 20 20 L 15 20 L 15 15 L 20 15 Z M 10 2 L 3 2 C 2.734375 2 2.480469 2.105469 2.292969 2.292969 C 2.105469 2.480469 2 2.738281 2 3 L 2 10 C 2 10.265625 2.105469 10.519531 2.292969 10.707031 C 2.480469 10.894531 2.734375 11 3 11 L 10 11 C 10.265625 11 10.519531 10.894531 10.707031 10.707031 C 10.894531 10.519531 11 10.265625 11 10 L 11 3 C 11 2.738281 10.894531 2.480469 10.707031 2.292969 C 10.519531 2.105469 10.265625 2 10 2 Z M 9 9 L 4 9 L 4 4 L 9 4 Z M 9 9 ' },
xl: { size: 20, path: 'M 8.332031 10.835938 L 2.5 10.835938 C 2.277344 10.835938 2.066406 10.921875 1.910156 11.078125 C 1.753906 11.234375 1.667969 11.445312 1.667969 11.667969 L 1.667969 17.5 C 1.667969 17.722656 1.753906 17.933594 1.910156 18.089844 C 2.066406 18.246094 2.277344 18.335938 2.5 18.335938 L 8.332031 18.335938 C 8.554688 18.335938 8.765625 18.246094 8.921875 18.089844 C 9.078125 17.933594 9.167969 17.722656 9.167969 17.5 L 9.167969 11.667969 C 9.167969 11.445312 9.078125 11.234375 8.921875 11.078125 C 8.765625 10.921875 8.554688 10.835938 8.332031 10.835938 Z M 7.5 16.667969 L 3.332031 16.667969 L 3.332031 12.5 L 7.5 12.5 Z M 17.5 1.667969 L 11.664062 1.667969 C 11.445312 1.667969 11.234375 1.753906 11.078125 1.910156 C 10.921875 2.066406 10.832031 2.28125 10.832031 2.5 L 10.832031 8.335938 C 10.832031 8.554688 10.921875 8.769531 11.078125 8.925781 C 11.234375 9.082031 11.445312 9.167969 11.664062 9.167969 L 17.5 9.167969 C 17.71875 9.167969 17.933594 9.082031 18.089844 8.925781 C 18.246094 8.769531 18.332031 8.554688 18.332031 8.335938 L 18.332031 2.5 C 18.332031 2.28125 18.246094 2.066406 18.089844 1.910156 C 17.933594 1.753906 17.71875 1.667969 17.5 1.667969 Z M 16.664062 7.5 L 12.5 7.5 L 12.5 3.335938 L 16.664062 3.335938 Z M 17.5 10.835938 L 11.664062 10.835938 C 11.445312 10.835938 11.234375 10.921875 11.078125 11.078125 C 10.921875 11.234375 10.832031 11.445312 10.832031 11.667969 L 10.832031 17.5 C 10.832031 17.722656 10.921875 17.933594 11.078125 18.089844 C 11.234375 18.246094 11.445312 18.335938 11.664062 18.335938 L 17.5 18.335938 C 17.71875 18.335938 17.933594 18.246094 18.089844 18.089844 C 18.246094 17.933594 18.332031 17.722656 18.332031 17.5 L 18.332031 11.667969 C 18.332031 11.445312 18.246094 11.234375 18.089844 11.078125 C 17.933594 10.921875 17.71875 10.835938 17.5 10.835938 Z M 16.664062 16.667969 L 12.5 16.667969 L 12.5 12.5 L 16.664062 12.5 Z M 8.332031 1.667969 L 2.5 1.667969 C 2.277344 1.667969 2.066406 1.753906 1.910156 1.910156 C 1.753906 2.066406 1.667969 2.28125 1.667969 2.5 L 1.667969 8.335938 C 1.667969 8.554688 1.753906 8.769531 1.910156 8.925781 C 2.066406 9.082031 2.277344 9.167969 2.5 9.167969 L 8.332031 9.167969 C 8.554688 9.167969 8.765625 9.082031 8.921875 8.925781 C 9.078125 8.769531 9.167969 8.554688 9.167969 8.335938 L 9.167969 2.5 C 9.167969 2.28125 9.078125 2.066406 8.921875 1.910156 C 8.765625 1.753906 8.554688 1.667969 8.332031 1.667969 Z M 7.5 7.5 L 3.332031 7.5 L 3.332031 3.335938 L 7.5 3.335938 Z M 7.5 7.5 ' },
l: { size: 18, path: 'M 7.5 9.75 L 2.25 9.75 C 2.050781 9.75 1.859375 9.832031 1.71875 9.972656 C 1.578125 10.113281 1.5 10.300781 1.5 10.5 L 1.5 15.75 C 1.5 15.949219 1.578125 16.140625 1.71875 16.28125 C 1.859375 16.421875 2.050781 16.5 2.25 16.5 L 7.5 16.5 C 7.699219 16.5 7.890625 16.421875 8.03125 16.28125 C 8.171875 16.140625 8.25 15.949219 8.25 15.75 L 8.25 10.5 C 8.25 10.300781 8.171875 10.113281 8.03125 9.972656 C 7.890625 9.832031 7.699219 9.75 7.5 9.75 Z M 6.75 15 L 3 15 L 3 11.25 L 6.75 11.25 Z M 15.75 1.5 L 10.5 1.5 C 10.300781 1.5 10.109375 1.582031 9.96875 1.722656 C 9.828125 1.863281 9.75 2.050781 9.75 2.25 L 9.75 7.5 C 9.75 7.699219 9.828125 7.890625 9.96875 8.03125 C 10.109375 8.171875 10.300781 8.25 10.5 8.25 L 15.75 8.25 C 15.949219 8.25 16.140625 8.171875 16.28125 8.03125 C 16.421875 7.890625 16.5 7.699219 16.5 7.5 L 16.5 2.25 C 16.5 2.050781 16.421875 1.863281 16.28125 1.722656 C 16.140625 1.582031 15.949219 1.5 15.75 1.5 Z M 15 6.75 L 11.25 6.75 L 11.25 3 L 15 3 Z M 15.75 9.75 L 10.5 9.75 C 10.300781 9.75 10.109375 9.832031 9.96875 9.972656 C 9.828125 10.113281 9.75 10.300781 9.75 10.5 L 9.75 15.75 C 9.75 15.949219 9.828125 16.140625 9.96875 16.28125 C 10.109375 16.421875 10.300781 16.5 10.5 16.5 L 15.75 16.5 C 15.949219 16.5 16.140625 16.421875 16.28125 16.28125 C 16.421875 16.140625 16.5 15.949219 16.5 15.75 L 16.5 10.5 C 16.5 10.300781 16.421875 10.113281 16.28125 9.972656 C 16.140625 9.832031 15.949219 9.75 15.75 9.75 Z M 15 15 L 11.25 15 L 11.25 11.25 L 15 11.25 Z M 7.5 1.5 L 2.25 1.5 C 2.050781 1.5 1.859375 1.582031 1.71875 1.722656 C 1.578125 1.863281 1.5 2.050781 1.5 2.25 L 1.5 7.5 C 1.5 7.699219 1.578125 7.890625 1.71875 8.03125 C 1.859375 8.171875 2.050781 8.25 2.25 8.25 L 7.5 8.25 C 7.699219 8.25 7.890625 8.171875 8.03125 8.03125 C 8.171875 7.890625 8.25 7.699219 8.25 7.5 L 8.25 2.25 C 8.25 2.050781 8.171875 1.863281 8.03125 1.722656 C 7.890625 1.582031 7.699219 1.5 7.5 1.5 Z M 6.75 6.75 L 3 6.75 L 3 3 L 6.75 3 Z M 6.75 6.75 '},

Check failure on line 20 in src/components/Icons/AppWindows.vue

View workflow job for this annotation

GitHub Actions / run-tests 

A space is required before '}'
m: { size: 16, path: 'M 6.667969 8.667969 L 2 8.667969 C 1.824219 8.667969 1.652344 8.738281 1.527344 8.863281 C 1.402344 8.988281 1.332031 9.15625 1.332031 9.335938 L 1.332031 14 C 1.332031 14.179688 1.402344 14.347656 1.527344 14.472656 C 1.652344 14.597656 1.824219 14.667969 2 14.667969 L 6.667969 14.667969 C 6.84375 14.667969 7.011719 14.597656 7.136719 14.472656 C 7.261719 14.347656 7.332031 14.179688 7.332031 14 L 7.332031 9.335938 C 7.332031 9.15625 7.261719 8.988281 7.136719 8.863281 C 7.011719 8.738281 6.84375 8.667969 6.667969 8.667969 Z M 6 13.335938 L 2.667969 13.335938 L 2.667969 10 L 6 10 Z M 14 1.335938 L 9.332031 1.335938 C 9.15625 1.335938 8.988281 1.40625 8.863281 1.53125 C 8.738281 1.65625 8.667969 1.824219 8.667969 2 L 8.667969 6.667969 C 8.667969 6.84375 8.738281 7.015625 8.863281 7.140625 C 8.988281 7.265625 9.15625 7.335938 9.332031 7.335938 L 14 7.335938 C 14.175781 7.335938 14.347656 7.265625 14.472656 7.140625 C 14.597656 7.015625 14.667969 6.84375 14.667969 6.667969 L 14.667969 2 C 14.667969 1.824219 14.597656 1.65625 14.472656 1.53125 C 14.347656 1.40625 14.175781 1.335938 14 1.335938 Z M 13.332031 6 L 10 6 L 10 2.667969 L 13.332031 2.667969 Z M 14 8.667969 L 9.332031 8.667969 C 9.15625 8.667969 8.988281 8.738281 8.863281 8.863281 C 8.738281 8.988281 8.667969 9.15625 8.667969 9.335938 L 8.667969 14 C 8.667969 14.179688 8.738281 14.347656 8.863281 14.472656 C 8.988281 14.597656 9.15625 14.667969 9.332031 14.667969 L 14 14.667969 C 14.175781 14.667969 14.347656 14.597656 14.472656 14.472656 C 14.597656 14.347656 14.667969 14.179688 14.667969 14 L 14.667969 9.335938 C 14.667969 9.15625 14.597656 8.988281 14.472656 8.863281 C 14.347656 8.738281 14.175781 8.667969 14 8.667969 Z M 13.332031 13.335938 L 10 13.335938 L 10 10 L 13.332031 10 Z M 6.667969 1.335938 L 2 1.335938 C 1.824219 1.335938 1.652344 1.40625 1.527344 1.53125 C 1.402344 1.65625 1.332031 1.824219 1.332031 2 L 1.332031 6.667969 C 1.332031 6.84375 1.402344 7.015625 1.527344 7.140625 C 1.652344 7.265625 1.824219 7.335938 2 7.335938 L 6.667969 7.335938 C 6.84375 7.335938 7.011719 7.265625 7.136719 7.140625 C 7.261719 7.015625 7.332031 6.84375 7.332031 6.667969 L 7.332031 2 C 7.332031 1.824219 7.261719 1.65625 7.136719 1.53125 C 7.011719 1.40625 6.84375 1.335938 6.667969 1.335938 Z M 6 6 L 2.667969 6 L 2.667969 2.667969 L 6 2.667969 Z M 6 6 ' },
s: { size: 14, path: 'M 5.832031 7.585938 L 1.75 7.585938 C 1.59375 7.585938 1.445312 7.644531 1.335938 7.753906 C 1.226562 7.863281 1.167969 8.011719 1.167969 8.167969 L 1.167969 12.25 C 1.167969 12.40625 1.226562 12.554688 1.335938 12.664062 C 1.445312 12.773438 1.59375 12.835938 1.75 12.835938 L 5.832031 12.835938 C 5.988281 12.835938 6.136719 12.773438 6.246094 12.664062 C 6.355469 12.554688 6.417969 12.40625 6.417969 12.25 L 6.417969 8.167969 C 6.417969 8.011719 6.355469 7.863281 6.246094 7.753906 C 6.136719 7.644531 5.988281 7.585938 5.832031 7.585938 Z M 5.25 11.667969 L 2.332031 11.667969 L 2.332031 8.75 L 5.25 8.75 Z M 12.25 1.167969 L 8.167969 1.167969 C 8.011719 1.167969 7.863281 1.230469 7.753906 1.339844 C 7.644531 1.449219 7.582031 1.597656 7.582031 1.75 L 7.582031 5.835938 C 7.582031 5.988281 7.644531 6.136719 7.753906 6.246094 C 7.863281 6.355469 8.011719 6.417969 8.167969 6.417969 L 12.25 6.417969 C 12.402344 6.417969 12.550781 6.355469 12.660156 6.246094 C 12.769531 6.136719 12.832031 5.988281 12.832031 5.835938 L 12.832031 1.75 C 12.832031 1.597656 12.769531 1.449219 12.660156 1.339844 C 12.550781 1.230469 12.402344 1.167969 12.25 1.167969 Z M 11.667969 5.25 L 8.75 5.25 L 8.75 2.335938 L 11.667969 2.335938 Z M 12.25 7.585938 L 8.167969 7.585938 C 8.011719 7.585938 7.863281 7.644531 7.753906 7.753906 C 7.644531 7.863281 7.582031 8.011719 7.582031 8.167969 L 7.582031 12.25 C 7.582031 12.40625 7.644531 12.554688 7.753906 12.664062 C 7.863281 12.773438 8.011719 12.835938 8.167969 12.835938 L 12.25 12.835938 C 12.402344 12.835938 12.550781 12.773438 12.660156 12.664062 C 12.769531 12.554688 12.832031 12.40625 12.832031 12.25 L 12.832031 8.167969 C 12.832031 8.011719 12.769531 7.863281 12.660156 7.753906 C 12.550781 7.644531 12.402344 7.585938 12.25 7.585938 Z M 11.667969 11.667969 L 8.75 11.667969 L 8.75 8.75 L 11.667969 8.75 Z M 5.832031 1.167969 L 1.75 1.167969 C 1.59375 1.167969 1.445312 1.230469 1.335938 1.339844 C 1.226562 1.449219 1.167969 1.597656 1.167969 1.75 L 1.167969 5.835938 C 1.167969 5.988281 1.226562 6.136719 1.335938 6.246094 C 1.445312 6.355469 1.59375 6.417969 1.75 6.417969 L 5.832031 6.417969 C 5.988281 6.417969 6.136719 6.355469 6.246094 6.246094 C 6.355469 6.136719 6.417969 5.988281 6.417969 5.835938 L 6.417969 1.75 C 6.417969 1.597656 6.355469 1.449219 6.246094 1.339844 C 6.136719 1.230469 5.988281 1.167969 5.832031 1.167969 Z M 5.25 5.25 L 2.332031 5.25 L 2.332031 2.335938 L 5.25 2.335938 Z M 5.25 5.25 ' }
};
export default {
name: 'AppWindows',
props: {
size: {
type: String,
default: 'm',
validator: function (value) {
return ['xxl', 'xl', 'l', 'm', 's'].includes(value);
}
}
},
computed: {
currentSize () {
return iconInfo[this.size].size;
},
path () {
return iconInfo[this.size].path;
}
}
};
</script>
Loading

0 comments on commit ff61197

Please sign in to comment.