vFilterIcon.vue

<template>
    <i class="block">
        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
            <path fill-rule="evenodd" d="M8.86111111,16.5 L11.1388889,16.5 C11.7371974,16.5 12.2222222,16.0149751 12.2222222,15.4166667 C12.2222222,14.8183582 11.7371974,14.3333333 11.1388889,14.3333333 L8.86111111,14.3333333 C8.26280263,14.3333333 7.77777778,14.8183582 7.77777778,15.4166667 C7.77777778,16.0149751 8.26280263,16.5 8.86111111,16.5 Z M0,4.58333333 C7.32716564e-17,5.18164181 0.485024854,5.66666667 1.08333333,5.66666667 L18.9166667,5.66666667 C19.5149751,5.66666667 20,5.18164181 20,4.58333333 C20,3.98502485 19.5149751,3.5 18.9166667,3.5 L1.08333333,3.5 C0.485024854,3.5 -7.32716564e-17,3.98502485 0,4.58333333 Z M4.41666667,11.0833333 L15.5833333,11.0833333 C16.1816418,11.0833333 16.6666667,10.5983085 16.6666667,10 C16.6666667,9.40169152 16.1816418,8.91666667 15.5833333,8.91666667 L4.41666667,8.91666667 C3.81835819,8.91666667 3.33333333,9.40169152 3.33333333,10 C3.33333333,10.5983085 3.81835819,11.0833333 4.41666667,11.0833333 Z"/>
        </svg>
    </i>
</template>

<script>
    export default {
        name: 'v-filter-icon'
    };
</script>