DevTools
Practical Utilities

Search tools

Jump directly to a tool from anywhere in the app.

Dynaboard
LicenseCC0-1.0
Variants2
CategoryDynaboard
Categories
dynaboardSoftware

Dynaboard

dynaboard

SVG Source

SVG
<svg xmlns="http://www.w3.org/2000/svg" width="76.19" height="64" fill="none" viewBox="0 0 50 42">
<path fill="url(#a)" d="M9.615 0H1.282C.574 0 0 .574 0 1.282v8.333c0 .708.574 1.282 1.282 1.282h8.333c.708 0 1.282-.574 1.282-1.282V1.282C10.897.574 10.323 0 9.615 0"/>
<path stroke="url(#b)" stroke-opacity=".5" stroke-width=".5" d="M9.615.32H1.282a.96.96 0 0 0-.962.962v8.333c0 .531.43.962.962.962h8.333c.531 0 .962-.43.962-.962V1.282a.96.96 0 0 0-.962-.961Z" style="mix-blend-mode:overlay"/>
<path fill="url(#c)" d="M19.873 10.257H11.54c-.708 0-1.282.574-1.282 1.282v17.307c0 .708.574 1.282 1.282 1.282h8.333c.708 0 1.282-.574 1.282-1.282V11.54c0-.708-.574-1.282-1.282-1.282Z"/>
<path stroke="url(#d)" stroke-opacity=".5" stroke-width=".5" d="M19.873 10.577H11.54a.96.96 0 0 0-.962.961v17.308c0 .531.43.962.962.962h8.333a.96.96 0 0 0 .961-.962V11.538a.96.96 0 0 0-.961-.961Z" style="mix-blend-mode:overlay"/>
<path fill="#fff" d="M50.002 20.192c0 11.152-9.04 20.193-20.192 20.193h-7.372a1.28 1.28 0 0 1-1.282-1.282v-8.334c0-.708.574-1.282 1.282-1.282h7.372a9.295 9.295 0 0 0 9.295-9.295 9.295 9.295 0 0 0-9.295-9.295h-7.372a1.28 1.28 0 0 1-1.282-1.282V1.282C21.156.574 21.73 0 22.438 0h7.372c11.152 0 20.192 9.04 20.192 20.192"/>
<path stroke="url(#e)" stroke-opacity=".5" stroke-width=".5" d="M49.682 20.192c0 10.975-8.897 19.872-19.872 19.872h-7.372a.96.96 0 0 1-.961-.961v-8.334c0-.53.43-.961.961-.961h7.372c5.31 0 9.615-4.305 9.615-9.616a9.615 9.615 0 0 0-9.615-9.615h-7.372a.96.96 0 0 1-.961-.962V1.282c0-.53.43-.961.961-.961h7.372c10.975 0 19.872 8.896 19.872 19.871Z" style="mix-blend-mode:overlay"/>
<mask id="g" width="29" height="41" x="21" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha">
<path fill="#b09090" d="M50.002 20.192c0 11.152-9.04 20.193-20.192 20.193h-7.372a1.28 1.28 0 0 1-1.282-1.282v-8.334c0-.708.574-1.282 1.282-1.282h7.372a9.295 9.295 0 0 0 9.295-9.295 9.295 9.295 0 0 0-9.295-9.295h-7.372a1.28 1.28 0 0 1-1.282-1.282V1.282C21.156.574 21.73 0 22.438 0h7.372c11.152 0 20.192 9.04 20.192 20.192"/>
<path stroke="url(#f)" stroke-opacity=".5" stroke-width=".5" d="M49.682 20.192c0 10.975-8.897 19.872-19.872 19.872h-7.372a.96.96 0 0 1-.961-.961v-8.334c0-.53.43-.961.961-.961h7.372c5.31 0 9.615-4.305 9.615-9.616a9.615 9.615 0 0 0-9.615-9.615h-7.372a.96.96 0 0 1-.961-.962V1.282c0-.53.43-.961.961-.961h7.372c10.975 0 19.872 8.896 19.872 19.871Z"/>
</mask>
<g mask="url(#g)">
<g filter="url(#h)">
<path fill="#90fc2f" d="M24.999 14.103c6.018 0 10.897-3.731 10.897-8.334s-4.879-8.333-10.897-8.333-10.897 3.73-10.897 8.333 4.878 8.334 10.897 8.334"/>
</g>
<g filter="url(#i)">
<path fill="#ffb515" d="M35.257 15.385c6.018 0 10.897-3.731 10.897-8.334s-4.879-8.333-10.897-8.333-10.898 3.731-10.898 8.333 4.88 8.334 10.898 8.334"/>
</g>
<g filter="url(#j)">
<path fill="#ff7e20" d="M44.233 24.36c6.019 0 10.898-3.732 10.898-8.334 0-4.603-4.88-8.334-10.898-8.334s-10.897 3.731-10.897 8.334 4.879 8.333 10.897 8.333Z"/>
</g>
<g filter="url(#k)">
<path fill="#ff6070" d="M42.952 35.898c6.019 0 10.898-3.732 10.898-8.334s-4.88-8.333-10.898-8.333-10.897 3.73-10.897 8.333 4.879 8.334 10.897 8.334"/>
</g>
<g filter="url(#l)">
<path fill="#e44cd0" d="M33.976 42.308c6.018 0 10.897-3.731 10.897-8.334s-4.879-8.333-10.897-8.333-10.898 3.731-10.898 8.333 4.88 8.334 10.898 8.334"/>
</g>
<g filter="url(#m)">
<path fill="#6137ff" d="M22.436 43.59c6.019 0 10.898-3.731 10.898-8.334s-4.879-8.333-10.898-8.333c-6.018 0-10.897 3.731-10.897 8.333s4.879 8.334 10.897 8.334"/>
</g>
<path stroke="url(#n)" stroke-opacity=".5" stroke-width=".5" d="M49.682 20.192c0 10.975-8.897 19.872-19.872 19.872h-7.372a.96.96 0 0 1-.961-.961v-8.334c0-.53.43-.961.961-.961h7.372c5.31 0 9.615-4.305 9.615-9.616a9.615 9.615 0 0 0-9.615-9.615h-7.372a.96.96 0 0 1-.961-.962V1.282c0-.53.43-.961.961-.961h7.372c10.975 0 19.872 8.896 19.872 19.871Z" style="mix-blend-mode:overlay"/>
</g>
<defs>
<linearGradient id="a" x1="1.923" x2="8.013" y1="0" y2="10.897" gradientUnits="userSpaceOnUse">
<stop stop-color="#d1ff26"/>
<stop offset="1" stop-color="#3afb21"/>
</linearGradient>
<linearGradient id="b" x1="5.449" x2="5.449" y1="0" y2="10.898" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff72e"/>
<stop offset="1"/>
</linearGradient>
<linearGradient id="c" x1="15.707" x2="15.707" y1="10.257" y2="30.128" gradientUnits="userSpaceOnUse">
<stop stop-color="#2cfd50"/>
<stop offset="1" stop-color="#3b8bff"/>
</linearGradient>
<linearGradient id="d" x1="15.706" x2="15.706" y1="10.256" y2="30.128" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff72e"/>
<stop offset="1"/>
</linearGradient>
<linearGradient id="e" x1="35.579" x2="35.579" y1="0" y2="40.385" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff72e"/>
<stop offset="1"/>
</linearGradient>
<linearGradient id="f" x1="35.579" x2="35.579" y1="0" y2="40.385" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff72e"/>
<stop offset="1"/>
</linearGradient>
<linearGradient id="n" x1="35.579" x2="35.579" y1="0" y2="40.385" gradientUnits="userSpaceOnUse">
<stop stop-color="#fff72e"/>
<stop offset="1"/>
</linearGradient>
<filter id="h" width="35.797" height="30.667" x="7.102" y="-9.564" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_2868" stdDeviation="3.5"/>
</filter>
<filter id="i" width="35.797" height="30.667" x="17.359" y="-8.282" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_2868" stdDeviation="3.5"/>
</filter>
<filter id="j" width="35.797" height="30.667" x="26.336" y=".692" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_2868" stdDeviation="3.5"/>
</filter>
<filter id="k" width="35.797" height="30.667" x="25.055" y="12.231" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_2868" stdDeviation="3.5"/>
</filter>
<filter id="l" width="35.797" height="30.667" x="16.078" y="18.641" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_2868" stdDeviation="3.5"/>
</filter>
<filter id="m" width="35.797" height="30.667" x="4.539" y="19.923" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur result="effect1_foregroundBlur_1_2868" stdDeviation="3.5"/>
</filter>
</defs>
</svg>