<template>
  <svg
    v-bind="$attrs"
    :width="size"
    :height="size"
    xmlns="http://www.w3.org/2000/svg"
    class="ui-svg-inline"
    viewBox="0 0 24 24"
    fill="currentColor"
  >
    <path
      d="M21.06,12.28a5.69,5.69,0,0,0-1.67-4L14,2.81a2.83,2.83,0,0,0-4,0L4.61,8.23a5.69,5.69,0,0,0-1.67,4A5.7,5.7,0,0,0,8.66,18h0a6.88,6.88,0,0,1-1.23,2.37A1,1,0,0,0,8.24,22h7.52a1,1,0,0,0,.78-1.63A6.84,6.84,0,0,1,15.31,18a5.69,5.69,0,0,0,5.75-5.71ZM18,14.91a3.78,3.78,0,0,1-3.66.95,1,1,0,0,0-.17,0l-.2,0h0a1.41,1.41,0,0,0-.22.06l-.15,0a.69.69,0,0,0-.13.11.75.75,0,0,0-.17.14.6.6,0,0,1-.06.11,2.53,2.53,0,0,0-.12.23v0a1.1,1.1,0,0,0,0,.18c0,.06,0,.12,0,.18v0h0A8.84,8.84,0,0,0,13.94,20H10.06A8.62,8.62,0,0,0,10.94,17h0v0c0-.06,0-.12,0-.19a1.1,1.1,0,0,0,0-.18h0a1.12,1.12,0,0,0-.13-.24.53.53,0,0,0-.06-.1.54.54,0,0,0-.16-.14,1.27,1.27,0,0,0-.13-.11l-.14,0a.88.88,0,0,0-.23-.07h0l-.19,0a1.1,1.1,0,0,0-.18,0A3.81,3.81,0,0,1,6,14.91a3.75,3.75,0,0,1-1.09-2.63A3.69,3.69,0,0,1,6,9.65l5.4-5.42a.81.81,0,0,1,1.13,0L18,9.65a3.69,3.69,0,0,1,1.09,2.63A3.78,3.78,0,0,1,18,14.91Z"
    />
  </svg>
</template>

<script>
import '../utils/style.css'

export default {
  props: {
    size: {
      type: String,
      default: '1em'
    }
  }
}
</script>