<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="info" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <rect id="Rectangle-2" x="0" y="0" width="23" height="23"></rect>
            <path d="M5.52963125,18.6875 C7.14825625,20.0344375 9.22975625,20.84375 11.4995688,20.84375 C16.6601938,20.84375 20.8433188,16.660625 20.8433188,11.5 C20.8433188,6.339375 16.6601938,2.15625 11.4995688,2.15625 C6.33894375,2.15625 2.15581875,6.339375 2.15581875,11.5 C2.15581875,13.055375 2.53675625,14.5230625 3.20950625,15.8125" id="Stroke-1" :stroke="color" stroke-width="1.5" stroke-linecap="round"></path>
            <path d="M12.9375,7.1875 C12.9375,7.981 12.2935,8.625 11.5,8.625 C10.7065,8.625 10.0625,7.981 10.0625,7.1875 C10.0625,6.394 10.7065,5.75 11.5,5.75 C12.2935,5.75 12.9375,6.394 12.9375,7.1875" id="Fill-3" :fill="color"></path>
            <path d="M11.5,17.25 C10.9070312,17.25 10.421875,16.9265625 10.421875,16.53125 L10.421875,10.78125 C10.421875,10.3859375 10.9070312,10.0625 11.5,10.0625 C12.0929688,10.0625 12.578125,10.3859375 12.578125,10.78125 L12.578125,16.53125 C12.578125,16.9265625 12.0929688,17.25 11.5,17.25" id="Fill-5" :fill="color"></path>
        </g>
    </svg>
</template>

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

<style>
</style>
