45 lines
901 B
Vue
45 lines
901 B
Vue
|
<template>
|
||
|
|
<svg
|
||
|
|
xmlns="http://www.w3.org/2000/svg"
|
||
|
|
width="100%"
|
||
|
|
height="100%"
|
||
|
|
fill="none"
|
||
|
|
viewBox="0 0 24 24"
|
||
|
|
stroke="currentColor"
|
||
|
|
stroke-width="2"
|
||
|
|
stroke-linecap="round"
|
||
|
|
stroke-linejoin="round"
|
||
|
|
class="my-svg-component"
|
||
|
|
>
|
||
|
|
<ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>
|
||
|
|
<path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path>
|
||
|
|
<path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path>
|
||
|
|
</svg>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
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>
|