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-light.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 width="300" height="172" viewBox="0 0 300 172" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#clip0_19638_208237)">
<rect width="300" height="172" fill="#EAE1FF"/>
<g filter="url(#filter0_d_19638_208237)">
<g clip-path="url(#clip1_19638_208237)">
<path d="M19 48.7192C19 44.456 22.456 41 26.7192 41H357V644H19V48.7192Z" fill="#F0F0F4"/>
<g filter="url(#filter1_d_19638_208237)">
<g clip-path="url(#clip2_19638_208237)">
<rect x="19" y="41" width="404" height="259" rx="7.54162" fill="#F9F9FB"/>
<path d="M426.977 113.759V184.759H17.9766V113.759H426.977Z" fill="#FBFBFE" stroke="#E0E0E6"/>
<rect x="18.7158" y="41" width="531.356" height="37" fill="#F0F0F4"/>
<rect x="128.357" y="84.3062" width="338" height="21.125" rx="3.26241" fill="#F0F0F4"/>
<line x1="15.4092" y1="77.5823" x2="552.243" y2="77.5823" stroke="#E0E0E6" stroke-width="1.03049"/>
</g>
<rect x="18.5218" y="40.5218" width="404.956" height="259.956" rx="8.01978" stroke="#838383" stroke-width="0.956304"/>
</g>
<rect x="282.5" y="46.5488" width="106" height="23" rx="3.5" fill="#FBFBFE" stroke="#CFCFD8"/>
<circle cx="296" cy="58.0488" r="5.56674" fill="#CFCFD8" stroke="#CFCFD8" stroke-width="0.866516"/>
</g>
</g>
<path d="M45.0487 95.0398H35.3254L39.0235 91.3417C39.1199 91.2401 39.1729 91.1048 39.1711 90.9647C39.1693 90.8246 39.1128 90.6908 39.0138 90.5917C38.9147 90.4926 38.7808 90.4362 38.6407 90.4344C38.5007 90.4326 38.3654 90.4855 38.2638 90.582L33.5674 95.281V95.8724L38.2646 100.571C38.3143 100.621 38.3735 100.66 38.4386 100.687C38.5037 100.714 38.5735 100.728 38.6441 100.728C38.7146 100.728 38.7844 100.714 38.8495 100.687C38.9147 100.66 38.9738 100.621 39.0235 100.571C39.1238 100.47 39.18 100.333 39.18 100.191C39.18 100.048 39.1238 99.9118 39.0235 99.8108L35.3254 96.1128H45.0487C45.191 96.1128 45.3275 96.0562 45.4281 95.9556C45.5287 95.855 45.5852 95.7186 45.5852 95.5763C45.5852 95.434 45.5287 95.2975 45.4281 95.1969C45.3275 95.0963 45.191 95.0398 45.0487 95.0398Z" fill="#CFCFD8"/>
<path d="M63.1683 95.0401H72.8916L69.1936 91.3421C69.0971 91.2405 69.0441 91.1052 69.046 90.9651C69.0478 90.825 69.1042 90.6912 69.2033 90.5921C69.3024 90.493 69.4362 90.4366 69.5763 90.4347C69.7164 90.4329 69.8517 90.4859 69.9533 90.5824L74.6497 95.2813V95.8728L69.9524 100.571C69.9027 100.621 69.8436 100.661 69.7785 100.688C69.7134 100.715 69.6435 100.729 69.573 100.729C69.5025 100.729 69.4326 100.715 69.3675 100.688C69.3024 100.661 69.2433 100.621 69.1936 100.571C69.0933 100.47 69.037 100.333 69.037 100.191C69.037 100.049 69.0933 99.9122 69.1936 99.8112L72.8916 96.1131H63.1683C63.0261 96.1131 62.8896 96.0566 62.789 95.956C62.6884 95.8554 62.6318 95.7189 62.6318 95.5766C62.6318 95.4343 62.6884 95.2979 62.789 95.1973C62.8896 95.0966 63.0261 95.0401 63.1683 95.0401Z" fill="#CFCFD8"/>
<g clip-path="url(#clip3_19638_208237)">
<path d="M103.425 93.1611H107.184L107.466 92.8787V89.1198C107.466 89.0266 107.439 88.9354 107.387 88.8578C107.336 88.7803 107.262 88.7198 107.176 88.6841C107.09 88.6484 106.995 88.6391 106.904 88.6573C106.812 88.6756 106.728 88.7205 106.662 88.7865L105.289 90.16C104.082 89.061 102.509 88.4526 100.877 88.4542C97.244 88.4542 94.2871 91.4111 94.2871 95.0438C94.2871 98.6766 97.244 101.633 100.877 101.633C102.516 101.64 104.098 101.033 105.312 99.9315C106.526 98.8301 107.284 97.3141 107.436 95.6821C107.451 95.5268 107.403 95.3721 107.304 95.2518C107.205 95.1314 107.062 95.0553 106.907 95.0401C106.752 95.0276 106.599 95.0758 106.479 95.1746C106.359 95.2733 106.282 95.4148 106.265 95.5691C106.14 96.9095 105.517 98.1545 104.52 99.059C103.523 99.9635 102.223 100.462 100.877 100.457C97.8916 100.457 95.4638 98.0289 95.4638 95.0438C95.4638 92.0587 97.8916 89.6309 100.877 89.6309C102.197 89.629 103.472 90.1132 104.459 90.9912L103.093 92.3572C103.027 92.4229 102.982 92.5068 102.964 92.5981C102.945 92.6894 102.955 92.7841 102.99 92.8702C103.026 92.9563 103.086 93.0299 103.163 93.0816C103.241 93.1334 103.332 93.1611 103.425 93.1611V93.1611Z" fill="#CFCFD8"/>
</g>
</g>
<rect x="0.5" y="0.5" width="299" height="171" stroke="#CFCFD8"/>
<path d="M130.492 20.0058L126.744 26.0243M126.744 26.0243L133.492 28.0057M126.744 26.0243C150.991 14.1479 195.491 14.6479 218.991 26.0241" stroke="#5B5B66" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<rect x="59" y="49.0488" width="28" height="18" rx="4" fill="#8C39BC"/>
<rect x="95.5" y="46.5488" width="106" height="23" rx="3.5" fill="#FBF6FF" stroke="#8C39BC"/>
<circle cx="109" cy="58.0488" r="6" fill="#8C39BC"/>
<rect x="123" y="56.0488" width="71" height="4" rx="2" fill="#8C39BC"/>
<g filter="url(#filter2_d_19638_208237)">
<rect x="167.75" y="49.7988" width="105.5" height="22.5" rx="3.25" fill="white" stroke="#8C39BC" stroke-width="1.5"/>
<circle cx="181" cy="61.0488" r="6" fill="#8C39BC"/>
<rect x="195" y="59.0488" width="71" height="4" rx="2" fill="#8C39BC"/>
</g>
<path d="M60 76.0488H273" stroke="#8C39BC" stroke-width="2" stroke-linecap="round"/>
<g clip-path="url(#clip4_19638_208237)">
<mask id="mask0_19638_208237" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="210" y="65" width="21" height="22">
<path d="M230.445 65H210V87H230.445V65Z" fill="white"/>
</mask>
<g mask="url(#mask0_19638_208237)">
<rect x="210" y="65" width="20.4084" height="22.2637" fill="url(#pattern0_19638_208237)"/>
</g>
<path opacity="0.8" d="M224.97 79.6243L222.005 75.8227L220.568 76.9413L223.533 80.7429L224.97 79.6243ZM223.469 81.9434L224.806 80.8975L223.688 79.4606L222.351 80.5064L223.469 81.9434ZM219.222 77.9872L222.187 81.7888L223.624 80.6701L220.659 76.8686L219.222 77.9872ZM218.222 81.6706L220.705 77.9327L219.186 76.9231L216.703 80.6611L218.222 81.6706ZM213.274 68.8744L216.585 81.4068L218.34 80.943L215.029 68.4014L213.274 68.8653V68.8744ZM225.943 74.0856L214.584 67.8376L213.711 69.4291L225.07 75.6681L225.943 74.0765V74.0856ZM221.587 77.2415L225.816 75.7408L225.206 74.031L220.977 75.5317L221.587 77.2415ZM224.251 80.179L224.815 80.8975L225.534 80.3336L224.97 79.6152L224.251 80.179ZM222.905 81.234L222.187 81.7979L222.751 82.5164L223.469 81.9525L222.905 81.234ZM219.941 77.4324L220.659 76.8686L219.886 75.8773L219.186 76.9322L219.941 77.4324ZM217.458 81.1704L216.576 81.4068L217.094 83.3622L218.213 81.6706L217.458 81.1704ZM214.147 68.6379L214.584 67.8376L212.729 66.819L213.274 68.8744L214.156 68.6379H214.147ZM225.507 74.8859L225.807 75.7408L227.717 75.0587L225.943 74.0856L225.507 74.8859Z" fill="#23222B"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M221.278 76.3865L225.507 74.8859L214.147 68.6378L217.458 81.1703L219.941 77.4324L222.906 81.2339L224.252 80.179L221.278 76.3865Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_19638_208237" x="-1.99" y="26.3" width="379.98" height="644.98" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="6.29"/>
<feGaussianBlur stdDeviation="10.495"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19638_208237"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19638_208237" result="shape"/>
</filter>
<filter id="filter1_d_19638_208237" x="-6.29833" y="19.1789" width="454.597" height="309.597" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="3.47747"/>
<feGaussianBlur stdDeviation="12.1711"/>
<feColorMatrix type="matrix" 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 mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19638_208237"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19638_208237" result="shape"/>
</filter>
<filter id="filter2_d_19638_208237" x="164.46" y="46.5088" width="112.08" height="29.08" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="1.27"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_19638_208237"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_19638_208237" result="shape"/>
</filter>
<pattern id="pattern0_19638_208237" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_19638_208237" transform="scale(0.0222222 0.0212766)"/>
</pattern>
<clipPath id="clip0_19638_208237">
<rect width="300" height="172" fill="white"/>
</clipPath>
<clipPath id="clip1_19638_208237">
<path d="M19 48.7192C19 44.456 22.456 41 26.7192 41H357V644H19V48.7192Z" fill="white"/>
</clipPath>
<clipPath id="clip2_19638_208237">
<rect x="19" y="41" width="404" height="259" rx="7.54162" fill="white"/>
</clipPath>
<clipPath id="clip3_19638_208237">
<rect width="15.0619" height="15.0619" fill="white" transform="translate(92.877 87.0438)"/>
</clipPath>
<clipPath id="clip4_19638_208237">
<rect width="20.4448" height="22" fill="white" transform="translate(210 65)"/>
</clipPath>
<image id="image0_19638_208237" width="45" height="47" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
</defs>
</svg>