<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="M11.0634 10.4144C16.6066 10.1381 20.9181 10 23.9978 10C27.0778 10 31.3908 10.1382 36.9368 10.4145V10.4145C39.9389 10.5641 42.367 12.9119 42.6174 15.9072C42.871 18.9412 42.9978 21.6134 42.9978 23.9238C42.9978 26.2626 42.8679 28.972 42.608 32.0522H42.608C42.3584 35.0103 39.9831 37.3412 37.0207 37.5349C32.2793 37.845 27.9383 38 23.9978 38C20.0578 38 15.7184 37.845 10.9796 37.5351V37.5351C8.01828 37.3414 5.64346 35.0119 5.39264 32.055C5.12941 28.9518 4.9978 26.2414 4.9978 23.9238C4.9978 21.6341 5.12627 18.961 5.3832 15.9044L5.38321 15.9044C5.6349 12.9103 8.06249 10.564 11.0634 10.4144Z" fill="none" :stroke="color" :stroke-width="strokeWidth" stroke-linejoin="round"/><path d="M21 19.6092V28.4061C21 28.8794 21.3838 29.2632 21.8571 29.2632C22.0252 29.2632 22.1896 29.2138 22.3298 29.1211L28.9274 24.7606C29.3223 24.4996 29.4308 23.9678 29.1698 23.5729C29.1074 23.4785 29.0269 23.3973 28.933 23.3342L22.3354 18.8979C21.9426 18.6338 21.41 18.7381 21.1458 19.131C21.0508 19.2724 21 19.4389 21 19.6092Z" fill="none" :stroke="color" :stroke-width="strokeWidth" stroke-linejoin="round"/></svg>
</template>

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