<template>
  <!-- Generator: Adobe Illustrator 24.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" :width="`${size}`" :height="`${size}`" :fill="color"
    :style="isLinear ? 'fill:url(#lgid)' : ''">
    <defs v-if="isLinear">
      <linearGradient id="lgid" :x1="gradientPosition[0]" :y1="gradientPosition[1]" :x2="gradientPosition[2]"
        :y2="gradientPosition[3]">
        <stop v-for="(it, i) in linearGradient" :key="i" :offset="it[0]" :style="`stop-color:${it[1]};`" />
      </linearGradient>
    </defs>
    <path class="st1" d="M810.3,69.4H208.9c-50.2,0-91,40.8-91,91v696.9c0,50.1,40.8,90.9,91,90.9h601.3c50.2,0,91-40.8,91-90.9V160.4
			C901.2,110.2,860.4,69.4,810.3,69.4z M810.3,905.1H208.9c-26.4,0-47.9-21.5-47.9-48V160.4c0-26.4,21.5-47.9,47.9-47.9h601.3
			c26.4,0,47.9,21.5,47.9,47.9l0.1,696.7C858.2,883.6,836.7,905.1,810.3,905.1z" />
    <path class="st2" d="M810.3,57.9H208.9c-56.5,0-102.5,45.9-102.5,102.4v696.9c0,56.5,46,102.4,102.5,102.4h601.3
			c56.5,0,102.4-45.9,102.4-102.4V160.4C912.6,103.9,866.7,57.9,810.3,57.9z M901.2,857.2c0,50.1-40.8,90.9-91,90.9H208.9
			c-50.2,0-91-40.8-91-90.9V160.4c0-50.2,40.8-91,91-91h601.4c50.1,0,90.9,40.8,90.9,91L901.2,857.2L901.2,857.2z" />
    <path class="st2"
      d="M810.2,112.5H208.9c-26.4,0-47.9,21.5-47.9,47.9v696.7c0,26.5,21.5,48,47.9,48h601.4
			c26.4,0,47.9-21.5,47.9-48l-0.1-696.7C858.1,133.9,836.6,112.5,810.2,112.5z M846.6,859.7c-1.3,18.9-17.1,34-36.3,34H208.9
			c-20.1,0-36.4-16.4-36.4-36.5V160.4c0-20.1,16.3-36.5,36.4-36.5h601.3c20.1,0,36.5,16.4,36.5,36.5L846.6,859.7L846.6,859.7z" />
    <path class="st1" d="M288.9,690.6c-11.4,0-20.7,9.3-20.7,20.7v1.7c0,11.4,9.3,20.6,20.7,20.6c11.4,0,20.6-9.3,20.6-20.6v-1.7
			C309.5,699.9,300.3,690.6,288.9,690.6z" />
    <path class="st1" d="M288.9,283.9c-11.4,0-20.7,9.3-20.7,20.6v1.8c0,11.4,9.3,20.6,20.7,20.6c11.4,0,20.6-9.3,20.6-20.6v-1.8
			C309.5,293.2,300.3,283.9,288.9,283.9z" />
    <path class="st1" d="M288.9,487.2c-11.4,0-20.7,9.3-20.7,20.6v1.7c0,11.4,9.3,20.7,20.7,20.7c11.4,0,20.6-9.3,20.6-20.7v-1.7
			C309.5,496.5,300.3,487.2,288.9,487.2z" />
    <path class="st1" d="M730.2,690.6h-346c-11.4,0-20.7,9.3-20.7,20.7v1.7c0,11.4,9.3,20.6,20.7,20.6h346c11.4,0,20.6-9.3,20.6-20.6
			v-1.7c0-5.5-2.1-10.6-5.9-14.5C741,692.8,735.8,690.6,730.2,690.6z" />
    <path class="st1" d="M730.2,487.2h-346c-11.4,0-20.7,9.3-20.7,20.6v1.7c0,11.4,9.3,20.7,20.7,20.7h346c11.4,0,20.6-9.3,20.6-20.7
			v-1.7c0-5.5-2.1-10.6-5.9-14.5C741,489.4,735.8,487.2,730.2,487.2z" />
    <path class="st1" d="M730.2,283.9h-346c-11.4,0-20.7,9.3-20.7,20.6v1.8c0,11.4,9.3,20.6,20.7,20.6h346c5.6,0,10.8-2.2,14.8-6.1
			c3.8-3.9,5.9-9,5.9-14.4v-1.8C750.8,293.2,741.5,283.9,730.2,283.9z" />
    <path class="st2" d="M288.9,679.1c-17.7,0-32.1,14.4-32.1,32.1v1.7c0,17.7,14.4,32.1,32.1,32.1s32.1-14.4,32.1-32.1v-1.7
			C321,693.6,306.6,679.1,288.9,679.1z M309.5,712.9c0,11.4-9.3,20.6-20.6,20.6c-11.4,0-20.7-9.3-20.7-20.6v-1.7
			c0-11.4,9.3-20.7,20.7-20.7c11.4,0,20.6,9.3,20.6,20.7V712.9z" />
    <path class="st2" d="M730.2,679.1h-346c-17.7,0-32.1,14.4-32.1,32.1v1.7c0,17.7,14.4,32.1,32.1,32.1h346
			c17.7,0,32.1-14.4,32.1-32.1v-1.6c0.1-8.5-3.2-16.6-9.2-22.6C747,682.5,738.9,679.1,730.2,679.1z M750.8,712.9
			c0,11.4-9.3,20.6-20.6,20.6h-346c-11.4,0-20.7-9.3-20.7-20.6v-1.7c0-11.4,9.3-20.7,20.7-20.7h346c5.6,0,10.8,2.2,14.7,6.1
			c3.8,3.9,5.9,9,5.9,14.5L750.8,712.9L750.8,712.9z" />
    <path class="st2" d="M288.9,475.8c-17.7,0-32.1,14.4-32.1,32.1v1.7c0,17.7,14.4,32.1,32.1,32.1s32.1-14.4,32.1-32.1v-1.7
			C321,490.2,306.6,475.8,288.9,475.8z M309.5,509.5c0,11.4-9.3,20.7-20.6,20.7c-11.4,0-20.7-9.3-20.7-20.7v-1.7
			c0-11.4,9.3-20.6,20.7-20.6c11.4,0,20.6,9.3,20.6,20.6V509.5z" />
    <path class="st2" d="M288.9,272.5c-17.7,0-32.1,14.4-32.1,32.1v1.8c0,17.7,14.4,32.1,32.1,32.1s32.1-14.4,32.1-32.1v-1.8
			C321,286.9,306.6,272.5,288.9,272.5z M309.5,306.4c0,11.4-9.3,20.6-20.6,20.6c-11.4,0-20.7-9.3-20.7-20.6v-1.8
			c0-11.4,9.3-20.6,20.7-20.6c11.4,0,20.6,9.3,20.6,20.6V306.4z" />
    <path class="st2" d="M730.2,272.5h-346c-17.7,0-32.1,14.4-32.1,32.1v1.8c0,17.7,14.4,32.1,32.1,32.1h346c8.7,0,16.8-3.4,22.9-9.5
			c6-6,9.3-14.1,9.2-22.5v-1.8C762.3,286.9,747.9,272.5,730.2,272.5z M750.8,306.4c0,5.5-2.1,10.6-5.9,14.4
			c-3.9,3.9-9.2,6.1-14.8,6.1h-346c-11.4,0-20.7-9.3-20.7-20.6v-1.8c0-11.4,9.3-20.6,20.7-20.6h346c11.4,0,20.6,9.3,20.6,20.6v1.9
			H750.8z" />
    <path class="st2" d="M730.2,475.8h-346c-17.7,0-32.1,14.4-32.1,32.1v1.7c0,17.7,14.4,32.1,32.1,32.1h346
			c17.7,0,32.1-14.4,32.1-32.1V508c0.1-8.5-3.2-16.6-9.2-22.6C747,479.2,738.9,475.8,730.2,475.8z M750.8,509.5
			c0,11.4-9.3,20.7-20.6,20.7h-346c-11.4,0-20.7-9.3-20.7-20.7v-1.7c0-11.4,9.3-20.6,20.7-20.6h346c5.6,0,10.8,2.2,14.8,6.1
			c3.8,3.9,5.9,9,5.9,14.5v1.7H750.8z" />
  </svg>
</template>

<script>
import { defaultSize } from "../config"

export default {
  props: {
    size: { type: [String, Number], default: defaultSize },
    color: { type: String, default: '#000' },
    gradientPosition: { type: Array, default: () => ([]) },
    linearGradient: { type: Array, default: () => ([]) },
  },
  computed: {
    isLinear() {
      return (!!this.gradientPosition.length) && (!!this.linearGradient.length)
    }
  }
}
</script>