<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="M464,879.7c-0.4-19.9-15.7-35.7-34.3-35.3H176.5c-15.3-1.7-26.6-15.9-25.8-32.3V165.6c-0.8-16.3,10.5-30.4,25.8-32.1
			h467.8c15.2,1.7,26.5,15.8,25.8,32.1v192.6c-0.2,2-0.2,4,0,5.9c1.5,18.6,16.9,32.4,34.3,30.7c0.2,0,0.5,0,0.7,0
			c18.8-0.2,33.8-16.6,33.6-36.7V165.6c0-0.4,0-0.8,0-1.2c0.9-54.1-39.5-98.8-90.2-99.7H180.8c-0.5,0-1,0-1.4,0
			c-50.6,1.7-90.3,46.8-88.7,100.8V812c0,0.5,0,1,0,1.4c-0.8,54.1,39.6,98.6,90.2,99.4l253.2,0.2c2,0.2,4,0.2,6,0
			c14.9-1.8,25.7-16.1,24-32.1C464,880.6,464,880.2,464,879.7z" />
    <path d="M223.7,697.5h184.5l0,0c19,0,34.3-16.4,34.3-36.7s-15.4-36.7-34.3-36.7H223.7c-1.9-0.2-3.7-0.2-5.6,0
			c-17.4,1.6-30.3,18.1-28.8,36.7c0,0.3,0,0.7,0,1C189.6,681.8,205,697.7,223.7,697.5z" />
    <path d="M485.5,514.1c19,0,34.3-16.4,34.3-36.7c0-20.3-15.4-36.7-34.3-36.7H228c-1.9-0.2-3.8-0.2-5.7,0
			c-17.4,1.7-30.2,18.1-28.7,36.7c0,0.4,0,0.7,0,1.1c0.3,20,15.7,35.9,34.3,35.6H485.5L485.5,514.1z" />
    <path d="M640,289.4c0-20.3-15.4-36.7-34.3-36.7H228c-1.9-0.2-3.7-0.2-5.6,0c-17.4,1.6-30.3,18.1-28.8,36.7c0,0.2,0,0.5,0,0.7
			c0.2,20.1,15.6,36.1,34.3,35.9h377.7C624.6,326.1,640,309.6,640,289.4z" />
    <path d="M704.4,457.7c-129.6,0-235.1,111.6-235.1,248.9v0.7c0.2,136.9,105.5,248.2,234.8,248.2c0.1,0,0.2,0,0.3,0
			c129.6,0,235.1-111.6,235.1-248.9C939.5,569.4,834,457.7,704.4,457.7z M704.3,888.8c-0.1,0-0.1,0-0.2,0
			c-92.5,0-167.9-81.4-168.1-181.5v-0.6c0-100.4,75.5-182.2,168.4-182.2c92.8,0,168.3,81.7,168.3,182.2
			C872.7,807.1,797.2,888.8,704.3,888.8z" />
    <path d="M791.4,697.3L683.7,620c-4-3-9.5-3.1-13.7-0.4c-4.3,2.7-7,7.9-7,13.5v154.4c-0.1,5.4,2.5,10.5,7,13.5
			c4.2,2.7,9.6,2.6,13.7-0.4l107.7-77.3c3.9-2.8,6.3-7.8,6.3-13.1C797.7,705.1,795.3,700.1,791.4,697.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>
