<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="M272,385.4h489.8c63.9,0,121.8-38,147.5-96.6c6.5-15.1-0.4-32.6-15.5-39.2c-15.1-6.5-32.6,0.4-39.2,15.5
			c-16.1,37-52.5,60.8-92.7,60.8H272.1c-39.8,0-76-23.6-92.3-60c-6.7-15.1-24.4-21.8-39.4-15.1c-15.1,6.7-21.8,24.4-15.1,39.4
			C151.1,348,208.8,385.4,272,385.4z" />
    <path d="M401.7,282.6h230.9c32.3,0,58.5-26.3,58.6-58.4c0-0.9-0.1-1.8-0.1-2.5c0.3-5.6-0.2-11.3-1.6-16.8
			c-9.1-37.8-31-72.1-61.7-96.5c-31-24.8-70.2-38.5-110-38.5c-84.7,0-157.7,60.2-173.6,143.2v0.1c-3.3,17.1,1.3,34.7,12.4,48.2
			C367.8,274.9,384.2,282.6,401.7,282.6z M517.7,129.6c26.5,0,52.4,9,72.9,25.4c20.2,16.1,34.7,38.7,40.8,63.6
			c-0.1,1.5-0.2,3-0.1,4.4H403C414.1,168.8,462.1,129.6,517.7,129.6z" />
    <path d="M900.9,590.2h-159V436.3c0-16.5-13.3-29.8-29.8-29.8s-29.8,13.3-29.8,29.8v256.9c0,75.3-67.8,136.6-151.3,136.6h-27.6
			c-83.4,0-151.3-61.3-151.3-136.6V436.3c0-16.5-13.3-29.8-29.8-29.8s-29.8,13.3-29.8,29.8v153.9c-0.2,0-0.3,0-0.5,0H129.5
			c-16.5,0-29.8,13.3-29.8,29.8s13.3,29.8,29.8,29.8H292c0.2,0,0.3,0,0.5,0v43.3c0,29.2,6.9,56.9,19.2,81.8
			c-80.4,8.7-143.2,76.9-143.2,159.6c0,16.5,13.3,29.8,29.8,29.8s29.8-13.4,29.8-29.8c0-55.6,45.3-100.9,101-100.9h23.6
			c1.2,0,2.3-0.1,3.4-0.2c38,34.6,90,55.9,147.3,55.9H531c57.8,0,110.2-21.7,148.3-56.8c2.6,0.7,5.2,1.1,8,1.1h23.6
			c55.7,0,101,45.3,101,100.9c0,16.5,13.3,29.8,29.8,29.8s29.8-13.4,29.8-29.8c0-84.5-65.6-153.9-148.6-160.1
			c12.2-24.8,19-52.3,19-81.3v-43.3h159c16.5,0,29.8-13.3,29.8-29.8C930.7,603.5,917.4,590.2,900.9,590.2z" />
  </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>