<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="M755.4,418.3v29c0,17.2-13.9,31.1-31.1,31.1c98.1,0,177.9,79.8,177.9,177.9s-79.8,177.9-177.9,177.9
			c-30.8,0-61-7.9-87.6-23c10.8,6.2,16.9,18.1,15.6,30.5c-1.4,12.3-10,22.7-21.9,26.3c-4.1,1.2-8.2,2.4-12.4,3.6
			c32.9,16.3,69.4,24.8,106.4,24.8c132.3,0,240-107.7,240-240C964.3,534.5,873.1,433.6,755.4,418.3z" />
    <path d="M652.3,841.7c1.4-12.3-4.7-24.3-15.6-30.5c-46.5-26.4-78.5-71.6-87.6-123.9c-0.1-0.5-0.1-0.9-0.2-1.4
			c-1.6-9.7-2.4-19.6-2.4-29.5c0-43.9,16.2-86.2,45.5-118.8c33.7-37.5,82-59.1,132.4-59.1c17.2,0,31.1-13.9,31.1-31.1v-29v-159
			c0,34-23.8,61.2-62.1,82.1v76.9l0,0c-1,0.1-2.1,0.3-3.1,0.4c-0.9,0.1-1.8,0.3-2.6,0.4c-1,0.2-2.1,0.3-3.1,0.5
			c-0.9,0.1-1.7,0.3-2.6,0.4c-1.1,0.2-2.1,0.4-3.2,0.6c-0.8,0.2-1.7,0.3-2.5,0.5c-1.1,0.2-2.1,0.4-3.2,0.7c-0.8,0.2-1.6,0.4-2.4,0.6
			c-1.1,0.2-2.1,0.5-3.2,0.8c-0.7,0.2-1.4,0.4-2.1,0.5c-2.2,0.6-4.4,1.1-6.5,1.8c-0.7,0.2-1.4,0.4-2,0.6c-1.1,0.3-2.1,0.7-3.2,1
			c-0.8,0.2-1.5,0.5-2.3,0.7c-1.1,0.3-2.1,0.7-3.1,1c-0.8,0.3-1.5,0.5-2.3,0.8c-1,0.4-2.1,0.7-3.1,1.1c-0.8,0.3-1.5,0.6-2.3,0.8
			c-1,0.4-2.1,0.8-3.1,1.2c-0.7,0.3-1.4,0.6-2.2,0.9c-3.7,1.5-7.4,3.1-11,4.7c-0.8,0.3-1.5,0.7-2.3,1c-1,0.5-1.9,0.9-2.9,1.4
			c-0.8,0.4-1.6,0.8-2.3,1.2c-0.9,0.5-1.9,0.9-2.8,1.4c-0.8,0.4-1.6,0.8-2.4,1.2c-0.9,0.5-1.8,1-2.7,1.5c-0.8,0.4-1.6,0.9-2.4,1.4
			c-0.9,0.5-1.7,1-2.6,1.5c-0.9,0.5-1.8,1.1-2.8,1.6c-1.3,0.8-2.6,1.6-3.9,2.4c-1,0.6-1.9,1.2-2.9,1.8c-0.8,0.5-1.5,1-2.3,1.5
			c-0.9,0.6-1.7,1.1-2.6,1.7c-0.8,0.5-1.5,1-2.3,1.6c-0.9,0.6-1.7,1.2-2.6,1.8c-0.7,0.5-1.5,1.1-2.2,1.6c-0.9,0.6-1.8,1.3-2.6,2
			c-0.7,0.5-1.4,1-2,1.5c-1,0.8-2,1.6-3,2.3c-0.5,0.4-1.1,0.8-1.6,1.3c-1.5,1.2-2.9,2.4-4.4,3.7c-0.5,0.4-0.9,0.8-1.4,1.2
			c-1,0.9-2.1,1.8-3.1,2.7c-0.6,0.5-1.1,1-1.7,1.5c-0.9,0.8-1.8,1.7-2.7,2.5c-0.6,0.5-1.1,1.1-1.7,1.6c-0.9,0.9-1.8,1.7-2.6,2.6
			c-0.5,0.5-1.1,1.1-1.6,1.6c-0.2,0.2-0.5,0.5-0.7,0.7c-43.5,7.7-92.4,11.8-142.3,11.8c-183.4,0-282.4-52.1-282.4-73.4v-85
			c-38.3-20.9-62.1-48.1-62.1-82.1v501.4c0,93.1,178.6,135.5,344.5,135.5c75.5,0,148.4-8.8,207-24.8c4.2-1.2,8.4-2.3,12.4-3.6
			C642.3,864.3,650.9,854,652.3,841.7z M128.6,508.6c66.6,36.3,177,53.4,282.4,53.4c32.2,0,64.2-1.6,94.8-4.7
			c-14,30.8-21.4,64.5-21.4,99c0,2.6,0.1,5.1,0.1,7.7c-23.9,2-48.5,3-73.6,3c-183.4,0-282.4-52.1-282.4-73.4v-85H128.6z
			 M410.9,834.2c-183.4,0-282.4-52.1-282.4-73.4v-85c66.6,36.3,177,53.4,282.4,53.4c28.4,0,56.4-1.2,83.6-3.6c0.3,1.1,0.6,2.1,1,3.2
			c0.2,0.7,0.4,1.4,0.7,2c0.4,1.3,0.8,2.6,1.3,3.9c0.2,0.6,0.4,1.1,0.6,1.7c0.6,1.6,1.2,3.3,1.8,4.9c0.3,0.7,0.6,1.5,0.8,2.2
			c0.4,1.1,0.9,2.2,1.3,3.4c0.3,0.7,0.5,1.4,0.8,2c0.6,1.6,1.3,3.1,2,4.6c0.3,0.8,0.7,1.6,1,2.3c0.4,1,0.9,2,1.4,3
			c0.4,0.8,0.7,1.5,1.1,2.3c0.7,1.5,1.4,2.9,2.2,4.4c0.4,0.8,0.8,1.6,1.2,2.4c0.5,0.9,0.9,1.8,1.4,2.7c0.4,0.8,0.8,1.6,1.3,2.4
			c0.8,1.4,1.6,2.8,2.4,4.2c0.5,0.8,0.9,1.6,1.4,2.4c0.5,0.8,1,1.7,1.5,2.5s1,1.6,1.4,2.3c0.9,1.4,1.7,2.7,2.6,4
			c0.5,0.8,1,1.5,1.5,2.2c0.6,0.8,1.1,1.7,1.7,2.5c0.5,0.7,1,1.5,1.5,2.2c0.9,1.3,1.9,2.6,2.9,4c0.5,0.7,1,1.3,1.5,2
			c0.7,0.9,1.3,1.7,2,2.6c0.5,0.6,1,1.3,1.5,1.9c1.1,1.3,2.1,2.6,3.2,4c0.4,0.5,0.9,1,1.3,1.6c0.8,1,1.7,2,2.5,2.9
			c0.5,0.5,0.9,1,1.4,1.5c1.2,1.4,2.4,2.7,3.7,4c0.3,0.3,0.6,0.6,0.9,0.9c0.7,0.7,1.3,1.4,2,2.1
			C508.5,830.2,460.5,834.2,410.9,834.2z" />
    <path d="M128.6,341.4c66.6,36.3,177,53.4,282.4,53.4s215.7-17.1,282.4-53.4c38.3-20.9,62.1-48.1,62.1-82.1
			c0-93.1-178.6-135.5-344.5-135.5S66.5,166.2,66.5,259.3C66.5,293.3,90.3,320.6,128.6,341.4z M410.9,185.9
			c183.4,0,282.4,52.1,282.4,73.4s-98.9,73.4-282.4,73.4s-282.4-52.1-282.4-73.4C128.6,238,227.5,185.9,410.9,185.9z" />
    <path d="M693.3,739.9c0,17.2,13.9,31.1,31.1,31.1c63.2,0,114.6-51.4,114.6-114.6c0-17.2-13.9-31.1-31.1-31.1
			c-17.2,0-31.1,13.9-31.1,31.1c0,28.9-23.6,52.5-52.5,52.5C707.2,708.8,693.3,722.7,693.3,739.9z" />
    <path d="M640.7,687.4c17.2,0,31.1-13.9,31.1-31.1c0-29,23.6-52.5,52.5-52.5c17.2,0,31.1-13.9,31.1-31.1
			c0-17.2-13.9-31.1-31.1-31.1c-63.2,0-114.6,51.4-114.6,114.6C609.7,673.5,623.6,687.4,640.7,687.4z" />
  </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>
