<template>
<svg viewBox="0 0 24 24" :fill="useCurrentColor ? 'currentColor' : '#000'" xmlns="http://www.w3.org/2000/svg" :class="[`${prefix}-icon`, `${prefix}-icon-Display`]" width="1em" height="1em" v-bind="$attrs"><path fill-rule="evenodd" clip-rule="evenodd" d="M12 8.5C10.067 8.5 8.5 10.067 8.5 12C8.5 13.933 10.067 15.5 12 15.5C13.933 15.5 15.5 13.933 15.5 12C15.5 10.067 13.933 8.5 12 8.5ZM10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M12 5C8.89044 5 6.1648 6.67673 4.29077 8.2301C3.33956 9.01854 2.57228 9.8047 2.04241 10.3937C1.77689 10.6888 1.56947 10.9362 1.42684 11.1119C1.35548 11.1997 1.30024 11.2698 1.26193 11.3191C1.24278 11.3438 1.22785 11.3633 1.21725 11.3772L1.20461 11.3939L1.20075 11.399L1.19944 11.4008C1.19923 11.401 1.19854 11.402 2 12L1.19854 11.402C0.933821 11.7567 0.933821 12.2433 1.19854 12.598L2 12C1.19854 12.598 1.19833 12.5978 1.19854 12.598L1.19944 12.5992L1.20075 12.601L1.20461 12.6061L1.21725 12.6228C1.22785 12.6367 1.24278 12.6562 1.26193 12.6809C1.30024 12.7302 1.35548 12.8003 1.42684 12.8881C1.56947 13.0638 1.77689 13.3112 2.04241 13.6063C2.57228 14.1953 3.33956 14.9815 4.29077 15.7699C6.1648 17.3233 8.89044 19 12 19C15.1096 19 17.8352 17.3233 19.7092 15.7699C20.6604 14.9815 21.4277 14.1953 21.9576 13.6063C22.2231 13.3112 22.4305 13.0638 22.5732 12.8881C22.6445 12.8003 22.6998 12.7302 22.7381 12.6809C22.7572 12.6562 22.7722 12.6367 22.7828 12.6228L22.7954 12.6061L22.7993 12.601L22.8006 12.5992C22.8008 12.599 22.8015 12.598 22 12L22.8015 12.598C23.0662 12.2433 23.0662 11.7567 22.8015 11.402L22 12C22.8015 11.402 22.8017 11.4022 22.8015 11.402L22.7993 11.399L22.7954 11.3939L22.7828 11.3772C22.7722 11.3633 22.7572 11.3438 22.7381 11.3191C22.6998 11.2698 22.6445 11.1997 22.5732 11.1119C22.4305 10.9362 22.2231 10.6888 21.9576 10.3937C21.4277 9.8047 20.6604 9.01854 19.7092 8.2301C17.8352 6.67673 15.1096 5 12 5ZM3.52929 12.2687C3.44309 12.1729 3.36395 12.083 3.29219 12C3.36395 11.917 3.44309 11.8271 3.52929 11.7313C4.01148 11.1953 4.70865 10.4815 5.5671 9.7699C7.31235 8.32327 9.58671 7 12 7C14.4133 7 16.6877 8.32327 18.4329 9.7699C19.2913 10.4815 19.9885 11.1953 20.4707 11.7313C20.5569 11.8271 20.636 11.917 20.7078 12C20.636 12.083 20.5569 12.1729 20.4707 12.2687C19.9885 12.8047 19.2913 13.5185 18.4329 14.2301C16.6877 15.6767 14.4133 17 12 17C9.58671 17 7.31235 15.6767 5.5671 14.2301C4.70865 13.5185 4.01148 12.8047 3.52929 12.2687Z"/></svg>
</template>
<script>

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