DevTools
Practical Utilities

Search tools

Jump directly to a tool from anywhere in the app.

Rainbow
LicenseCC0-1.0
Variants2
CategoryRainbow
Categories
rainbowSoftware

Rainbow

rainbow

SVG Source

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="64" fill="none" viewBox="0 0 100 25">
<g clip-path="url(#a)">
<path fill="url(#b)" d="M18.917 0H5.611A5.61 5.61 0 0 0 0 5.611v13.306a5.61 5.61 0 0 0 5.611 5.611h13.306a5.61 5.61 0 0 0 5.611-5.61V5.61A5.61 5.61 0 0 0 18.918 0Z"/>
<path fill="#ee421b" d="M13.382 6.17c-2.118-1.272-4.458-1.975-6.997-2.1-.598-.03-.746-.028-.925.01a1.24 1.24 0 0 0-.932.98c-.039.231-.026 2.152-.026 2.152v.049l.006 2.755.007 2.754.053.14c.154.405.457.683.847.78.078.018.296.04.485.048a5.2 5.2 0 0 1 3.454 1.47 5.2 5.2 0 0 1 1.604 3.564c.007.189.028.412.047.495.086.39.373.705.785.862l.136.052 2.752.006 2.74-.006h.071l.983.006c.603.004 1.046-.003 1.148-.018a1.22 1.22 0 0 0 1.007-1.006c.03-.19.015-.734-.038-1.405A14.91 14.91 0 0 0 13.382 6.17"/>
<mask id="d" width="17" height="17" x="4" y="4" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<path fill="url(#c)" d="M13.382 6.17c-2.118-1.272-4.458-1.975-6.997-2.1-.598-.03-.746-.028-.925.01a1.24 1.24 0 0 0-.932.98c-.039.231-.026 2.152-.026 2.152v.049l.006 2.755.007 2.754.053.14c.154.405.457.683.847.78.078.018.296.04.485.048a5.2 5.2 0 0 1 3.454 1.47 5.2 5.2 0 0 1 1.604 3.564c.007.189.029.412.047.495.086.39.373.705.785.862l.136.052 2.752.006 2.74-.006h.071l.983.006c.603.004 1.046-.003 1.148-.018a1.22 1.22 0 0 0 1.007-1.006c.03-.19.015-.734-.038-1.405A14.91 14.91 0 0 0 13.382 6.17"/>
</mask>
<g mask="url(#d)">
<g filter="url(#e)">
<path fill="#8753c8" d="M17.947 1.456C15.83.183 9.583.564 7.044.438 6.446.408 1.103 4.03.924 4.068a1.24 1.24 0 0 0-.932.98c.674-.118 7.81-.05 9.913 1.122 2.628 1.465 4.605 2.069 6.298 4.354s3.043 5.694 3.472 7.54c.344 1.478-.189 7.12-.189 7.222.508-.077 5.743-5.29 5.824-5.8.03-.19-1.307-3.497-1.361-4.168-.382-4.786-1.858-11.372-6.002-13.862"/>
</g>
<path fill="#fff000" fill-rule="evenodd" d="M17.401 20.18v-1.239c0-6.446-5.225-11.672-11.672-11.672H4.5l.006 2.746.007 2.755.053.14c.154.404.457.682.847.779.078.019.296.041.485.049a5.2 5.2 0 0 1 3.454 1.469 5.2 5.2 0 0 1 1.604 3.565c.007.188.029.411.047.494.086.39.373.705.786.863l.135.051 2.752.007z" clip-rule="evenodd"/>
</g>
<mask id="g" width="14" height="14" x="4" y="7" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<path fill="url(#f)" fill-rule="evenodd" d="M17.401 20.18v-1.24c0-6.446-5.225-11.672-11.672-11.672H4.5l.006 2.747.007 2.754.053.14c.154.405.457.683.847.78.078.018.296.04.485.048a5.2 5.2 0 0 1 3.454 1.47 5.2 5.2 0 0 1 1.604 3.564c.007.189.029.412.047.495.086.39.373.705.786.862l.135.052 2.752.006z" clip-rule="evenodd"/>
</mask>
<g mask="url(#g)">
<g filter="url(#h)">
<path fill="#ff9b00" d="M17.947 4.676C15.83 3.404 9.583 3.784 7.044 3.658c-.598-.03-5.941 3.592-6.12 3.631a1.24 1.24 0 0 0-.932.978c.674-.117 7.81-.048 9.913 1.123 2.628 1.465 3.13 2.259 4.822 4.543s1.666 7.115 2.096 8.962c.343 1.477 2.178 5.32 2.178 5.422.507-.077 6.228-5.1 6.31-5.612.03-.189-1.308-3.495-1.362-4.167-.382-4.786-1.858-11.372-6.002-13.862"/>
</g>
<path fill="#00b1e2" fill-rule="evenodd" d="M14.229 20.186v-1.032a8.64 8.64 0 0 0-8.642-8.642h-.923l-.156.002.005 2.256.054.14c.153.404.456.682.846.779.078.019.296.04.485.049a5.2 5.2 0 0 1 3.454 1.469 5.2 5.2 0 0 1 1.604 3.564c.008.19.029.412.047.495.087.39.373.705.786.863 0 0 .084.055.19.055z" clip-rule="evenodd"/>
</g>
<mask id="k" width="11" height="11" x="4" y="10" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<path fill="url(#i)" fill-rule="evenodd" d="M14.229 20.186v-1.032a8.64 8.64 0 0 0-8.642-8.642h-.923l-.156.002.005 2.256.054.14c.153.404.456.682.846.778.078.02.296.042.485.05a5.2 5.2 0 0 1 3.454 1.469 5.2 5.2 0 0 1 1.604 3.564c.008.19.029.412.047.495.087.39.373.705.786.863l.135.051z" clip-rule="evenodd"/>
</mask>
<g filter="url(#j)" mask="url(#k)">
<path fill="#00da42" d="M17.947 7.92C15.83 6.647 9.583 7.028 7.044 6.902c-.598-.03-5.941 3.592-6.12 3.63a1.24 1.24 0 0 0-.932.979c.674-.118 7.755.386 9.858 1.558 2.628 1.465 3.149 5.777 3.149 5.777s.21 6.819.64 8.666C13.981 28.989 19 31.459 19 31.56c.507-.076 6.228-5.1 6.31-5.611.03-.19-1.308-3.496-1.362-4.167-.382-4.786-1.858-11.373-6.002-13.862Z"/>
</g>
<path fill="#000" d="M33.86 17.748c.626 0 .995-.381.995-1.033v-2.58h1.69l1.58 2.863c.323.58.54.75 1.014.75.579 0 1-.381 1-.908 0-.23-.046-.401-.21-.684l-1.37-2.37c1.047-.447 1.632-1.46 1.632-2.645 0-1.875-1.25-3.027-3.435-3.027h-2.895c-.625 0-.994.382-.994 1.033v7.568c0 .652.375 1.033.994 1.033Zm.995-5.054V9.667h1.69c.988 0 1.606.592 1.606 1.514 0 .94-.585 1.513-1.586 1.513zm8.257 5.028c.882 0 1.764-.441 2.159-1.191h.04v.362c.039.566.4.855.92.855.547 0 .935-.329.935-.967v-4.02c0-1.422-1.178-2.357-2.987-2.357-1.461 0-2.593.52-2.922 1.362a1 1 0 0 0-.099.435c0 .434.336.737.803.737a.97.97 0 0 0 .763-.356c.428-.552.783-.743 1.369-.743.724 0 1.184.381 1.184 1.04v.467l-1.776.105c-1.764.105-2.751.849-2.751 2.132 0 1.27 1.02 2.139 2.362 2.139m.632-1.389c-.645 0-1.079-.329-1.079-.855 0-.5.408-.823 1.125-.875l1.488-.092v.513c0 .763-.691 1.31-1.534 1.31Zm5.392-6.653c.579 0 1.026-.44 1.026-.993 0-.56-.447-.994-1.026-.994-.58 0-1.027.434-1.027.994 0 .553.448.993 1.027.993m0 8.068c.592 0 .96-.375.96-1v-5.33c0-.625-.368-1.007-.96-1.007-.599 0-.96.382-.96 1.007v5.33c0 .625.361 1 .96 1m2.934 0c.566 0 .96-.342.96-1v-3.185c0-.915.547-1.546 1.41-1.546.861 0 1.296.526 1.296 1.447v3.284c0 .658.394 1 .96 1 .56 0 .961-.342.961-1v-3.685c0-1.652-.882-2.639-2.448-2.639-1.086 0-1.796.48-2.172 1.356h-.039v-.395c0-.606-.382-.974-.96-.974-.58 0-.929.368-.929.967v5.37c0 .658.402 1 .961 1m7.52 0c.559 0 .954-.335.954-.974V16.4h.04c.394.823 1.177 1.323 2.21 1.323 1.783 0 2.863-1.369 2.863-3.64 0-2.276-1.086-3.638-2.87-3.638-1 0-1.79.5-2.178 1.336h-.04V8.976c0-.658-.394-1.007-.96-1.007-.56 0-.96.35-.96 1.007v7.798c0 .645.388.974.94.974Zm2.546-1.573c-.934 0-1.573-.816-1.573-2.092 0-1.264.639-2.1 1.573-2.1.955 0 1.553.817 1.553 2.1 0 1.29-.598 2.092-1.553 2.092m7.491 1.586c2.132 0 3.495-1.362 3.495-3.685 0-2.29-1.382-3.672-3.495-3.672-2.112 0-3.494 1.389-3.494 3.672 0 2.316 1.362 3.685 3.494 3.685m0-1.467c-.948 0-1.546-.796-1.546-2.211 0-1.402.612-2.211 1.546-2.211.935 0 1.54.81 1.54 2.21 0 1.416-.599 2.212-1.54 2.212m6.523 1.454c.685 0 1.066-.31 1.231-1.007l1.066-4.12h.04l1.072 4.107c.165.717.54 1.02 1.244 1.02.665 0 1.033-.316 1.23-1.013l1.422-4.922c.073-.25.105-.409.105-.586 0-.48-.374-.816-.908-.816-.473 0-.783.29-.889.803l-1.052 4.573h-.04l-1.099-4.494c-.125-.573-.5-.882-1.072-.882-.586 0-.961.31-1.086.882l-1.093 4.494h-.039l-1.046-4.56c-.112-.527-.422-.816-.901-.816-.54 0-.929.342-.929.822 0 .185.034.343.106.593l1.421 4.915c.204.698.553 1.007 1.217 1.007m9.164-.013c.625 0 .994-.381.994-1.033v-1.994l.947-.994 2.83 3.481c.31.395.586.547.994.547.546 0 .96-.421.96-.961 0-.27-.131-.553-.427-.921l-2.85-3.462 2.62-2.744c.25-.263.348-.48.348-.757a.913.913 0 0 0-.934-.914c-.33 0-.58.125-.856.427l-3.573 3.903h-.06v-3.29c0-.659-.368-1.04-.993-1.04s-.994.381-.994 1.04v7.679c0 .651.369 1.033.994 1.033m8.478-8.055c.58 0 1.026-.44 1.026-.993 0-.56-.447-.994-1.026-.994-.58 0-1.026.434-1.026.994 0 .553.447.993 1.026.993m0 8.068c.593 0 .961-.375.961-1v-5.33c0-.625-.368-1.007-.961-1.007-.599 0-.961.382-.961 1.007v5.33c0 .625.362 1 .961 1m2.484-1.941c0 1.244.652 1.882 1.935 1.882h.066c.81 0 1.362-.29 1.362-.855 0-.448-.257-.645-.73-.698l-.125-.013c-.415-.033-.586-.244-.586-.744v-3.376h.677c.454 0 .737-.283.737-.723 0-.441-.282-.724-.737-.724h-.677v-.783c0-.619-.362-1-.961-1s-.961.381-.961 1v.783h-.368c-.454 0-.744.276-.744.724s.29.723.744.723h.368z"/>
</g>
<defs>
<radialGradient id="c" cx="0" cy="0" r="1" gradientTransform="rotate(133.13 2.456 9.875)scale(20.5192 20.5236)" gradientUnits="userSpaceOnUse">
<stop stop-color="#ef421b"/>
<stop offset="1" stop-color="#8753c8"/>
</radialGradient>
<radialGradient id="f" cx="0" cy="0" r="1" gradientTransform="rotate(-45.686 22.821 -4.532)scale(4.89723 4.89094)" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff100"/>
<stop offset="1" stop-color="#ff9a00"/>
</radialGradient>
<radialGradient id="i" cx="0" cy="0" r="1" gradientTransform="rotate(133.925 4.233 8.684)scale(8.92478 8.96887)" gradientUnits="userSpaceOnUse">
<stop stop-color="#05da40"/>
<stop offset="1" stop-color="#00b1e3"/>
</radialGradient>
<filter id="e" width="30.718" height="30.246" x="-2.707" y="-2.261" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1392" stdDeviation="1.35"/>
</filter>
<filter id="h" width="30.718" height="30.057" x="-2.707" y=".959" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1392" stdDeviation="1.35"/>
</filter>
<filter id="j" width="30.718" height="30.057" x="-2.707" y="4.202" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_1392" stdDeviation="1.35"/>
</filter>
<linearGradient id="b" x1="12.264" x2="12.264" y1="0" y2="24.528" gradientUnits="userSpaceOnUse">
<stop stop-color="#174197"/>
<stop offset="1" stop-color="#011e5a"/>
</linearGradient>
<clipPath id="a">
<path fill="#fff" d="M0 0h100v24.528H0z"/>
</clipPath>
</defs>
</svg>