<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">
        <g id="fill" transform="translate(2.875000, 2.875000)" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <circle id="bg" :fill="color" cx="8.625" cy="8.625" r="8.625"></circle>
            <path d="M9.35361176,7.90185433 L13.6661118,7.90185433 C14.0630664,7.90185433 14.3848618,8.22364966 14.3848618,8.62060433 C14.3848618,9.01755899 14.0630664,9.33935433 13.6661118,9.33935433 L9.35361176,9.33935433 L9.35361176,13.6518543 C9.35361176,14.048809 9.03181642,14.3706043 8.63486176,14.3706043 C8.23790709,14.3706043 7.91611176,14.048809 7.91611176,13.6518543 L7.91611176,9.33935433 L3.60361176,9.33935433 C3.20665709,9.33935433 2.88486176,9.01755899 2.88486176,8.62060433 C2.88486176,8.22364966 3.20665709,7.90185433 3.60361176,7.90185433 L7.91611176,7.90185433 L7.91611176,3.58935433 C7.91611176,3.19239966 8.23790709,2.87060433 8.63486176,2.87060433 C9.03181642,2.87060433 9.35361176,3.19239966 9.35361176,3.58935433 L9.35361176,7.90185433 Z" fill="#FFFFFF" transform="translate(8.634862, 8.620604) rotate(45.000000) translate(-8.634862, -8.620604) "></path>
        </g>
    </svg>
</template>

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

<style>
</style>
