<template>
  <svg
    width="40"
    height="40"
    viewBox="0 0 40 40"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g id="vuesax/linear/info-circle">
      <g id="vuesax/linear/info-circle_2">
        <g id="info-circle">
          <path
            id="Vector"
            d="M19.9994 3.33341C10.8327 3.33341 3.33269 10.8334 3.33269 20.0001C3.33268 29.1667 10.8327 36.6667 19.9993 36.6667C29.166 36.6667 36.666 29.1667 36.666 20.0001C36.666 10.8334 29.166 3.33342 19.9994 3.33341Z"
            fill="#3087E9"
            fill-opacity="0.1"
            stroke="#3087E9"
            stroke-width="2"
            stroke-linecap="round"
            stroke-linejoin="round"
          />
          <path
            id="Vector_2"
            d="M20 26.6667L20 18.3334"
            stroke="#3087E9"
            stroke-width="3"
            stroke-linecap="round"
            stroke-linejoin="round"
          />
          <path
            id="Vector_3"
            d="M20.0098 13.3333L19.9948 13.3333"
            stroke="#3087E9"
            stroke-width="3"
            stroke-linecap="round"
            stroke-linejoin="round"
          />
        </g>
      </g>
    </g>
  </svg>
</template>
<script>
export default {
  props: {
    width: {
      required: false,
      type: Number,
      default: 40,
    },
    height: {
      required: false,
      type: Number,
      default: 40,
    },
  },
};
</script>
