<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="M928.6,911.2l-77-77c21.9-29.2,34.8-65.4,34.8-104.7c0-96.6-78.3-174.9-174.9-174.9s-174.9,78.3-174.9,174.9
			s78.4,174.8,175,174.8c39.3,0,75.5-12.9,104.7-34.8l77,77c9.8,9.8,25.6,9.8,35.3,0C938.4,936.8,938.4,921,928.6,911.2z
			 M811.6,804.2l-10.8,14.5l-14.5,10.8c-21.4,16.1-47.4,24.8-74.8,24.8c-69,0-124.9-55.9-124.9-124.9s55.9-124.9,124.9-124.9
			s124.9,55.9,124.9,124.9C836.5,756.9,827.7,782.8,811.6,804.2z" />
    <path d="M495.5,923.5c-0.4-21-16.8-37.8-36.6-37.3H189c-16.3-1.8-28.3-16.9-27.4-34.2V167.8c-0.8-17.3,11.2-32.2,27.4-34h498.6
			c16.2,1.8,28.3,16.7,27.4,34v203.8c-0.2,2.1-0.2,4.2,0,6.3c1.6,19.7,18,34.3,36.6,32.5c0.2,0,0.5,0,0.7,0
			c20-0.2,36.1-17.6,35.9-38.8V167.8c0-0.4,0-0.8,0-1.2c0.9-57.3-42.1-104.5-96.1-105.5H193.6c-0.5,0-1,0-1.5,0
			c-53.9,1.8-96.2,49.5-94.5,106.7v684.1c0,0.5,0,1,0,1.5c-0.9,57.2,42.2,104.3,96.1,105.2l269.9,0.2c2.1,0.2,4.3,0.2,6.4,0
			c15.9-1.9,27.4-17.1,25.6-34C495.5,924.5,495.5,924,495.5,923.5z" />
    <path d="M239.4,730.6h196.7l0,0c20.2,0,36.6-17.4,36.6-38.8c0-21.4-16.4-38.8-36.6-38.8H239.4c-2-0.2-4-0.2-5.9,0
			c-18.6,1.7-32.3,19.1-30.7,38.8c0,0.4,0,0.7,0,1.1C203,714,219.4,730.9,239.4,730.6z" />
    <path d="M555,497.8c0-21.4-16.4-38.8-36.6-38.8H243.9c-2-0.2-4-0.2-6,0c-18.5,1.8-32.2,19.1-30.6,38.8c0,0.4,0,0.8,0,1.2
			c0.3,21.1,16.7,38,36.6,37.6h274.5l0,0C538.6,536.6,555,519.2,555,497.8z" />
    <path d="M243.9,337.7h402.6c20.2,0,36.6-17.4,36.6-38.8s-16.4-38.8-36.6-38.8H243.9c-2-0.2-4-0.2-5.9,0
			c-18.6,1.7-32.3,19.1-30.7,38.8c0,0.3,0,0.5,0,0.8C207.5,320.8,223.9,337.9,243.9,337.7z" />
  </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>
