<script lang="ts">
export default {
    name: 'FlipOutlined'
}
</script>

<template>
    <svg viewBox="0 0 512 512" class="custom-svg" xmlns="http://www.w3.org/2000/svg">
        <g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)" stroke="none">
            <path d="M2488 5099 c-69 -36 -78 -70 -78 -284 0 -166 2 -190 20 -225 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 225 0 166 -2 190 -20 225
-37 73 -127 99 -202 59z" />
            <path d="M392 4493 c-18 -9 -43 -30 -55 -47 l-22 -31 -3 -1843 c-2 -1832 -2
-1843 18 -1882 23 -44 80 -80 130 -80 27 0 1478 573 1572 621 24 12 45 34 58
59 20 39 20 56 20 1270 0 1214 0 1231 -20 1270 -13 25 -34 47 -58 59 -101 52
-1545 621 -1575 621 -17 0 -47 -8 -65 -17z m1418 -1933 l0 -1098 -600 -240
-600 -240 0 1578 0 1578 600 -240 600 -240 0 -1098z" />
            <path d="M3868 4206 c-417 -167 -772 -312 -789 -322 -17 -11 -40 -35 -50 -54
-18 -33 -19 -84 -19 -1268 0 -1216 0 -1233 20 -1272 13 -25 34 -47 58 -59 94
-48 1545 -621 1572 -621 50 0 107 36 130 80 20 39 20 55 20 1872 l0 1833 -23
39 c-26 46 -77 76 -127 76 -22 -1 -319 -115 -792 -304z m642 -1645 l0 -1579
-600 240 -600 240 0 1098 0 1098 598 240 c328 132 598 241 600 241 1 1 2 -710
2 -1578z" />
            <path d="M2488 4189 c-68 -35 -78 -71 -78 -279 0 -161 2 -185 20 -220 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 220 0 161 -2 185 -20 220
-37 73 -127 99 -202 59z" />
            <path d="M2488 3289 c-68 -35 -78 -71 -78 -279 0 -161 2 -185 20 -220 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 220 0 161 -2 185 -20 220
-37 73 -127 99 -202 59z" />
            <path d="M2488 2389 c-68 -35 -78 -71 -78 -279 0 -161 2 -185 20 -220 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 220 0 161 -2 185 -20 220
-37 73 -127 99 -202 59z" />
            <path d="M2488 1489 c-68 -35 -78 -71 -78 -279 0 -210 10 -244 80 -280 50 -25
90 -25 140 0 70 36 80 70 80 280 0 161 -2 185 -20 220 -37 73 -127 99 -202 59z" />
            <path d="M2488 589 c-69 -36 -78 -70 -78 -284 0 -166 2 -190 20 -225 23 -45
80 -80 130 -80 50 0 107 35 130 80 18 35 20 59 20 225 0 166 -2 190 -20 225
-37 73 -127 99 -202 59z" />
        </g>
    </svg>
</template>
  
<style scoped>
.custom-svg {
    width: 1rem;
    height: 1rem;
    margin: 3px;
}

.custom-svg path {
    fill: var(--color-text);
    transition: fill 0.3s ease;
}
</style>