<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 d="M891,733.3c-19.1,0-34.7,14.9-34.7,33.2v77.7c0,24.4-20.7,44.1-46.1,44.1H217.4c-25.4,0-46.1-19.7-46.1-44.1V174.8
			c0-11.8,4.8-22.9,13.5-31.2c8.7-8.4,20.3-12.9,32.6-12.9h592.8c25.4,0,46.1,19.7,46.1,44.1V406c0,18.2,15.6,33.2,34.7,33.2
			s34.7-14.9,34.7-33.2V174.3c0-29.5-12-57.2-33.8-78C870,75.4,841,63.9,810.2,63.9H217.4c-63.7,0-115.6,49.5-115.6,110.3v669.3
			c0,29.5,12,57.2,33.8,78s50.9,32.3,81.7,32.3h592.8c30.5,0,60.4-11.8,81.9-32.5c21.6-20.7,33.8-49.3,33.6-78.3v-76.7
			C925.6,748.1,910.1,733.3,891,733.3z" />
    <path d="M701.6,483.2c0-18.2-15.6-33.2-34.7-33.2H235.8c-19.1,0-34.7,14.9-34.7,33.2c0,18.2,15.6,33.2,34.7,33.2H667
			C686.1,516.4,701.6,501.5,701.6,483.2z" />
    <path d="M960.1,538c-1.2-5.8-2.9-11.5-5.4-17l-0.1-0.2c-5.8-12.1-13.4-23.3-22.8-33.3c-8.6-9.4-18.7-17.4-29.9-23.7l-0.2-0.1
			c-5.4-2.7-11.2-4.9-17-6.7h-0.1c-7.1-2-14.5-3.1-21.8-3.4h-3c-18,0-35.7,6.1-49.7,17.2l-12.7,11.1l-10.7,9.8l-3,2.5l-27.9,24
			l-82.6,81.6L642,630.7l-28,27.8L592.5,680l-9.1,9.2c-5.3,5-9.9,10.6-14,16.6c-3.1,4.7-5.8,9.7-8,14.8c-2.9,5.7-5.4,11.7-7.3,17.8
			l-13,42.4c-2.1,7-3.9,14.1-5,21.2c-3.9,16.8,0.2,34.3,11.2,48.1l0.1,0.2c10.5,12.4,26.6,19.7,43.4,19.7h9.9l19.7-4.3l24.1-6.8
			l23.5-7.8l19.3-7.9l0.1-0.1c6.9-3,13.4-6.8,19.4-11.3l10.4-8.4l12.3-11.8l20.6-20.7l26.9-26.7l30.7-30.5l82.5-81.3l26.4-26.2
			l13.4-12.8l8.8-8.9l0.1-0.1c6.5-7.1,11.6-15.1,14.9-23.9c3.1-8,4.7-16.4,4.8-25c1.1-5.3,1.6-10.7,1.6-16.1v-0.8L960.1,538z
			 M771.1,699.9l-30.8,30.5l-27.5,27.3l-20.4,20l-9.6,9.1l-8.4,7c-2.6,2-5.4,3.6-8.4,5l-15.2,6l-21.1,7.1l-21.2,6.1l-14,3.3H591
			l-0.5,0.1c-0.8,0.1-1.5,0-2.1-0.3c-0.5-2.1-0.3-4.5,0.5-6.5l0.3-0.8l0.1-0.8c0.9-4.9,2-9.9,3.5-14.6l5.9-20.6l6.4-20v-0.1
			c1.2-3.9,2.7-7.6,4.4-11.3l0.1-0.3c1.3-3,2.9-5.9,4.8-8.7c2-3.1,4.4-6,7.2-8.7l31.8-31.9l28-27.8l31.2-30.9l76.8-75.9l60.8,60.3
			L771.1,699.9z M903.3,570.7L889,584.3l-0.3,0.2L826,524.4l5.3-4.9l10.4-9c2.3-1.7,4.8-3,7.5-4h18.2l7.2,2.8
			c5.8,3.3,10.9,7.6,15.3,12.6l0.2,0.2c5.4,5.6,9.8,11.8,13.2,18.6c0.1,1.7,0.1,3.3-0.1,5l-0.1,0.8l0.1,0.8c0.3,2.6,0.3,5.3,0,7.8
			l-0.2,2.4l1.3,2c1.2,1.9,2,4,2.5,6.1C905.8,567.4,904.7,569.1,903.3,570.7z" />
    <path d="M755.5,277.3c0-18.2-15.6-33.2-34.7-33.2h-485c-19.1,0-34.7,14.9-34.7,33.2c0,18.2,15.6,33.2,34.7,33.2h485.1
			C739.9,310.4,755.5,295.5,755.5,277.3z" />
    <path d="M235.8,656c-19.1,0-34.7,14.9-34.7,33.2c0,18.2,15.6,33.2,34.7,33.2h215.6c19.1,0,34.7-14.9,34.7-33.2
			c0-18.2-15.6-33.2-34.7-33.2H235.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>
