<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.9,598.7v-4.5c0-172.3-140.1-313.3-313.3-313.3h-45.4v-70c0-9.8-8-17.9-17.9-17.9H151.2
		c-9.8,0-17.9,8-17.9,17.9v375.2H81.5c-9.8,0-17.9,8-17.9,17.8V753c0,9.8,8,17.8,17.9,17.8H169c8.3,39.7,43.5,69.6,85.6,69.6
		c42.1,0,77.4-29.9,85.6-69.6H391c7.9,40.1,43.4,70.5,85.8,70.5c42.4,0,77.9-30.4,85.8-70.5h139.9c7.9,40.1,43.4,70.5,85.8,70.5
		c42.4,0,77.9-30.4,85.8-70.5h66.8c9.8,0,17.9-8,17.9-17.8V604C958.8,602.1,958.4,600.4,957.9,598.7z M169,228.7h394.5v68.4
		c0,0.5-0.2,1-0.2,1.5v287.1H169V228.7z M254.6,804.8c-28.6,0-51.8-23.2-51.8-51.8c0.9-27.7,24.1-50.9,51.8-50.9
		c27.7,0,50.9,23.2,51.8,50.9C306.4,781.6,283.2,804.8,254.6,804.8z M476.8,805.7c-28.5,0-51.6-23.1-51.8-51.5
		c0-0.4,0.1-0.8,0.1-1.2c0.9-27.6,24.1-50.8,51.7-50.9c1.7,0,3.4,0.1,5.1,0.3c22.8,2.3,41.6,20.3,45.8,42.7c0.5,2.9,0.8,5.8,0.8,8.8
		C528.5,782.5,505.3,805.7,476.8,805.7z M788.3,805.7c-28.6,0-51.8-23.2-51.8-51.8c0-0.8,0.1-1.5,0.1-2.3
		c1.6-27,24.5-49.5,51.7-49.5c0,0,0,0,0,0c27.2,0,50,22.4,51.6,49.5c0,0.8,0.1,1.5,0.1,2.3C840.1,782.5,816.8,805.7,788.3,805.7z
		 M923.1,735.2h-49.4c-2.6-11.7-7.5-22.5-14.3-31.9c-14.9-22.2-39-36.8-68.5-36.8c-0.5,0-1,0.1-1.4,0.1c-0.4,0-0.8-0.1-1.2-0.1
		c-41.8,0-76.8,29.5-85.4,68.7H564.4c-8.9-39.3-43.7-68.7-85.7-68.7c-0.3,0-0.7,0-1,0c-0.3,0-0.6,0-0.9,0
		c-41.8,0-76.8,29.5-85.4,68.7h-50.1c-4.3-18.8-14.5-35.3-28.6-47.5c-15.5-13.7-35.7-22.2-58-22.2c-42.1,0-77.4,29.9-85.6,69.6H99.3
		V621.8h481.9h341.9V735.2z M599.9,586.1V316.6h45.5c150,0,273.1,120.5,277.6,269.6H599.9z" />
    <path class="st1" d="M662.4,357.6c-2.7,0-5.4,0.9-7.1,2.7c-1.8,1.8-2.7,3.6-2.7,6.2v157.1c0,5.4,3.6,8.9,8.9,8.9h199
		c2.7,0,5.4-1.8,8-4.5c1.8-2.7,1.8-5.4,0.9-8C839.2,429.9,757.9,365.6,662.4,357.6z M670.5,514.7V376.4
		c79.4,10.7,148.2,63.4,177.6,138.4H670.5z" />
    <path d="M437.7,453.6h-95.1V342.8c0-9-9.1-18.1-18.1-18.1c-9.1,0-18.1,9.1-18.1,18.1v128.9c0,9,9,18.1,18.1,18.1h113.2
		c9,0,18.1-9.1,18.1-18.1C455.8,462.7,446.8,453.6,437.7,453.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>
