<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="select-control_check-2_selected" transform="translate(1.000000, 1.000000)" :fill="color" stroke="none" stroke-width="1" fill-rule="evenodd">
            <path d="M10.5,21 C4.70101013,21 0,16.2989899 0,10.5 C0,4.70101013 4.70101013,0 10.5,0 C16.2989899,0 21,4.70101013 21,10.5 C21,16.2989899 16.2989899,21 10.5,21 Z M11.25,14.2855339 L11.25,4.25 C11.25,3.83578644 10.9142136,3.5 10.5,3.5 C10.0857864,3.5 9.75,3.83578644 9.75,4.25 L9.75,14.2855339 L6.43413601,10.9696699 C6.14124279,10.6767767 5.66636906,10.6767767 5.37347584,10.9696699 C5.08058262,11.2625631 5.08058262,11.7374369 5.37347584,12.0303301 L9.96966991,16.6265242 C10.1161165,16.7729708 10.3080583,16.8461941 10.5,16.8461941 C10.6919417,16.8461941 10.8838835,16.7729708 11.0303301,16.6265242 L15.6265242,12.0303301 C15.9194174,11.7374369 15.9194174,11.2625631 15.6265242,10.9696699 C15.3336309,10.6767767 14.8587572,10.6767767 14.565864,10.9696699 L11.25,14.2855339 Z" id="Combined-Shape"></path>
        </g>
    </svg>
</template>

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

<style>
</style>
