<template>
    <svg :width="size" :height="size" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="48" height="48" fill="white" fill-opacity="0.01"/><path d="M23.9116 11.3177C23.9936 9.08616 24.6206 7.12603 25.7777 5.48749C26.9407 3.84065 28.8632 2.67079 31.495 2.0079C31.5125 2.08894 31.5307 2.17003 31.5496 2.25081V2.67481C31.5496 3.63625 31.3164 4.73871 30.8561 5.95136C30.3737 7.1255 29.6198 8.23058 28.6185 9.22791C27.6819 10.1067 26.8156 10.6885 26.0499 10.9515C25.797 11.027 25.4505 11.1013 25.0319 11.1682C24.6596 11.2262 24.2861 11.276 23.9116 11.3177Z" :fill="color"/><path d="M24.3507 14.629C21.378 14.629 19.3141 12 16.3818 12C13.4496 12 7.40869 14.6952 7.40869 24C7.40869 33.3048 12.7731 39.3 13.373 40C13.973 40.7 15.3606 42.4995 17.5103 42.4995C19.6601 42.4995 22.0136 40.7902 24.3507 40.7902C26.6877 40.7902 29.6293 42.4995 31.5497 42.4995C33.4701 42.4995 34.26 41.7166 35.567 40.3663C36.8739 39.016 39.3668 34.8953 40.2374 32.4221C38.8034 31.5685 35.0026 29.2511 35.0026 24C35.0026 20.4992 36.2819 17.591 38.8406 15.2752C37.162 13.0917 35.2152 12 33.0001 12C29.6774 12 27.3233 14.629 24.3507 14.629Z" fill="none" :stroke="color" :stroke-width="strokeWidth" stroke-linejoin="round"/></svg>
</template>

<script>
export default {
    name: "PinIconApple",
    props: {
        size: {
            type: [Number, String],
            default: 16
        },
        color: {
            type: String,
            default: 'currentColor'
        },
        strokeWidth: {
            type: [String, Number],
            default: 4
        },
    },
}
</script>
