<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="M957.6,596.5v-4.5c0-172.1-140-312.9-312.9-312.9h-45.3v-69.9c0-9.8-8-17.8-17.8-17.8H151.9
		c-9.8,0-17.8,8-17.8,17.8v374.8H82.3c-9.8,0-17.8,8-17.8,17.8v148.9c0,9.8,8,17.8,17.8,17.8h87.4c8.3,39.6,43.5,69.5,85.5,69.5
		c42,0,77.3-29.9,85.5-69.5h50.6c7.9,40.1,43.3,70.4,85.7,70.4c42.3,0,77.8-30.4,85.7-70.4h139.8c7.9,40.1,43.3,70.4,85.7,70.4
		c42.3,0,77.8-30.4,85.7-70.4h66.8c9.8,0,17.8-8,17.8-17.8V601.7C958.5,599.9,958.1,598.1,957.6,596.5z M169.7,227h394v68.3
		c0,0.5-0.2,1-0.2,1.5v286.7H169.7V227z M255.2,802.3c-28.5,0-51.7-23.2-51.7-51.7c0.9-27.6,24.1-50.8,51.7-50.8
		s50.8,23.2,51.7,50.8C306.9,779.1,283.8,802.3,255.2,802.3z M477.1,803.2c-28.4,0-51.5-23-51.7-51.4c0-0.4,0.1-0.8,0.1-1.2
		c0.9-27.6,24-50.8,51.6-50.8c1.7,0,3.4,0.1,5.1,0.3c22.7,2.3,41.5,20.2,45.8,42.6c0.5,2.9,0.8,5.8,0.8,8.8
		C528.8,780,505.6,803.2,477.1,803.2z M788.2,803.2c-28.5,0-51.7-23.2-51.7-51.7c0-0.8,0.1-1.5,0.1-2.3c1.6-27,24.4-49.4,51.6-49.4
		c0,0,0,0,0,0c27.1,0,49.9,22.4,51.6,49.4c0,0.8,0.1,1.5,0.1,2.3C839.9,780,816.7,803.2,788.2,803.2z M922.8,732.8h-49.3
		c-2.6-11.7-7.5-22.5-14.2-31.9c-14.9-22.2-39-36.7-68.4-36.7c-0.5,0-1,0.1-1.4,0.1c-0.4,0-0.8-0.1-1.2-0.1
		c-41.7,0-76.7,29.5-85.3,68.6H564.6c-8.9-39.2-43.7-68.6-85.6-68.6c-0.3,0-0.7,0-1,0c-0.3,0-0.6,0-0.9,0
		c-41.7,0-76.7,29.5-85.3,68.6h-50.1c-4.3-18.8-14.5-35.3-28.6-47.4c-15.4-13.7-35.7-22.1-57.9-22.1c-42,0-77.3,29.9-85.5,69.5
		h-69.6V619.6h481.3h341.4V732.8z M600.1,583.9V314.7h45.5c149.8,0,272.8,120.3,277.2,269.2H600.1z" />
    <path class="st1" d="M662.5,355.7c-2.7,0-5.3,0.9-7.1,2.7c-1.8,1.8-2.7,3.6-2.7,6.2v156.9c0,5.3,3.6,8.9,8.9,8.9h198.8
		c2.7,0,5.3-1.8,8-4.5c1.8-2.7,1.8-5.3,0.9-8C839,427.9,757.9,363.7,662.5,355.7z M670.5,512.6V374.4
		c79.3,10.7,148,63.3,177.4,138.2H670.5z" />
    <path d="M470.6,335.6c-7.1-5.5-19.8-3.9-25.4,3.2l-79.3,117.8L308,403.3c-7.1-5.5-19.8-3.9-25.4,3.2c-5.5,7.1-3.9,19.8,3.2,25.4
		l72.1,64.4c7.1,5.5,19.8,3.9,25.4-3.2L473.8,361C479.3,353.8,477.7,341.1,470.6,335.6z" />
  </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>
