Added icon component. Stylized filter bar.

assets/components/icon/icon.vue

@@ -0,0 +1,61 @@
+<template>
+    <div
+        :title="label"
+        :class="{ active }"
+        class="icon"
+        v-html="svg"
+    />
+</template>
+
+<script>
+export default {
+    props: {
+        icon: {
+            type: String,
+            default: null,
+        },
+        label: {
+            type: String,
+            default: null,
+        },
+        active: {
+            type: Boolean,
+            default: false,
+        },
+    },
+    data() {
+        return {
+            svg: null,
+        };
+    },
+    beforeMount() {
+        this.svg = require(`../../img/${this.icon}.svg`).default;
+    },
+};
+</script>
+
+<style lang="scss">
+@import '../../css/theme';
+
+.icon {
+    fill: $text;
+    display: inline-block;
+    flex-shrink: 0;
+    width: 1rem;
+    height: 1rem;
+
+    svg {
+        width: 100%;
+        height: 100%;
+    }
+
+    &.active {
+        fill: $shadow;
+
+        &:hover {
+            fill: $text;
+            cursor: pointer;
+        }
+    }
+}
+</style>