Source code

Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Preview of https://hg.mozilla.org/mozilla-central/raw-file/tip/browser/components/asrouter/content/assets/tabgroups/hort-static-dark.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="300" height="172" fill="none"><g clip-path="url(#a)"><path fill="#726795" d="M0 0h300v172H0z"/><g filter="url(#b)"><g clip-path="url(#c)" filter="url(#d)"><g filter="url(#e)"><g clip-path="url(#f)"><rect width="404" height="259" x="19" y="41" fill="#3A3944" rx="7.542"/><path fill="#42414D" stroke="#52525E" d="M17.977 113.759h409v71h-409z"/><path fill="#32313C" d="M18.716 41h531.356v37H18.716z"/><rect width="338" height="21.125" x="128.357" y="84.306" fill="#42414D" rx="4"/><path fill="#52525E" d="M45.05 95.04h-9.724l3.698-3.698a.538.538 0 0 0-.76-.76l-4.696 4.699v.591l4.697 4.699a.53.53 0 0 0 .38.157.536.536 0 0 0 .379-.917l-3.698-3.698h9.723a.537.537 0 0 0 0-1.073M63.168 95.04h9.723l-3.698-3.698a.537.537 0 0 1 .76-.76l4.696 4.7v.59l-4.697 4.699a.534.534 0 0 1-.915-.38.54.54 0 0 1 .156-.38l3.698-3.698h-9.723a.537.537 0 0 1 0-1.073"/><g clip-path="url(#g)"><path fill="#52525E" d="M103.425 93.161h3.759l.282-.282v-3.76a.47.47 0 0 0-.804-.332l-1.373 1.373a6.54 6.54 0 0 0-4.412-1.706 6.6 6.6 0 0 0-6.59 6.59 6.6 6.6 0 0 0 6.59 6.589 6.56 6.56 0 0 0 6.559-5.95.59.59 0 0 0-.529-.643.597.597 0 0 0-.642.53 5.39 5.39 0 0 1-5.388 4.887 5.42 5.42 0 0 1-5.413-5.413 5.42 5.42 0 0 1 5.413-5.413 5.38 5.38 0 0 1 3.582 1.36l-1.366 1.366a.47.47 0 0 0-.103.513.48.48 0 0 0 .435.291"/></g><path stroke="#52525E" d="M15.409 77.597h536.834"/></g><rect width="404.956" height="259.956" x="18.522" y="40.522" stroke="#838383" stroke-width=".956" rx="8.02"/></g><rect width="106" height="23" x="282.5" y="46.549" fill="#42414D" stroke="#5B5B66" rx="3.5"/><circle cx="296" cy="58.049" r="6" fill="#5B5B66"/></g></g><path stroke="#FBFBFE" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m126.745 26.024 3.747-6.018m-3.747 6.018 6.747 1.982m-6.747-1.982c24.247-11.876 68.747-11.376 92.247 0"/><rect width="28" height="18" x="59" y="49.049" fill="#C188EA" rx="4"/><rect width="106" height="23" x="95.5" y="46.549" fill="#8C39BC" stroke="#C188EA" rx="3.5"/><circle cx="109" cy="58.049" r="6" fill="#C188EA"/><rect width="71" height="4" x="123" y="56.049" fill="#C188EA" rx="2"/><g filter="url(#h)"><rect width="105.5" height="22.5" x="167.75" y="49.799" fill="#42414D" stroke="#C188EA" stroke-width="1.5" rx="3.25"/><circle cx="181" cy="61.049" r="6" fill="#C188EA"/><rect width="71" height="4" x="195" y="59.049" fill="#C188EA" rx="2"/></g><path stroke="#C188EA" stroke-linecap="round" stroke-width="2" d="M60 76.049h213"/><g fill-rule="evenodd" clip-rule="evenodd" filter="url(#i)"><path fill="#fff" d="M213.875 64.775V81.19l3.305-3.21 2.312 5.475 3.695-1.573-2.153-5.198h4.722z"/><path fill="#000" d="M214.9 78.71V67.242l8.369 8.388h-3.786l2.337 5.554-1.89.793-2.429-5.778z"/></g></g><path stroke="#52525E" d="M.5.5h299v171H.5z"/><defs><filter id="b" width="379.98" height="644.98" x="-1.99" y="26.3" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="6.29"/><feGaussianBlur stdDeviation="10.495"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16236_14798"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16236_14798" result="shape"/></filter><filter id="d" width="413.913" height="268.913" x="14.043" y="40.044" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16236_14798"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16236_14798" result="shape"/></filter><filter id="e" width="454.598" height="309.597" x="-6.299" y="19.179" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="3.477"/><feGaussianBlur stdDeviation="12.171"/><feColorMatrix values="0 0 0 0 0.227451 0 0 0 0 0.223529 0 0 0 0 0.266667 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16236_14798"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16236_14798" result="shape"/></filter><filter id="h" width="112.08" height="29.08" x="164.46" y="46.509" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset/><feGaussianBlur stdDeviation="1.27"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16236_14798"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16236_14798" result="shape"/></filter><filter id="i" width="32.8" height="32.8" x="202.85" y="59.9" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="2.05"/><feGaussianBlur stdDeviation="3.075"/><feColorMatrix values="0 0 0 0 0.227451 0 0 0 0 0.223529 0 0 0 0 0.266667 0 0 0 0.2 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_16236_14798"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_16236_14798" result="shape"/></filter><clipPath id="a"><path fill="#fff" d="M0 0h300v172H0z"/></clipPath><clipPath id="c"><path fill="#fff" d="M19 48.72A7.72 7.72 0 0 1 26.72 41H357v603H19z"/></clipPath><clipPath id="f"><rect width="404" height="259" x="19" y="41" fill="#fff" rx="7.542"/></clipPath><clipPath id="g"><path fill="#fff" d="M92.877 87.044h15.062v15.062H92.877z"/></clipPath></defs></svg>