DevTools
Practical Utilities

Search tools

Jump directly to a tool from anywhere in the app.

Spline
LicenseCC0-1.0
Variants2
CategorySpline
Categories
splineSoftware

Spline

spline

SVG Source

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="206.452" height="64" fill="none" viewBox="0 0 100 31">
<g clip-path="url(#a)">
<path fill="#4581fe" d="M15.311 30.622c8.456 0 15.311-6.855 15.311-15.311S23.767 0 15.311 0 0 6.855 0 15.311s6.855 15.311 15.311 15.311"/>
<mask id="b" width="31" height="31" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<path fill="#d9d9d9" d="M15.311 30.622c8.456 0 15.311-6.855 15.311-15.311S23.767 0 15.311 0 0 6.855 0 15.311s6.855 15.311 15.311 15.311"/>
</mask>
<g mask="url(#b)">
<g filter="url(#c)">
<path fill="#ff3af3" d="M21.41 16.505c.571-3.615.966-11.9 3.05-13.293 1.593-.065 6.79.92 6.98.912.24-.01 5.176 3.62 5.205 4.337.024.574-.972 7.462-1.473 10.835l2.565 15.937-15.264-4.405c-.57-.296-5.635.373-4.351-1.02 1.605-1.741 2.612-9.023 3.288-13.303"/>
</g>
<g filter="url(#d)">
<path fill="#ff3af3" d="M21.41 16.505c.571-3.615.966-11.9 3.05-13.293 1.593-.065 6.79.92 6.98.912.24-.01 5.176 3.62 5.205 4.337.024.574-.972 7.462-1.473 10.835l2.565 15.937-15.264-4.405c-.57-.296-5.635.373-4.351-1.02 1.605-1.741 2.612-9.023 3.288-13.303"/>
</g>
<g filter="url(#e)">
<path fill="#39fec4" d="M11.722 6.46c.575-2.871 6.38-9.171 7.178-10.288C17.39-4.37 10.415.17 8.373 9.57c-2.168 9.975-4.944 8.054-6.698 5.741-2.393-2.95-6.173-7.081-2.154 0 5.024 8.852 6.46 5.742 8.134 5.503 1.675-.24 3.35-10.766 4.067-14.354"/>
</g>
<g filter="url(#f)">
<path fill="#39fec4" d="M11.722 6.46c.575-2.871 6.38-9.171 7.178-10.288C17.39-4.37 10.415.17 8.373 9.57c-2.168 9.975-4.944 8.054-6.698 5.741-2.393-2.95-6.173-7.081-2.154 0 5.024 8.852 6.46 5.742 8.134 5.503 1.675-.24 3.35-10.766 4.067-14.354"/>
</g>
<g filter="url(#g)">
<path fill="#fb44f4" d="M5.26 14.354C9.89 2.926 12.45-.066 15.069.24 11.719-.478 6.935 5.503 4.78 9.57c-1.72 3.254-3.268 2.313-3.826 1.436-1.436-1.435-3.637-3.254-.957.957 2.68 4.21 4.625 3.35 5.263 2.392Z"/>
</g>
<g filter="url(#h)">
<path fill="#fb44f4" d="M5.26 14.354C9.89 2.926 12.45-.066 15.069.24 11.719-.478 6.935 5.503 4.78 9.57c-1.72 3.254-3.268 2.313-3.826 1.436-1.436-1.435-3.637-3.254-.957.957 2.68 4.21 4.625 3.35 5.263 2.392Z"/>
</g>
<g filter="url(#i)">
<path fill="#fb44f4" d="M5.26 14.354C9.89 2.926 12.45-.066 15.069.24 11.719-.478 6.935 5.503 4.78 9.57c-1.72 3.254-3.268 2.313-3.826 1.436-1.436-1.435-3.637-3.254-.957.957 2.68 4.21 4.625 3.35 5.263 2.392Z"/>
</g>
<g filter="url(#j)">
<path fill="#fb44f4" d="M5.26 14.354C9.89 2.926 12.45-.066 15.069.24 11.719-.478 6.935 5.503 4.78 9.57c-1.72 3.254-3.268 2.313-3.826 1.436-1.436-1.435-3.637-3.254-.957.957 2.68 4.21 4.625 3.35 5.263 2.392Z"/>
</g>
<g filter="url(#k)">
<path fill="#ffc21e" d="M2.997 11.259c1.886-3.686 5.825-9.342 7.558-11.71.229-.107.443-.34-.53-.42C8.81-.973-3.2 7.638-.495 10.216c2.165 2.062 3.23 1.554 3.492 1.042Z"/>
</g>
<g filter="url(#l)">
<path fill="#ffc21e" d="M2.997 11.259c1.886-3.686 5.825-9.342 7.558-11.71.229-.107.443-.34-.53-.42C8.81-.973-3.2 7.638-.495 10.216c2.165 2.062 3.23 1.554 3.492 1.042Z"/>
</g>
<g filter="url(#m)">
<path fill="#ffc21e" d="M2.997 11.259c1.886-3.686 5.825-9.342 7.558-11.71.229-.107.443-.34-.53-.42C8.81-.973-3.2 7.638-.495 10.216c2.165 2.062 3.23 1.554 3.492 1.042Z"/>
</g>
<g filter="url(#n)">
<path fill="#ffc21e" d="M2.997 11.259c1.886-3.686 5.825-9.342 7.558-11.71.229-.107.443-.34-.53-.42C8.81-.973-3.2 7.638-.495 10.216c2.165 2.062 3.23 1.554 3.492 1.042Z"/>
</g>
<g filter="url(#o)">
<path fill="#ffc21e" d="M2.997 11.259c1.886-3.686 5.825-9.342 7.558-11.71.229-.107.443-.34-.53-.42C8.81-.973-3.2 7.638-.495 10.216c2.165 2.062 3.23 1.554 3.492 1.042Z"/>
</g>
<g filter="url(#p)">
<path fill="#ffc21e" d="M2.997 11.259c1.886-3.686 5.825-9.342 7.558-11.71.229-.107.443-.34-.53-.42C8.81-.973-3.2 7.638-.495 10.216c2.165 2.062 3.23 1.554 3.492 1.042Z"/>
</g>
<g filter="url(#q)">
<path fill="#ffc21e" d="M2.997 11.259c1.886-3.686 5.825-9.342 7.558-11.71.229-.107.443-.34-.53-.42C8.81-.973-3.2 7.638-.495 10.216c2.165 2.062 3.23 1.554 3.492 1.042Z"/>
</g>
<g filter="url(#r)">
<path fill="#ffc21e" d="M2.997 11.259c1.886-3.686 5.825-9.342 7.558-11.71.229-.107.443-.34-.53-.42C8.81-.973-3.2 7.638-.495 10.216c2.165 2.062 3.23 1.554 3.492 1.042Z"/>
</g>
</g>
<path fill="#000" fill-rule="evenodd" d="M72.12 6.295c-.708.21-1.174.861-1.174 1.636 0 .57.16.961.541 1.329.747.72 1.948.57 2.553-.317.909-1.336-.377-3.109-1.92-2.648m-6.713.152c-.033.033-.061 3.859-.061 8.5v8.44h2.662v-17h-1.27c-.698 0-1.297.027-1.33.06ZM42.795 7.47c-1.952.475-3.076 1.63-3.34 3.429-.254 1.74.361 3.216 1.782 4.273.74.552 1.52.932 3.24 1.583 1.658.627 2.273.954 2.723 1.447.364.4.472.79.406 1.47-.072.74-.566 1.226-1.525 1.502-.648.186-2.422.129-3.061-.1-.875-.313-1.53-1.137-1.69-2.127l-.06-.377h-2.512l.067.624c.142 1.313.54 2.18 1.36 2.953.65.614 1.424 1.008 2.464 1.253.695.164 1.004.183 2.316.147 1.618-.045 2.25-.177 3.252-.678.617-.31 1.345-1.055 1.647-1.688.518-1.085.541-2.758.053-3.762-.285-.585-1.005-1.285-1.739-1.69-.328-.18-1.422-.662-2.432-1.068-3.016-1.215-3.584-1.641-3.763-2.827-.13-.855.27-1.633 1.027-1.998.378-.183.583-.214 1.452-.217.909-.004 1.058.02 1.468.228.55.28.92.772 1.077 1.427l.113.477h1.264c1.166 0 1.263-.012 1.263-.167 0-.305-.363-1.582-.59-2.072-.478-1.033-1.532-1.82-2.795-2.085-.854-.179-2.647-.157-3.467.043m14.958 3.837c-1.101.133-2.032.757-2.457 1.648l-.206.43-.058-.612a13 13 0 0 1-.06-.953v-.341h-2.571V27.75h2.689l-.057-2.886c-.03-1.588-.08-3.01-.11-3.16-.043-.212-.003-.172.183.182.623 1.19 1.974 1.778 3.644 1.583 1.77-.207 3.342-1.836 3.906-4.047.244-.957.22-3.559-.042-4.501-.554-1.995-1.861-3.402-3.326-3.581-.81-.099-.972-.103-1.535-.035Zm24.574.017c-1.23.276-2.032 1.074-2.532 2.518l-.174.5-.075-1.318c-.042-.725-.093-1.37-.112-1.432-.026-.082-.338-.113-1.14-.113h-1.106v11.908h2.663v-8.429l.358-.402c.736-.83 1.782-1.15 2.795-.859.42.121.574.221.79.516.147.2.31.57.365.82.061.283.098 1.937.098 4.404v3.95h2.675l-.036-4.568c-.039-4.903-.043-4.953-.539-5.935-.285-.567-.977-1.17-1.613-1.405-.639-.237-1.742-.308-2.417-.156Zm11.706-.034c-2.276.358-3.899 1.83-4.519 4.098-.229.838-.224 3.34.009 4.182q.8 2.901 3.548 3.74c.554.17.902.21 1.79.212 1.224.003 1.822-.111 2.682-.511 1.059-.492 1.928-1.607 2.1-2.69l.061-.387h-1.297c-1.028 0-1.297.025-1.297.122 0 .281-.553.865-1.044 1.103-.415.201-.634.246-1.222.248-1.674.007-2.642-1.001-2.92-3.04l-.058-.431 4.068-.024 4.068-.024-.008-1.227c-.005-.835-.057-1.416-.162-1.819-.473-1.806-1.601-2.97-3.297-3.401-.67-.17-1.903-.245-2.502-.15Zm-22.72 6.144v5.954h2.571V21.54c0-1.017.027-3.697.06-5.955l.061-4.106h-2.692zm24.65-3.836c.753.214 1.302 1.015 1.461 2.13l.055.387h-2.273c-1.275.001-2.422.042-2.613.095a1.2 1.2 0 0 0-.535.339l-.195.245.049-.226c.027-.124.09-.431.14-.683.391-1.977 1.899-2.858 3.91-2.287Zm-37.453.096c1.173.54 1.786 2.103 1.664 4.24-.087 1.514-.384 2.33-1.074 2.947-.581.52-.927.636-1.879.633-.66-.002-.924-.045-1.31-.213-.872-.378-.847-.271-.847-3.691v-2.98l.234-.305c.417-.54 1.143-.83 2.107-.84.492-.005.75.043 1.105.207Z" clip-rule="evenodd"/>
</g>
<defs>
<filter id="c" width="43.82" height="56.025" x="5.914" y="-8.791" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="6"/>
</filter>
<filter id="d" width="43.82" height="56.025" x="5.914" y="-8.791" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="6"/>
</filter>
<filter id="e" width="35.141" height="39.407" x="-9.242" y="-10.871" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="3.5"/>
</filter>
<filter id="f" width="35.141" height="39.407" x="-9.242" y="-10.871" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="3.5"/>
</filter>
<filter id="g" width="26.336" height="24.96" x="-6.266" y="-4.82" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="h" width="26.336" height="24.96" x="-6.266" y="-4.82" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="i" width="26.336" height="24.96" x="-6.266" y="-4.82" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="j" width="26.336" height="24.96" x="-6.266" y="-4.82" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="k" width="21.641" height="22.586" x="-5.891" y="-5.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="l" width="21.641" height="22.586" x="-5.891" y="-5.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="m" width="21.641" height="22.586" x="-5.891" y="-5.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="n" width="21.641" height="22.586" x="-5.891" y="-5.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="o" width="21.641" height="22.586" x="-5.891" y="-5.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="p" width="21.641" height="22.586" x="-5.891" y="-5.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="q" width="21.641" height="22.586" x="-5.891" y="-5.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<filter id="r" width="21.641" height="22.586" x="-5.891" y="-5.872" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1003" stdDeviation="2.5"/>
</filter>
<clipPath id="a">
<path fill="#fff" d="M0 0h100v30.622H0z"/>
</clipPath>
</defs>
</svg>