Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Preview of https://hg.mozilla.org/comm-central/raw-file/tip/mail/branding/nightly/content/logo-gradient.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="526" height="526" viewBox="0 0 526 526" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_718_12348)">
<path d="M218.441 112.243L218.491 112.243C234.66 55.7185 305.118 28.123 376.918 28.123C426.525 28.123 471.07 43.8347 501.598 68.7678C482.686 69.7053 464.694 73.4057 448.225 79.3783C472.894 88.5429 494.086 102.653 509.796 120.108C499.375 118.307 488.565 117.359 477.482 117.359C476.287 117.359 475.095 117.37 473.906 117.392C502.444 158.769 519.155 208.933 519.155 263C519.155 404.807 404.198 519.764 262.391 519.764C122.77 519.764 5.62622 402.861 5.62622 263C5.62622 240.911 8.56635 218.097 14.264 196.714C15.7545 192.222 17.8392 187.915 20.6075 186.339C24.0723 184.367 27.2213 190.247 27.7313 192.162C31.4943 206.289 36.564 219.953 42.8174 233.041C42.2714 203.722 54.7932 177.025 72.0238 153.925C83.5086 138.528 94.1553 124.255 99.0725 83.0787C99.4026 80.3147 102.024 78.325 104.669 79.1912C142.058 91.4321 162.045 153.685 158.933 205.742C179.588 208.694 179.492 187.12 179.492 187.12C172.89 166.831 177.292 129.116 218.374 112.243L218.441 112.243Z" fill="url(#paint0_linear_718_12348)"/>
<path opacity="0.9" d="M510.755 197.612C516.999 338.835 400.905 460.588 259.335 460.588C126.811 460.588 18.2116 358.157 8.38878 228.148C6.65802 240.158 5.72114 252.426 5.63306 264.895C6.63878 404.018 123.498 519.764 262.391 519.764C404.198 519.764 519.155 404.807 519.155 263C519.155 240.403 516.236 218.489 510.755 197.612Z" fill="url(#paint1_radial_718_12348)"/>
<path d="M256.429 131.079C253.661 126.182 240.887 118.944 235.307 117.68C256.429 50.0068 364.068 29.2296 429.948 41.2034C457.359 46.1856 491.507 61.1317 501.892 68.8889C471.363 43.9558 426.818 28.2441 377.211 28.2441C305.411 28.2441 234.953 55.8396 218.784 112.364L218.734 112.364L218.667 112.364C177.585 129.237 173.188 166.964 179.791 187.252C186.125 163.051 216.287 133.312 256.429 131.079Z" fill="url(#paint2_linear_718_12348)"/>
<path d="M330.75 84.2213C273.074 95.5696 254.225 99.2783 234.92 117.629C256.6 60.2334 311.941 48.6047 377.879 74.764C359.731 78.5189 344.187 81.5774 330.75 84.2213Z" fill="url(#paint3_linear_718_12348)"/>
<g style="mix-blend-mode:multiply">
<path d="M19.5643 188.854C3.80784 253.365 15.9832 329.192 87.5686 392.825C66.2565 369.524 40.2406 283.469 97.6575 221.988C101.525 217.846 108.179 220.894 108.389 226.557C113.119 354.321 216.22 432.355 335.076 417.762C298.248 415.693 176.455 373.038 267.053 356.16C314.411 347.338 388.663 333.505 388.663 266.887C388.663 158.878 305.15 127.301 254.514 131.999C219.855 135.215 189.009 157.205 179.512 187.111C183.157 198.904 168.629 207.16 158.933 205.774C162.045 153.717 142.058 91.4322 104.669 79.1913C102.024 78.3252 99.4026 80.3148 99.0725 83.0788C94.1553 124.255 83.5087 138.528 72.0238 153.925C54.7932 177.025 42.2715 203.722 42.8175 233.041C36.564 219.953 31.4943 206.29 27.7314 192.162C27.3091 190.576 25.0161 186.158 22.2405 185.949C20.7381 185.837 19.9428 187.304 19.5643 188.854Z" fill="url(#paint4_radial_718_12348)"/>
</g>
<path d="M235.24 362.698C304.959 419.308 445.179 376.866 445.179 239.214C388.568 325.023 316.469 384.208 235.24 362.698Z" fill="url(#paint5_linear_718_12348)"/>
<path d="M97.6557 221.988C99.1278 220.412 101.005 219.87 102.779 220.117C51.3817 282.799 92.8349 392.896 121.287 419.94C122.877 424.444 94.2988 401.024 90.3577 395.54C68.7176 377.179 37.701 286.186 97.6557 221.988Z" fill="url(#paint6_linear_718_12348)"/>
<path d="M262.39 367.882C332.131 367.882 388.667 321.751 388.667 264.846C388.667 207.94 332.131 161.81 262.39 161.81C202.893 161.81 136.09 200.517 136.112 266.35C136.146 368.084 243.619 426.61 335.23 417.75C328.35 416.952 285.422 414.672 256.406 381.848C253.789 378.888 249.246 373.728 251.307 370.372C253.367 367.017 259.028 367.882 262.39 367.882Z" fill="url(#paint7_linear_718_12348)"/>
<path opacity="0.6" d="M374.911 218.035L275.114 313.524C266.257 319.815 256.83 320.278 247.522 314.564L149.65 218.379C152.407 213.935 155.547 209.675 159.034 205.63C162.561 208.928 165.975 212.126 169.307 215.247C195.019 239.33 215.802 258.795 245.092 283.794C258.315 295.08 262.424 294.858 275.387 283.794C308.905 255.188 333.409 233.539 365.274 205.092C368.858 209.193 372.083 213.518 374.911 218.035Z" fill="white"/>
<path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd" d="M262.389 367.882C332.13 367.882 388.667 321.751 388.667 264.846C388.667 247.47 383.395 231.099 374.087 216.74L273.862 307.769C266.863 314.126 255.073 314.126 248.074 307.769L149.713 218.433C141.153 232.193 136.106 248.246 136.112 266.35C136.146 368.085 243.619 426.61 335.23 417.751C334.814 417.702 334.267 417.649 333.6 417.583L333.6 417.583C323.214 416.565 283.668 412.689 256.405 381.848C253.789 378.889 249.246 373.728 251.306 370.372C253.036 367.555 257.306 367.713 260.62 367.837C261.253 367.86 261.85 367.882 262.389 367.882Z" fill="url(#paint8_linear_718_12348)"/>
<mask id="mask0_718_12348" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="136" y="216" width="253" height="203">
<path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd" d="M262.389 367.882C332.13 367.882 388.667 321.751 388.667 264.846C388.667 247.47 383.395 231.099 374.087 216.74L273.862 307.769C266.863 314.126 255.073 314.126 248.074 307.769L149.713 218.433C141.153 232.193 136.106 248.246 136.112 266.35C136.146 368.085 243.619 426.61 335.23 417.751C334.814 417.702 334.267 417.649 333.6 417.583L333.6 417.583C323.214 416.565 283.668 412.689 256.405 381.848C253.789 378.889 249.246 373.728 251.306 370.372C253.036 367.555 257.306 367.713 260.62 367.837C261.253 367.86 261.85 367.882 262.389 367.882Z" fill="white"/>
</mask>
<g mask="url(#mask0_718_12348)">
<g filter="url(#filter0_f_718_12348)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M233.078 308.374C214.481 289.018 158.781 224.723 158.781 224.723L163.092 224.908L250.285 290.034C256.818 294.779 266.129 294.731 272.603 289.92L358.103 224.992L362.642 224.639C362.642 224.639 308.764 287.412 288.128 308.093C267.491 328.774 251.675 327.73 233.078 308.374Z" fill="#458FCD"/>
</g>
</g>
<path d="M280.106 110.272C293.619 106.016 292.437 92.6377 292.437 92.6377C292.437 92.6377 285.676 84.6834 272.288 89.0921C259.755 93.2192 257.812 102.142 257.812 102.142C257.812 102.142 264.659 115.136 280.106 110.272Z" fill="white"/>
</g>
<defs>
<filter id="filter0_f_718_12348" x="135.305" y="201.164" width="250.813" height="145.561" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="11.7378" result="effect1_foregroundBlur_718_12348"/>
</filter>
<linearGradient id="paint0_linear_718_12348" x1="192.427" y1="129.335" x2="456.708" y2="450.381" gradientUnits="userSpaceOnUse">
<stop stop-color="#F53DB8"/>
<stop offset="1" stop-color="#590DF2"/>
</linearGradient>
<radialGradient id="paint1_radial_718_12348" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(94.0803 228.926) rotate(66.5179) scale(217.118 207.993)">
<stop offset="0.525579" stop-color="#0B4186" stop-opacity="0"/>
<stop offset="1" stop-color="#0B4186" stop-opacity="0.45"/>
</radialGradient>
<linearGradient id="paint2_linear_718_12348" x1="308.367" y1="156.259" x2="220.109" y2="94.5225" gradientUnits="userSpaceOnUse">
<stop stop-color="#D13AEF" stop-opacity="0"/>
<stop offset="1" stop-color="#F9D286" stop-opacity="0.9"/>
</linearGradient>
<linearGradient id="paint3_linear_718_12348" x1="138.216" y1="241.684" x2="325.708" y2="54.1918" gradientUnits="userSpaceOnUse">
<stop stop-color="#450FB0"/>
<stop offset="1" stop-color="#450FB0" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint4_radial_718_12348" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(165.554 402.899) rotate(-64.2627) scale(338.724 418.421)">
<stop offset="0.0160882" stop-color="#650877"/>
<stop offset="0.967387" stop-color="#340B86" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint5_linear_718_12348" x1="423.724" y1="304.166" x2="333.969" y2="416.772" gradientUnits="userSpaceOnUse">
<stop stop-color="#D647E2" stop-opacity="0"/>
<stop offset="1" stop-color="#E7BB65" stop-opacity="0.64"/>
</linearGradient>
<linearGradient id="paint6_linear_718_12348" x1="56.949" y1="214.649" x2="98.3279" y2="386.449" gradientUnits="userSpaceOnUse">
<stop offset="0.104632" stop-color="#F9BF86"/>
<stop offset="1" stop-color="#D63AEF" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint7_linear_718_12348" x1="262.394" y1="199.543" x2="262.394" y2="416.692" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="0.90535" stop-color="#BEE1FE"/>
<stop offset="1" stop-color="#96CEFD"/>
</linearGradient>
<linearGradient id="paint8_linear_718_12348" x1="266.455" y1="322.423" x2="266.455" y2="413.391" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCE0FD"/>
<stop offset="1" stop-color="#88CCFC"/>
</linearGradient>
<clipPath id="clip0_718_12348">
<rect width="526" height="526" fill="white"/>
</clipPath>
</defs>
</svg>