<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="M932.1,636.8c-15.4,0-27.9,12.5-27.9,28v176.6c0,33.3-27,60.3-60.3,60.3H733.4c0,0,0,0-0.1,0c-15.4,0-27.9,12.5-27.9,28
			s12.5,27.9,28,27.9h110.4c64.3,0,116.3-52,116.3-116.3V664.8c0,0,0,0,0-0.1C960,649.3,947.5,636.8,932.1,636.8z" />
    <path d="M93.3,370.5c15.4,0,28-12.5,28-28V179.2c0-33.3,27-60.3,60.3-60.3h163.3c15.4,0,28-12.5,28-28c0-15.4-12.5-28-28-28H181.6
			c-64.3,0-116.3,52-116.3,116.3v163.3C65.3,358,77.8,370.5,93.3,370.5z" />
    <path d="M843.8,62.9H680.4c-15.4,0-28,12.5-28,28c0,15.4,12.5,28,28,28h163.3c33.3,0,60.3,27,60.3,60.3v163.3c0,0,0,0,0,0.1
			c0,15.4,12.5,27.9,28,27.9c15.4,0,27.9-12.5,27.9-28V179.2C960,114.9,908,62.9,843.8,62.9z" />
    <path d="M825.5,531.5c16.7-20.5,16.7-49.9,0-70.5c-94.4-116.3-198.7-174.5-312.8-174.5S294.3,344.7,199.9,461
			c-16.7,20.5-16.7,49.9,0,70.5C294.2,647.9,398.5,706,512.7,706S731.1,647.9,825.5,531.5z M512.7,650.1
			c-95.8,0-184.9-49.7-269.4-153.8c84.5-104.1,173.6-153.8,269.4-153.8s184.9,49.7,269.4,153.8C697.6,600.4,608.5,650.1,512.7,650.1
			z" />
    <path d="M358.2,901.7H181.6c-33.3,0-60.3-27-60.3-60.3V678c0-15.4-12.5-28-28-28s-28,12.5-28,28v163.3
			c0,64.2,52.1,116.3,116.3,116.3h176.6c0,0,0,0,0.1,0c15.4,0,27.9-12.5,27.9-28C386.1,914.2,373.6,901.7,358.2,901.7z" />
    <path d="M512.7,370.5C512.7,370.5,512.6,370.5,512.7,370.5c-69.5,0-125.9,56.4-125.8,125.8c0,69.5,56.4,125.8,125.8,125.8
			c69.5,0,125.8-56.3,125.8-125.8S582.2,370.5,512.7,370.5z M512.7,566.2c-38.6,0-69.8-31.3-69.9-69.9c0-38.6,31.3-69.9,69.9-69.9
			c0,0,0,0,0.1,0c38.6,0,69.9,31.3,69.9,69.9C582.6,534.9,551.3,566.2,512.7,566.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>
