<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="M486.9,460.7c2.9,3,6.4,5.6,10.1,7.6h0.1c1.1,0.6,2.3,1.1,3.5,1.6h0.1c1.2,0.5,2.4,0.9,3.6,1.3h0.1
			c1.2,0.4,2.4,0.7,3.7,0.9h0.1c1.2,0.2,2.4,0.4,3.7,0.5c0.1,0,0.1,0,0.2,0c1.2,0.1,2.5,0.2,3.7,0.2c1.3,0,2.5-0.1,3.7-0.2
			c0.1,0,0.1,0,0.2,0c1.2-0.1,2.5-0.3,3.7-0.5h0.1c1.2-0.2,2.5-0.5,3.7-0.9h0.1c1.2-0.4,2.4-0.8,3.6-1.3h0.1c1.2-0.5,2.3-1,3.5-1.6
			h0.1c3.8-2,7.2-4.6,10.1-7.6l120.4-120.4c15.7-15.7,15.7-41.2,0-57s-41.2-15.7-57,0L556,335.4V150.7c0-22.3-18-40.3-40.3-40.3
			s-40.3,18-40.3,40.3v184.7l-52.1-52.1c-15.7-15.7-41.2-15.7-57,0s-15.7,41.2,0,57L486.9,460.7z" />
    <path d="M958.1,344c0-0.1-0.1-0.2-0.1-0.4c-0.1-0.5-0.2-1-0.3-1.5c-0.1-0.3-0.2-0.6-0.2-0.8c-0.1-0.3-0.2-0.7-0.3-1
			c-0.1-0.4-0.3-0.9-0.4-1.3c-0.1-0.2-0.1-0.3-0.2-0.5c-4.5-12.7-15.2-22.4-28.4-25.6c-0.1,0-0.1,0-0.2,0c-0.5-0.1-1.1-0.2-1.6-0.4
			c-0.2,0-0.4-0.1-0.6-0.1c-0.4-0.1-0.8-0.2-1.3-0.2c-0.4-0.1-0.8-0.1-1.2-0.1c-0.2,0-0.5-0.1-0.7-0.1c-1.5-0.2-3-0.2-4.5-0.2H757.5
			c-22.3,0-40.3,18-40.3,40.3s18,40.3,40.3,40.3h40.3l-282,211.5l-282-211.5h40.3c22.3,0,40.3-18,40.3-40.3s-18-40.3-40.3-40.3
			H112.9c-7.4,0-14.3,2-20.2,5.5c0,0,0,0-0.1,0c-0.5,0.3-1,0.6-1.6,1l-0.1,0.1c-0.5,0.3-1,0.7-1.5,1c-0.1,0-0.1,0.1-0.2,0.1
			c-0.5,0.4-1,0.7-1.5,1.1c0,0-0.1,0-0.1,0.1c-6.3,5-11,11.9-13.4,19.8v0.1c-0.2,0.6-0.3,1.1-0.5,1.7c0,0.1-0.1,0.3-0.1,0.4
			c-0.1,0.5-0.2,1-0.3,1.4c-0.1,0.3-0.1,0.5-0.1,0.8c-0.1,0.4-0.1,0.7-0.2,1.1s-0.1,0.9-0.2,1.3c0,0.2-0.1,0.4-0.1,0.6
			c-0.1,1.4-0.2,2.7-0.2,4.1v523.6c0,22.3,18,40.3,40.3,40.3h805.6c22.3,0,40.3-18,40.3-40.3V352.4
			C958.9,349.6,958.6,346.8,958.1,344z M878.3,835.4H153.2V432.6l338.4,253.8c7.2,5.4,15.7,8.1,24.2,8.1s17-2.7,24.2-8.1
			l338.4-253.8v402.8H878.3z" />
  </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>