<template>
<svg viewBox="0 0 48 48" :fill="useCurrentColor ? 'currentColor' : '#000'" :class="[`${prefix}-icon`, `${prefix}-icon-bottom-border`]" width="1em" height="1em" v-bind="$attrs"><rect opacity=".4" x="4" y="4" width="4" height="4" rx="1"/><rect opacity=".4" x="10" y="4" width="4" height="4" rx="1"/><rect opacity=".4" x="4" y="10" width="4" height="4" rx="1"/><rect opacity=".4" x="16" y="4" width="4" height="4" rx="1"/><rect opacity=".4" x="10" y="40" width="4" height="4" rx="1"/><rect opacity=".4" x="16" y="40" width="4" height="4" rx="1"/><rect opacity=".4" x="4" y="16" width="4" height="4" rx="1"/><rect opacity=".4" x="4" y="22" width="4" height="4" rx="1"/><rect opacity=".4" x="10" y="22" width="4" height="4" rx="1"/><rect opacity=".4" x="16" y="22" width="4" height="4" rx="1"/><rect opacity=".4" x="22" y="22" width="4" height="4" rx="1"/><rect opacity=".4" x="28" y="22" width="4" height="4" rx="1"/><rect opacity=".4" x="34" y="22" width="4" height="4" rx="1"/><rect opacity=".4" x="40" y="22" width="4" height="4" rx="1"/><rect opacity=".4" x="4" y="28" width="4" height="4" rx="1"/><rect opacity=".4" x="4" y="34" width="4" height="4" rx="1"/><rect opacity=".4" x="40" y="10" width="4" height="4" rx="1"/><rect opacity=".4" x="40" y="16" width="4" height="4" rx="1"/><rect opacity=".4" x="40" y="28" width="4" height="4" rx="1"/><rect opacity=".4" x="40" y="34" width="4" height="4" rx="1"/><rect opacity=".4" x="22" y="10" width="4" height="4" rx="1"/><rect opacity=".4" x="22" y="16" width="4" height="4" rx="1"/><rect opacity=".4" x="22" y="28" width="4" height="4" rx="1"/><rect opacity=".4" x="22" y="34" width="4" height="4" rx="1"/><rect opacity=".4" x="4" y="40" width="4" height="4" rx="1"/><rect opacity=".4" x="28" y="4" width="4" height="4" rx="1"/><rect opacity=".4" x="22" y="4" width="4" height="4" rx="1"/><rect opacity=".4" x="34" y="4" width="4" height="4" rx="1"/><rect opacity=".4" x="40" y="4" width="4" height="4" rx="1"/><rect opacity=".4" x="28" y="40" width="4" height="4" rx="1"/><rect opacity=".4" x="22" y="40" width="4" height="4" rx="1"/><rect opacity=".4" x="34" y="40" width="4" height="4" rx="1"/><rect opacity=".4" x="40" y="40" width="4" height="4" rx="1"/><rect x="44" y="40" width="4" height="40" rx="1" transform="rotate(90 44 40)"/></svg>
</template>
<script>

export default {
  name: 'IconBottomBorder',
  props: {
    prefix: {
        type: String,
        default: 'arco',
    },
    useCurrentColor: {
        type: Boolean,
        default: true,
    },
  },
};
</script>
