Spline

spline
Variants

glyph
wordmark
SVG Source

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" fill="none" viewBox="0 0 50 50">
  <g clip-path="url(#a)">
    <path fill="#4581fe" d="M25 50c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25"/>
    <mask id="b" width="50" height="50" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha">
      <path fill="#d9d9d9" d="M25 50c13.807 0 25-11.193 25-25S38.807 0 25 0 0 11.193 0 25s11.193 25 25 25"/>
    </mask>
    <g mask="url(#b)">
      <g filter="url(#c)">
        <path fill="#ff3af3" d="M34.95 26.95c.933-5.903 1.579-19.433 4.98-21.706 2.602-.106 11.086 1.503 11.398 1.49.39-.016 8.451 5.91 8.499 7.082.038.936-1.588 12.184-2.406 17.69L61.61 57.53l-24.923-7.194c-.932-.483-9.202.61-7.106-1.665 2.621-2.843 4.266-14.733 5.37-21.72Z"/>
      </g>
      <g filter="url(#d)">
        <path fill="#ff3af3" d="M34.95 26.95c.933-5.903 1.579-19.433 4.98-21.706 2.602-.106 11.086 1.503 11.398 1.49.39-.016 8.451 5.91 8.499 7.082.038.936-1.588 12.184-2.406 17.69L61.61 57.53l-24.923-7.194c-.932-.483-9.202.61-7.106-1.665 2.621-2.843 4.266-14.733 5.37-21.72Z"/>
      </g>
      <g filter="url(#e)">
        <path fill="#39fec4" d="M19.137 10.547c.938-4.688 10.417-14.974 11.72-16.797-2.464-.887-13.852 6.525-17.188 21.875C10.129 31.913 5.596 28.776 2.73 25c-3.906-4.818-10.078-11.562-3.515 0 8.203 14.453 10.547 9.375 13.28 8.984 2.735-.39 5.47-17.578 6.641-23.437Z"/>
      </g>
      <g filter="url(#f)">
        <path fill="#39fec4" d="M19.137 10.547c.938-4.688 10.417-14.974 11.72-16.797-2.464-.887-13.852 6.525-17.188 21.875C10.129 31.913 5.596 28.776 2.73 25c-3.906-4.818-10.078-11.562-3.515 0 8.203 14.453 10.547 9.375 13.28 8.984 2.735-.39 5.47-17.578 6.641-23.437Z"/>
      </g>
      <g filter="url(#g)">
        <path fill="#fb44f4" d="M8.593 23.437C16.15 4.777 20.333-.108 24.608.391 19.14-.781 11.327 8.984 7.811 15.625 5 20.937 2.473 19.4 1.561 17.969-.782 15.625-4.376 12.656 0 19.53S7.55 25 8.593 23.437"/>
      </g>
      <g filter="url(#h)">
        <path fill="#fb44f4" d="M8.593 23.437C16.15 4.777 20.333-.108 24.608.391 19.14-.781 11.327 8.984 7.811 15.625 5 20.937 2.473 19.4 1.561 17.969-.782 15.625-4.376 12.656 0 19.53S7.55 25 8.593 23.437"/>
      </g>
      <g filter="url(#i)">
        <path fill="#fb44f4" d="M8.593 23.437C16.15 4.777 20.333-.108 24.608.391 19.14-.781 11.327 8.984 7.811 15.625 5 20.937 2.473 19.4 1.561 17.969-.782 15.625-4.376 12.656 0 19.53S7.55 25 8.593 23.437"/>
      </g>
      <g filter="url(#j)">
        <path fill="#fb44f4" d="M8.593 23.437C16.15 4.777 20.333-.108 24.608.391 19.14-.781 11.327 8.984 7.811 15.625 5 20.937 2.473 19.4 1.561 17.969-.782 15.625-4.376 12.656 0 19.53S7.55 25 8.593 23.437"/>
      </g>
      <g filter="url(#k)">
        <path fill="#ffc21e" d="M4.887 18.383c3.08-6.018 9.51-15.254 12.341-19.12.373-.174.723-.555-.865-.686C14.377-1.587-5.233 12.473-.815 16.682c3.535 3.367 5.274 2.537 5.702 1.701"/>
      </g>
      <g filter="url(#l)">
        <path fill="#ffc21e" d="M4.887 18.383c3.08-6.018 9.51-15.254 12.341-19.12.373-.174.723-.555-.865-.686C14.377-1.587-5.233 12.473-.815 16.682c3.535 3.367 5.274 2.537 5.702 1.701"/>
      </g>
      <g filter="url(#m)">
        <path fill="#ffc21e" d="M4.887 18.383c3.08-6.018 9.51-15.254 12.341-19.12.373-.174.723-.555-.865-.686C14.377-1.587-5.233 12.473-.815 16.682c3.535 3.367 5.274 2.537 5.702 1.701"/>
      </g>
      <g filter="url(#n)">
        <path fill="#ffc21e" d="M4.887 18.383c3.08-6.018 9.51-15.254 12.341-19.12.373-.174.723-.555-.865-.686C14.377-1.587-5.233 12.473-.815 16.682c3.535 3.367 5.274 2.537 5.702 1.701"/>
      </g>
      <g filter="url(#o)">
        <path fill="#ffc21e" d="M4.887 18.383c3.08-6.018 9.51-15.254 12.341-19.12.373-.174.723-.555-.865-.686C14.377-1.587-5.233 12.473-.815 16.682c3.535 3.367 5.274 2.537 5.702 1.701"/>
      </g>
      <g filter="url(#p)">
        <path fill="#ffc21e" d="M4.887 18.383c3.08-6.018 9.51-15.254 12.341-19.12.373-.174.723-.555-.865-.686C14.377-1.587-5.233 12.473-.815 16.682c3.535 3.367 5.274 2.537 5.702 1.701"/>
      </g>
      <g filter="url(#q)">
        <path fill="#ffc21e" d="M4.887 18.383c3.08-6.018 9.51-15.254 12.341-19.12.373-.174.723-.555-.865-.686C14.377-1.587-5.233 12.473-.815 16.682c3.535 3.367 5.274 2.537 5.702 1.701"/>
      </g>
      <g filter="url(#r)">
        <path fill="#ffc21e" d="M4.887 18.383c3.08-6.018 9.51-15.254 12.341-19.12.373-.174.723-.555-.865-.686C14.377-1.587-5.233 12.473-.815 16.682c3.535 3.367 5.274 2.537 5.702 1.701"/>
      </g>
    </g>
  </g>
  <defs>
    <filter id="c" width="56.367" height="76.29" x="17.242" y="-6.761" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="6"/>
    </filter>
    <filter id="d" width="56.367" height="76.29" x="17.242" y="-6.761" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="6"/>
    </filter>
    <filter id="e" width="48.523" height="55.484" x="-10.664" y="-13.321" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="3.5"/>
    </filter>
    <filter id="f" width="48.523" height="55.484" x="-10.664" y="-13.321" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="3.5"/>
    </filter>
    <filter id="g" width="36.672" height="34.427" x="-7.063" y="-4.706" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="h" width="36.672" height="34.427" x="-7.063" y="-4.706" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="i" width="36.672" height="34.427" x="-7.063" y="-4.706" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="j" width="36.672" height="34.427" x="-7.063" y="-4.706" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="k" width="29.008" height="30.551" x="-6.461" y="-6.425" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="l" width="29.008" height="30.551" x="-6.461" y="-6.425" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="m" width="29.008" height="30.551" x="-6.461" y="-6.425" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="n" width="29.008" height="30.551" x="-6.461" y="-6.425" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="o" width="29.008" height="30.551" x="-6.461" y="-6.425" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="p" width="29.008" height="30.551" x="-6.461" y="-6.425" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="q" width="29.008" height="30.551" x="-6.461" y="-6.425" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <filter id="r" width="29.008" height="30.551" x="-6.461" y="-6.425" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
      <feFlood flood-opacity="0" result="BackgroundImageFix"/>
      <feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
      <feGaussianBlur result="effect1_foregroundBlur_1_966" stdDeviation="2.5"/>
    </filter>
    <clipPath id="a">
      <path fill="#fff" d="M0 0h50v50H0z"/>
    </clipPath>
  </defs>
</svg>