<template>
<svg :width="`${size}px`" :height="`${size}px`" viewBox="0 0 23 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <path d="M11.5,21 C6.25329488,21 2,16.7467051 2,11.5 C2,6.25329488 6.25329488,2 11.5,2 C16.7467051,2 21,6.25329488 21,11.5 C21,16.7467051 16.7467051,21 11.5,21 Z M12,12.4654069 L12,6.46875 C12,6.05453644 11.6642136,5.71875 11.25,5.71875 C10.8357864,5.71875 10.5,6.05453644 10.5,6.46875 L10.5,12.827652 C10.5,13.0592823 10.6050039,13.2663877 10.7700074,13.4039638 C10.8121266,13.4546036 10.8616667,13.5004915 10.9183309,13.5399669 L15.2246123,16.5399669 C15.5644823,16.7767396 16.0319435,16.6931628 16.2687161,16.3532929 C16.5054888,16.0134229 16.421912,15.5459617 16.082042,15.309189 L12,12.4654069 Z" id="Combined-Shape" stroke="none" stroke-width="1" fill-rule="evenodd" :fill="color"></path>
</svg>
</template>

<script>
export default {
    props: {
        size: {
            type: Number,
            default: 23
        },
        color: {
            type: String,
            default: '#D8D8D8'
        }
    },
}
</script>

<style>

</style>
