<template>
    <div class="icon-container">
        <svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 24 24" class="camera-offline-icon">
            <path fill="currentColor"
                d="m22 17.5l-4-4v1.675L6.825 4H16q.825 0 1.413.588T18 6v4.5l4-4zm-1.45 5.85L.65 3.45l1.4-1.4l19.9 19.9zM4 4l14 14q0 .825-.587 1.413T16 20H4q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4" />
        </svg>
    </div>
</template>

<style scoped>
.icon-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.camera-offline-icon {
    width: 2rem;
    /* 控制图标的宽度 */
    height: 2rem;
    /* 控制图标的高度 */
    fill: #29099c;
    opacity: 0.8;
    color: rgb(40, 222, 235);
    background-color: transparent;
    border-radius: 4px;
}
</style>