34 lines
893 B
Vue
34 lines
893 B
Vue
|
<template>
|
||
|
<svg class="my-svg-component" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
|
||
|
<path
|
||
|
d="M6 3a3 3 0 00-3 3v2.25a3 3 0 003 3h2.25a3 3 0 003-3V6a3 3 0 00-3-3H6zM15.75 3a3 3 0 00-3 3v2.25a3 3 0 003 3H18a3 3 0 003-3V6a3 3 0 00-3-3h-2.25zM6 12.75a3 3 0 00-3 3V18a3 3 0 003 3h2.25a3 3 0 003-3v-2.25a3 3 0 00-3-3H6zM17.625 13.5a.75.75 0 00-1.5 0v2.625H13.5a.75.75 0 000 1.5h2.625v2.625a.75.75 0 001.5 0v-2.625h2.625a.75.75 0 000-1.5h-2.625V13.5z"
|
||
|
/>
|
||
|
</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: 2;
|
||
|
stroke-linecap: round;
|
||
|
stroke-linejoin: round;
|
||
|
}
|
||
|
|
||
|
/* path,
|
||
|
circle {
|
||
|
stroke: #ffffff;
|
||
|
stroke-width: 6px;
|
||
|
fill: none;
|
||
|
} */
|
||
|
</style>
|