301hospital/web/src/components/icon/collection.vue

<template>
  <div class="svg">
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlns:xlink="http://www.w3.org/1999/xlink"
      width="57.134"
      height="66.263"
      viewBox="0 0 57.134 66.263"
      style="display: inline; width: inherit; min-width: inherit; max-width: inherit; height: inherit; min-height: inherit; max-height: inherit;"
    >
      <defs>
        <linearGradient
          id="linear-gradient"
          x1="0.5"
          x2="0.5"
          y2="2"
          gradientUnits="objectBoundingBox"
        >
          <stop offset="0" stop-color="#248570" />
          <stop offset="1" stop-color="#4ab19b" />
        </linearGradient>
        <filter id="椭圆_54">
          <feOffset dx="1" input="SourceAlpha" />
          <feGaussianBlur stdDeviation="6" result="blur" />
          <feFlood flood-color="#b0eee3" result="color" />
          <feComposite operator="out" in="SourceGraphic" in2="blur" />
          <feComposite operator="in" in="color" />
          <feComposite operator="in" in2="SourceGraphic" />
        </filter>
      </defs>
      <g id="collection" transform="translate(-2945.938 -2456.739)">
        <path
          id="路径_16257"
          data-name="路径 16257"
          d="M2982.042,2520.946a3.669,3.669,0,0,1,6.354,0l9.076,15.72,6.965,12.063a3.669,3.669,0,0,1-4.536,5.243l-13.468-4.258a6.741,6.741,0,0,0-2.717,0l-13.179,4.258a3.669,3.669,0,0,1-4.536-5.243l6.965-12.063Z"
          transform="translate(-10.714 -31.243)"
          fill="url(#linear-gradient)"
        />
        <g data-type="innerShadowGroup">
          <circle
            id="ffff"
            data-name="椭圆 54"
            cx="28.567"
            cy="28.567"
            r="28.567"
            transform="translate(2945.938 2456.739)"
          />
          <g
            transform="matrix(1, 0, 0, 1, 2945.94, 2456.74)"
            filter="url(#椭圆_54)"
          >
            <circle
              id="椭圆_54-3"
              data-name="椭圆 54"
              cx="28.567"
              cy="28.567"
              r="28.567"
              fill="#fff"
            />
          </g>
        </g>
        <path
          id="路径_16258"
          data-name="路径 16258"
          d="M2991.735,2493.654l1.87,3.78a.53.53,0,0,0,.4.29l4.174.6a.531.531,0,0,1,.3.9l-3.017,2.947a.528.528,0,0,0-.152.47l.717,4.156a.53.53,0,0,1-.769.56l-3.735-1.959a.53.53,0,0,0-.494,0l-3.731,1.966a.531.531,0,0,1-.771-.559l.708-4.157a.53.53,0,0,0-.153-.469l-3.023-2.94a.531.531,0,0,1,.293-.906l4.173-.61a.532.532,0,0,0,.4-.291l1.863-3.784A.531.531,0,0,1,2991.735,2493.654Z"
          transform="translate(-16.759 -16.169)"
          fill="#fff"
        />
      </g>
    </svg>
  </div>
</template>

<style lang="less" scoped>
.svg{
  font-size: 0;
  width: 100%;
  height: 100%;
  svg{
    width: 100%;
    height: 100%;
  }
}
#ffff {
  fill: none;
  filter: blur(10px);
  backdrop-filter: blur(10px) brightness(60%) !important;
}
.brightness {
}
</style>