<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="M867,654c-13.5-13.5-35.3-13.5-48.8,0l-61,61l-61-61c-13.5-13.5-35.3-13.5-48.8,0s-13.5,35.3,0,48.8l61,61l-61,61
			c-13.5,13.5-13.5,35.3,0,48.8c6.7,6.7,15.6,10.1,24.4,10.1s17.7-3.4,24.4-10.1l61-61l61,61c6.7,6.7,15.6,10.1,24.4,10.1
			c8.8,0,17.7-3.4,24.4-10.1c13.5-13.5,13.5-35.3,0-48.8l-61-61l61-61C880.4,689.3,880.4,667.4,867,654z" />
    <path d="M917.8,90.1c-9.3-7.2-21.9-8-32.1-2.2L864.8,100l-57,32.9l-84,48.6L621,241l-112.3,64.9l-113.3,65.5l-105.7,61.1
			l-89.3,51.7L136,521.5c-10.1,5.9-20.4,11.6-30.4,17.6l-1.3,0.8c-19.3,11.2-18.1,38.5,0,50l65.5,41.4l104,65.7l23.9,15.1
			c12.8,8.1,32.5,3.1,39.6-10.4c7.5-14.3,3.3-30.9-10.4-39.6l-65.5-41.4L174.7,566l36.6-21.2l84-48.6l102.9-59.5l112.3-64.9
			l113.3-65.6l105.7-61.1l49.5-28.6l-50.1,61.2c-29.3,35.8-58.6,71.6-87.9,107.5L552,494l-79.4,97.1l-59.3,72.6
			c-9.4,11.5-18.8,23-28.1,34.4c-5.2,6.4-9.2,12.9-9.5,21.7c-0.1,3.1,0,6.2,0,9.3v181.5c0.2,16.1,13.4,28.9,29.4,28.7
			c7.5-0.1,14.6-3,20-8.3l47.9-47.8l7-7c0.4-0.4,1-0.5,1.4-1l24.6-25.1l43.4-43.4l1.1-1.1v-0.9l18.9-19.3
			c11.2-11.2,11.1-29.4-0.1-40.6c-11.2-11.2-29.4-11.1-40.6,0.1l-21.9,22.3l-28.8,29l-44.7,44.7v-111l4.8-5.9l35.9-43.9l53.3-65.2
			l64.8-79.3c23.8-29.1,47.5-58.1,71.3-87.2l72-88l66.9-81.7l52.5-64.2c-2.4,14.4-4.7,28.8-7,43.2l-2.4,14.9c-1.2,2.5-2.5,5-2.9,7.9
			L794.9,579c-2.5,15.6,8.1,30.3,23.8,32.8s30.3-8.2,32.8-23.8l0.8-4.9l1.3,0.1c4.3-26.9,8.7-53.7,13-80.6
			c5.7-35.7,11.5-71.4,17.3-107l16.1-99.9l13.6-84.4c3.3-20.3,6.6-40.6,9.8-60.9c1.5-9.6,3.1-19.1,4.6-28.6l0.2-1.3
			C930.1,108.7,927.8,97.8,917.8,90.1z" />
  </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>
