<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="M205.9,332.4h66.3v66.1c0,16,13,29,28.9,29s28.9-13,28.9-29v-66.2h66.1c16,0,29-13,29-28.9s-13-28.9-29-28.9H330v-66.2
			c0-16-13-29-28.9-29c-16,0-29,13-29,29v66.2h-66.2c-7.8,0-15.1,3-20.6,8.5s-8.5,12.8-8.4,20.5
			C176.9,319.5,189.9,332.4,205.9,332.4z" />
    <path d="M259.3,720.9l-54.4,54.2c-5.5,5.5-8.5,12.9-8.5,20.7c0,7.7,3.1,14.9,8.5,20.3c5.4,5.5,12.6,8.5,20.4,8.5h0.1
			c7.8,0,15.1-3,20.6-8.5l54.2-54.4l52.1,52.2c5.5,5.5,12.8,8.5,20.5,8.5c6.7-0.3,15-3.1,20.3-8.4c5.5-5.4,8.6-12.7,8.7-20.5
			c0-7.8-3.1-15.1-8.6-20.5l-52.1-52.1l52.7-52.8c11.3-11.3,11.3-29.6,0-40.9c-11.1-10.9-30.1-10.9-40.9,0L300.1,680l-54.9-54.8
			c-5.4-5.5-12.6-8.5-20.4-8.5h-0.1c-7.7,0-15,3-20.5,8.5c-11.2,11.2-11.2,29.5,0,40.9L259.3,720.9z" />
    <path d="M624.5,693.9h190.2c7.8,0,15.1-3,20.6-8.5c5.4-5.5,8.5-12.8,8.4-20.4c0-15.9-13-28.9-29-28.9H624.5c-16,0-29,13-29,28.9
			S608.5,693.9,624.5,693.9z" />
    <path d="M814.7,274.5H624.5c-7.8,0-15.2,3-20.6,8.6c-5.4,5.5-8.4,12.7-8.3,20.4c0,15.9,13,28.9,29,28.9h190.2c16,0,29-13,29-28.9
			C843.7,287.5,830.7,274.5,814.7,274.5z" />
    <path d="M624.5,808.1h190.2c16,0,29-13,29-28.9s-13-28.9-29-28.9H624.5c-16,0-29,13-29,28.9S608.5,808.1,624.5,808.1z" />
    <path d="M871.8,65.2h-723c-47.4,0-86.1,38.6-86.1,86.1v722.9c0,47.4,38.6,86.1,86.1,86.1h722.9c47.4,0,86.1-38.6,86.1-86v-723
			C957.9,103.8,919.3,65.2,871.8,65.2z M481.4,902.3H148.8c-15.5,0-28.1-12.6-28.1-28.2V541.6h360.7L481.4,902.3L481.4,902.3z
			 M481.4,483.8H120.7V151.3c0-15.5,12.6-28.2,28.1-28.2h332.6L481.4,483.8L481.4,483.8z M899.9,874.2c0,15.5-12.6,28.2-28.1,28.2
			H539.2V541.6h360.7V874.2z M899.9,483.8H539.2V123.1h332.6c15.5,0,28.1,12.6,28.1,28.2V483.8z" />
  </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>
