<template>
<svg viewBox="0 0 48 48" :fill="useCurrentColor ? 'currentColor' : '#000'" :class="[`${prefix}-icon`, `${prefix}-icon-scroll`]" width="1em" height="1em" v-bind="$attrs"><path fill-rule="evenodd" clip-rule="evenodd" d="M44 6a2 2 0 00-2-2H6a2 2 0 00-2 2v36a2 2 0 002 2h36a2 2 0 002-2V6zM8 8h32v32H8V8zm14.532 17.508l.083-.008h2.77c.226 0 .415.165.454.383l.007.083v4.607h3.462c.029 0 .056.004.084.008l.013.002a.653.653 0 01.16.044l.021.01a.577.577 0 00.031.015c.016.007.032.014.047.024.174.109.283.29.32.489a.89.89 0 01.013.13l.002.013v.004l.001.01-.002.023-.002.023-.005.05a.791.791 0 01-.083.272l-.048.08-5.196 5.269c-.138.26-.407.504-.664.454-.228.045-.467-.144-.614-.368l-.05-.086-5.196-5.27a.764.764 0 01-.114-.256l-.017-.096-.005-.05a.305.305 0 00-.002-.019L18 31.322l.001-.014.002-.012a.738.738 0 01.334-.62.251.251 0 01.046-.024.697.697 0 00.02-.009l.01-.005a.348.348 0 01.09-.033.709.709 0 01.083-.02l.056-.009.05-.003h3.462v-4.607c0-.229.163-.419.378-.459zm7.328-9.277l-5.196-5.27c-.138-.26-.407-.504-.664-.454-.257-.05-.526.194-.664.454l-5.196 5.27a.779.779 0 00-.131.352l-.005.05a.305.305 0 01-.002.019l-.002.026.001.014.002.012a.738.738 0 00.334.62c.014.01.03.017.046.024a.697.697 0 01.053.025.709.709 0 00.15.043c.008 0 .015.002.021.003a.576.576 0 00.085.008h3.462v4.607c0 .257.206.466.461.466h2.77a.464.464 0 00.461-.466v-4.607h3.462a.545.545 0 00.084-.008l.013-.002a.653.653 0 00.16-.044l.021-.01a.577.577 0 01.031-.015c.016-.007.032-.014.047-.024a.727.727 0 00.32-.489.89.89 0 00.013-.13l.002-.013.001-.014-.002-.026a.305.305 0 01-.002-.02l-.005-.05a.775.775 0 00-.13-.351z"/></svg>
</template>
<script>

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