<template>
    <svg
        class="pointer-events-none fill-current w-4 h-4 ml-auto"
        xmlns="http://www.w3.org/2000/svg"
        width="24"
        height="24"
        viewBox="0 0 24 24"
    >
        <path
            class="pointer-events-none"
            d="M3 6l3 18h12l3-18h-18zm19-4v2h-20v-2h5.711c.9 0 1.631-1.099 1.631-2h5.316c0 .901.73 2 1.631 2h5.711z"
        />
    </svg>
</template>

<!-- <script>
export default {
    name: 'Icon_Mandatory',
};
</script> -->

<style scoped>
.my-svg-component {
    /* Scoped CSS here */
    width: 100%;
    height: 100%;
    fill: none;
    stroke: currentColor;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* path,
circle {
    stroke: #ffffff;
    stroke-width: 6px;
    fill: none;
} */
</style>
