Source code

Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Preview of https://raw.githubusercontent.com/mozilla-firefox/firefox/main/toolkit/themes/shared/illustrations/kit-confetti.svg
<!-- This Source Code Form is subject to the terms of the Mozilla Public↩
- License, v. 2.0. If a copy of the MPL was not distributed with this↩
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->↩
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="60" fill="none" viewBox="0 0 80 60"><g clip-path="url(#a)"><mask id="b" width="80" height="60" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M80 0H0v60h80z"/></mask><g mask="url(#b)"><path fill="url(#c)" fill-opacity=".2" d="M80 0H0v60h80z"/><path fill="url(#d)" d="M28.44 132.378a18.9 18.9 0 0 0 4.095-3.117c2.04-2.055 3.283-3.791 3.023-6.854-.324-3.855-2.514-7.9-5.312-10.519-3.127-2.923-6.903-2.524-10.669-4.025-15.542-6.21-16.15-22.002-15.128-37.3C5.242 58.747-7.856 53.7-7.856 53.7S-4.2 59.91-10.6 65.655c-7.402 6.649-14.53 16.151-14.225 30.436.015.669.14 2.38.14 2.38s-.494-.24-1.143-.913c-.833-.863-1.162-1.412-1.162-1.412s-.27 4.075 1.646 10.285c2.853 9.248 8.779 17.363 17.902 22.949 9.651 5.911 25.523 8.894 35.878 2.998z"/><path fill="url(#e)" d="M69.85 50.503c-.629-1.606-4.414-.908-6.734-2.848-.883-.738-1.436-2.255-1.83-3.646-.215-.748-.384-1.462-.534-1.995-.908-3.213-1.162-4.779-2.634-9.468-1.317-4.2-2.878-7.69-4.683-7.87-1.79-.18-3.671 1.99-6.155 6.185-1.402 2.369-2.325 4.479-3.337 5.99-.05.075-.1.155-.15.224-.06.085-2.509-.124-3.621 0-.135.015-.25-.054-.36-.204-.503-.678-.947-3.008-2.847-6.838-2.305-4.644-4.085-5.732-6.096-5.303-1.695.36-3.7 5.268-5.097 9.762-1.058 3.402-.998 3.77-1.402 5.023-.424 1.336-.928 3.027-1.546 4.598-.673 1.716-1.486 3.282-2.489 4.08-2.444 1.94-4.853 1.297-5.686 2.804-.673 1.217.818 1.227.873 1.531 7.786-.574 13.572 8.828 16.355 10.759 12.43 8.624 21.623.534 23.932-.414 3.955-1.616 8.425-10.04 13.153-10.644-.33-.43 1.267-.748.883-1.736z"/><path fill="#ffc635" d="M40.944 52.745c-1.75.285-3.002 1.377-4.29 2.664-.977.977-1.98 2.075-3.246 3.012-2.823 2.095 1.326 9.248 10.245 8.305 6.494-.688 8.958-5.97 6.374-8.175-.05-.045-.11-.075-.164-.115-3.287-2.454-5.248-6.284-8.919-5.69"/><path fill="url(#f)" d="M48.991 52.343c1.686-.035 2.973.608 2.838-1.816-.194-3.417-1.172-4.32-2.898-4.21-1.86.12-2.204 1.686-2.254 4.4-.04 1.99 1.436 1.64 2.319 1.62z"/><path fill="#fff" d="M49.893 49.61a.813.813 0 1 0 0-1.626.813.813 0 0 0 0 1.626"/><path fill="url(#g)" d="M33.428 52.347c1.701-.035 2.778.394 2.863-1.078.185-3.202-.439-5.132-2.813-4.953-1.496.115-2.155 1.78-2.27 4.005-.14 2.744 1.317 2.04 2.22 2.02z"/><path fill="#fff" d="M34.586 49.558a.818.818 0 0 0 0-1.636.82.82 0 0 0-.818.818c0 .449.369.818.818.818"/><path fill="#00073a" d="M41.643 54.688c-1.407-.015-2.175.578-2.4 1.132-.279.688.315 2.13 2.04 2.15 1.642.02 2.594-1.317 2.385-2.08-.15-.544-.783-1.187-2.025-1.202"/><path fill="url(#h)" d="M61.286 44.007c-.214-.748-.384-1.461-.534-1.995-.907-3.212-1.162-4.778-2.633-9.467-1.317-4.2-2.878-7.691-4.684-7.87-1.79-.18-3.67 1.99-6.155 6.184-1.401 2.37-2.324 4.48-3.337 5.99 1.801.036 5.557.37 9.053 2.415 3.287 1.915 6.654 3.85 8.285 4.748z"/><path fill="url(#i)" d="M39.818 36.863c-.504-.678-.948-3.008-2.848-6.838-2.305-4.644-4.085-5.731-6.095-5.302-1.696.359-3.701 5.267-5.098 9.761-1.058 3.402-.998 3.77-1.402 5.023-.424 1.337-.927 3.027-1.546 4.599 1.541-.843 5.048-2.849 8.474-4.849 3.178-1.855 6.57-2.304 8.515-2.394"/><path fill="url(#j)" d="M71.705 54.23c-.145-1.456-1.9-1.526-2.474-1.81a.8.8 0 0 1-.264-.19c-4.729.604-9.821 3.94-13.777 5.557-2.31.943-4.03 1.023-5.162.758 2.583 2.205.12 7.487-6.375 8.175-8.913.943-13.068-6.21-10.245-8.304 1.267-.938 2.27-2.03 3.247-3.013-1.73 1.431-2.634 2.33-3.586 2.873-2.943 1.68-9.757-6.325-17.548-5.756 0 .025 0 .055-.015.085-.384.668-2.937.374-3.052 2.005-.095 1.336 2.394.823 2.384 1.431-.015.833-1.81 1.167-1.81 2.005 0 2.1 1.81.285 9.157 5.916 3.916 2.998 4.58 8.624 4.225 14.924-.18 3.162-1.482 10.16-1.666 13.866-.304 6.075.624 11.188-.31 15.203-.09.374-.199.738-.319 1.098a9.5 9.5 0 0 1-.638 1.476c-1.297 2.349-2.763 3.99-3.412 7.966-1.431 8.748 8.09 12.035 7.986 12.065-.02.005-.055.015-.09.02q.734.089 1.422.17c2.08.254 7.212.972 7.212.972s-.424 2.08-.658 2.769c-.06.179-.115.364-.165.543-.364 1.332-.364 2.569-.035 3.128.998 1.686 7.188 1.431 7.477-.559.14-.972.235-2.165.29-3.516.239-.01.478-.02.698-.02.17 0 .334.01.504.015.054 1.351.15 2.544.289 3.516.29 1.99 6.48 2.245 7.477.559.309-.524.324-1.671.015-2.918-.02-.075-.035-.145-.055-.22-.05-.174-.1-.349-.16-.528-.18-.524-.369-1.282-.524-2.04 2.045-.295 5.083-.823 9.592-1.736.22-.045.434-.08.644-.115.024-.04.08-.075.18-.105 4.04-1.396 8.628-7.586 6.508-13.372-1.212-3.312-3.461-4.883-4.723-7.093-2.609-4.579-.619-5.651-1.766-17.871-.499-5.323-1.895-11.592-2.464-14.84-1.122-6.444-.045-12.18 3.447-14.848 4.04-3.088 6.14-2.39 6.33-4.046.09-.783-1.178-.932-1.148-1.715.05-1.232 3.462-1.252 3.337-2.48z"/><path fill="url(#k)" d="m27.023-1.815 3.24-.779 1.276 5.31-3.24.779z"/><path fill="#2919ff" d="m27.023-1.815 3.24-.779 1.276 5.31-3.24.779z"/><path fill="#f942ff" d="m41.126 10.565-1.532-3.381-5.542 2.511 1.532 3.382z"/><path fill="url(#l)" d="m16.889 12.723-2.493 2.21 3.622 4.086 2.493-2.21z"/><path fill="#9a2fff" d="m16.889 12.723-2.493 2.21 3.622 4.086 2.493-2.21z"/><path fill="#f942ff" d="M67.58 14.8c-.54-.552-.76-.817-.716-1.008.043-.19.359-.329 1.088-.585.984-.337 2.464-.852 2.866-2.55.401-1.698-.7-2.816-1.432-3.557-.54-.55-.765-.812-.717-1.007l.01-.04c.052-.067.345-.203.526-.283.345-.153.824-.373 1.236-.76-.746-.583-1.477-1.177-2.15-1.834a7 7 0 0 1-.22.103c-.652.292-1.744.79-2.072 2.192-.401 1.698.7 2.816 1.432 3.556.54.551.765.813.717 1.008-.05.194-.36.329-1.089.585-.983.337-2.464.851-2.866 2.55-.277 1.197.181 2.108.737 2.802.232.29.482.54.695.755z"/><path fill="#9a2fff" d="M54.576 3.924c.61-.869 1.2-1.741 1.776-2.626-3.98-3.024-8.227-2.084-8.443-2.03l.715 3.073c.151-.036 3.126-.642 5.952 1.583"/><path fill="url(#m)" d="M68.294 31.812c.978-.41 1.944-.831 2.903-1.273-1.752-4.681-5.845-6.152-6.056-6.223l-1.037 2.98c.148.052 2.987 1.126 4.19 4.516"/><path fill="#9a2fff" d="M68.294 31.812c.978-.41 1.944-.831 2.903-1.273-1.752-4.681-5.845-6.152-6.056-6.223l-1.037 2.98c.148.052 2.987 1.126 4.19 4.516"/><path fill="#f942ff" d="M14.038 30.05q1.092-1.496 2.125-3.02c-4.57-3.604-9.527-2.6-9.784-2.542l.76 3.592c.18-.04 3.649-.676 6.893 1.97z"/><path fill="#2919ff" d="M18.017 10.13a1.567 1.567 0 1 0 0-3.134 1.567 1.567 0 0 0 0 3.134M73.34 22.153a1.567 1.567 0 1 0 0-3.134 1.567 1.567 0 0 0 0 3.134"/><path fill="url(#n)" d="M46.663 17.877a1.458 1.458 0 1 0 0-2.916 1.458 1.458 0 0 0 0 2.916"/><path fill="#9a2fff" d="M46.663 17.877a1.458 1.458 0 1 0 0-2.916 1.458 1.458 0 0 0 0 2.916"/><path fill="#bf46ff" d="M11.413 4.883c-.415.651-.578.955-.495 1.132l-2.484 1.16c-.733-1.583.113-2.903.678-3.775.415-.652.577-.95.495-1.133s-.422-.25-1.186-.35C7.387 1.789 5.83 1.59 5.097.006c-.608-1.304-.057-2.37.275-3.002.035-.065.072-.141.11-.218.935.1 1.877.117 2.823.115-.084.558-.325 1.027-.501 1.36-.094.175-.24.463-.24.548l.018.037c.082.184.42.25 1.186.35 1.033.13 2.59.328 3.323 1.912s-.113 2.903-.678 3.776"/><path fill="url(#o)" d="M11.413 4.883c-.415.651-.578.955-.495 1.132l-2.484 1.16c-.733-1.583.113-2.903.678-3.775.415-.652.577-.95.495-1.133s-.422-.25-1.186-.35C7.387 1.789 5.83 1.59 5.097.006c-.608-1.304-.057-2.37.275-3.002.035-.065.072-.141.11-.218.935.1 1.877.117 2.823.115-.084.558-.325 1.027-.501 1.36-.094.175-.24.463-.24.548l.018.037c.082.184.42.25 1.186.35 1.033.13 2.59.328 3.323 1.912s-.113 2.903-.678 3.776"/><path fill="#9a2fff" d="M11.413 4.883c-.415.651-.578.955-.495 1.132l-2.484 1.16c-.733-1.583.113-2.903.678-3.775.415-.652.577-.95.495-1.133s-.422-.25-1.186-.35C7.387 1.789 5.83 1.59 5.097.006c-.608-1.304-.057-2.37.275-3.002.035-.065.072-.141.11-.218.935.1 1.877.117 2.823.115-.084.558-.325 1.027-.501 1.36-.094.175-.24.463-.24.548l.018.037c.082.184.42.25 1.186.35 1.033.13 2.59.328 3.323 1.912s-.113 2.903-.678 3.776"/></g></g><defs><linearGradient id="c" x1="17.733" x2="88.895" y1="3.237" y2="12.445" gradientUnits="userSpaceOnUse"><stop stop-color="#b89cff"/><stop offset=".712" stop-color="#ff9565"/></linearGradient><linearGradient id="d" x1="-22.631" x2="17.028" y1="58.867" y2="137.581" gradientUnits="userSpaceOnUse"><stop stop-color="#ffeb49"/><stop offset=".45" stop-color="#f60"/><stop offset=".53" stop-color="#fe6009"/><stop offset=".68" stop-color="#fd5322"/><stop offset=".86" stop-color="#fc3c4c"/><stop offset="1" stop-color="#fb2872"/></linearGradient><linearGradient id="e" x1="42.032" x2="42.925" y1="27.973" y2="157.408" gradientUnits="userSpaceOnUse"><stop stop-color="#f60"/><stop offset=".24" stop-color="#ff9c00"/><stop offset=".31" stop-color="#ff9200"/><stop offset=".44" stop-color="#ff7900"/><stop offset=".52" stop-color="#f60"/><stop offset=".96" stop-color="#fb2872"/></linearGradient><linearGradient id="f" x1="48.093" x2="49.644" y1="44.392" y2="52.537" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#a030b9"/><stop offset=".88" stop-color="#00073a"/></linearGradient><linearGradient id="g" x1="32.939" x2="33.997" y1="44.775" y2="51.793" gradientUnits="userSpaceOnUse"><stop offset=".16" stop-color="#a030b9"/><stop offset=".88" stop-color="#00073a"/></linearGradient><linearGradient id="h" x1="53.248" x2="57.324" y1="37.443" y2="19.418" gradientUnits="userSpaceOnUse"><stop stop-color="#f60" stop-opacity="0"/><stop offset=".03" stop-color="#f60" stop-opacity=".17"/><stop offset=".07" stop-color="#f60" stop-opacity=".36"/><stop offset=".11" stop-color="#f60" stop-opacity=".53"/><stop offset=".16" stop-color="#f60" stop-opacity=".68"/><stop offset=".2" stop-color="#f60" stop-opacity=".8"/><stop offset=".25" stop-color="#f60" stop-opacity=".89"/><stop offset=".3" stop-color="#f60" stop-opacity=".95"/><stop offset=".36" stop-color="#f60" stop-opacity=".99"/><stop offset=".43" stop-color="#f60"/><stop offset=".72" stop-color="#fd4737"/><stop offset="1" stop-color="#fb2872"/></linearGradient><linearGradient id="i" x1="30.549" x2="26.472" y1="36.959" y2="18.934" gradientUnits="userSpaceOnUse"><stop stop-color="#f60" stop-opacity="0"/><stop offset=".03" stop-color="#f60" stop-opacity=".17"/><stop offset=".07" stop-color="#f60" stop-opacity=".36"/><stop offset=".11" stop-color="#f60" stop-opacity=".53"/><stop offset=".16" stop-color="#f60" stop-opacity=".68"/><stop offset=".2" stop-color="#f60" stop-opacity=".8"/><stop offset=".25" stop-color="#f60" stop-opacity=".89"/><stop offset=".3" stop-color="#f60" stop-opacity=".95"/><stop offset=".36" stop-color="#f60" stop-opacity=".99"/><stop offset=".43" stop-color="#f60"/><stop offset=".71" stop-color="#fd4737"/><stop offset=".98" stop-color="#fb2872"/></linearGradient><linearGradient id="j" x1="42.885" x2="38.62" y1="31.421" y2="153.624" gradientUnits="userSpaceOnUse"><stop offset=".02" stop-color="#ff7408"/><stop offset=".03" stop-color="#ffaf28"/><stop offset=".04" stop-color="#ffc534"/><stop offset=".05" stop-color="#ffd63d"/><stop offset=".06" stop-color="#ffe244"/><stop offset=".07" stop-color="#ffe947"/><stop offset=".11" stop-color="#ffeb49"/><stop offset=".21" stop-color="#ffc936"/><stop offset=".43" stop-color="#ff7508"/><stop offset=".47" stop-color="#f60"/><stop offset=".85" stop-color="#fb2872"/></linearGradient><linearGradient id="k" x1="29.781" x2="28.522" y1="-8.59" y2="14.098" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#e752ff"/><stop offset=".35" stop-color="#dd4fff"/><stop offset=".42" stop-color="#c347ff"/><stop offset=".5" stop-color="#983bff"/><stop offset=".6" stop-color="#5e2aff"/><stop offset=".69" stop-color="#271aff"/></linearGradient><linearGradient id="l" x1="11.472" x2="22.824" y1="9.349" y2="33.125" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#e752ff"/><stop offset=".35" stop-color="#dd4fff"/><stop offset=".42" stop-color="#c347ff"/><stop offset=".5" stop-color="#983bff"/><stop offset=".6" stop-color="#5e2aff"/><stop offset=".69" stop-color="#271aff"/></linearGradient><linearGradient id="m" x1="55.514" x2="80.114" y1="26.785" y2="29.586" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#e752ff"/><stop offset=".35" stop-color="#dd4fff"/><stop offset=".42" stop-color="#c347ff"/><stop offset=".5" stop-color="#983bff"/><stop offset=".6" stop-color="#5e2aff"/><stop offset=".69" stop-color="#271aff"/></linearGradient><linearGradient id="n" x1="51.37" x2="46.363" y1="4.472" y2="17.18" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#e752ff"/><stop offset=".35" stop-color="#dd4fff"/><stop offset=".42" stop-color="#c347ff"/><stop offset=".5" stop-color="#983bff"/><stop offset=".6" stop-color="#5e2aff"/><stop offset=".69" stop-color="#271aff"/></linearGradient><linearGradient id="o" x1="21.43" x2="-15.815" y1="1.265" y2="-7.995" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#271aff"/><stop offset=".4" stop-color="#5e2aff"/><stop offset=".5" stop-color="#983bff"/><stop offset=".58" stop-color="#c347ff"/><stop offset=".65" stop-color="#dd4fff"/><stop offset=".69" stop-color="#e752ff"/></linearGradient><clipPath id="a"><path fill="#fff" d="M0 0h80v60H0z"/></clipPath></defs></svg>↩