Revision control

Copy as Markdown

Other Tools

SVG Preview (Scaled)

Preview of https://hg.mozilla.org/comm-central/raw-file/tip/mail/branding/tb_beta/content/logo-gradient.svg
<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_9328)">
<path d="M459.728 348.099H257.976C252.036 348.099 247.217 352.918 247.217 358.858V391.137C247.217 438.682 285.753 477.218 333.299 477.218H444.934C480.584 477.218 509.49 448.313 509.49 412.662V384.412C509.49 368.273 493.351 348.099 459.728 348.099Z" fill="#008787"/>
<path opacity="0.9" d="M459.728 348.099H257.976C252.036 348.099 247.217 352.918 247.217 358.858V391.137C247.217 438.682 285.753 477.218 333.299 477.218H444.934C480.584 477.218 509.49 448.313 509.49 412.662V384.412C509.49 368.273 493.351 348.099 459.728 348.099Z" fill="url(#paint0_linear_718_9328)"/>
<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(#paint1_linear_718_9328)"/>
<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.147C6.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(#paint2_radial_718_9328)"/>
<path d="M256.135 130.957C253.368 126.061 240.594 118.822 235.013 117.559C256.135 49.8856 363.775 29.1084 429.655 41.0822C457.066 46.0644 491.214 61.0105 501.598 68.7677C471.07 43.8346 426.525 28.1229 376.918 28.1229C305.118 28.1229 234.66 55.7184 218.491 112.243L218.441 112.243L218.374 112.243C177.292 129.116 172.895 166.842 179.497 187.131C185.832 162.93 215.994 133.19 256.135 130.957Z" fill="url(#paint3_radial_718_9328)"/>
<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(#paint4_linear_718_9328)"/>
<path d="M19.5643 188.854C3.80784 253.365 15.9832 329.191 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.337 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.4321 104.669 79.1912C102.024 78.325 99.4026 80.3147 99.0725 83.0787C94.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.289 27.7314 192.162C27.3091 190.576 25.0161 186.158 22.2405 185.949C20.7381 185.836 19.9428 187.304 19.5643 188.854Z" fill="url(#paint5_radial_718_9328)"/>
<path d="M235.24 362.697C304.959 419.308 445.179 376.866 445.179 239.213C388.568 325.023 316.469 384.208 235.24 362.697Z" fill="url(#paint6_linear_718_9328)"/>
<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(#paint7_linear_718_9328)"/>
<path d="M262.39 367.882C332.131 367.882 388.667 321.751 388.667 264.846C388.667 207.94 332.131 161.809 262.39 161.809C202.893 161.809 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.016 259.028 367.882 262.39 367.882Z" fill="url(#paint8_linear_718_9328)"/>
<path opacity="0.6" d="M374.911 218.035L275.114 313.523C266.257 319.814 256.83 320.278 247.522 314.563L149.65 218.379C152.407 213.934 155.547 209.675 159.034 205.63C162.561 208.928 165.975 212.126 169.307 215.247C195.019 239.329 215.802 258.795 245.092 283.794C258.315 295.079 262.424 294.857 275.387 283.794C308.905 255.187 333.409 233.538 365.274 205.092C368.858 209.193 372.083 213.517 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.739L273.862 307.769C266.863 314.126 255.073 314.126 248.074 307.769L149.713 218.432C141.153 232.193 136.106 248.246 136.112 266.35C136.146 368.085 243.619 426.61 335.23 417.75C334.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.888 249.246 373.728 251.306 370.372C253.036 367.554 257.306 367.713 260.62 367.836C261.253 367.86 261.85 367.882 262.389 367.882Z" fill="url(#paint9_linear_718_9328)"/>
<mask id="mask0_718_9328" 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.739L273.862 307.769C266.863 314.126 255.073 314.126 248.074 307.769L149.713 218.432C141.153 232.193 136.106 248.246 136.112 266.35C136.146 368.085 243.619 426.61 335.23 417.75C334.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.888 249.246 373.728 251.306 370.372C253.036 367.554 257.306 367.713 260.62 367.836C261.253 367.86 261.85 367.882 262.389 367.882Z" fill="white"/>
</mask>
<g mask="url(#mask0_718_9328)">
<g filter="url(#filter0_f_718_9328)">
<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.773 251.675 327.73 233.078 308.374Z" fill="#458FCD"/>
</g>
</g>
<path d="M280.106 110.271C293.619 106.016 292.437 92.6374 292.437 92.6374C292.437 92.6374 285.676 84.6832 272.288 89.0919C259.755 93.219 257.812 102.142 257.812 102.142C257.812 102.142 264.659 115.136 280.106 110.271Z" fill="white"/>
<mask id="mask1_718_9328" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="5" y="28" width="515" height="492">
<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(#paint10_linear_718_9328)"/>
</mask>
<g mask="url(#mask1_718_9328)">
<path opacity="0.2" d="M498.024 377.217H298.157C250.856 377.217 212.505 417.721 212.505 467.678V511.921C212.505 518.689 217.697 524.166 224.099 524.166H423.966C471.267 524.166 509.618 483.669 509.618 433.705V364.972C509.618 371.741 504.425 377.217 498.024 377.217Z" fill="black"/>
</g>
<path d="M498.743 395.172H313.265C269.369 395.172 233.78 430.762 233.78 474.658V513.532C233.78 519.48 238.598 524.292 244.539 524.292H430.017C473.912 524.292 509.502 488.709 509.502 444.806V384.413C509.502 390.36 504.683 395.172 498.743 395.172Z" fill="url(#paint11_linear_718_9328)"/>
<path d="M281.536 433.027H303.812C315.767 433.027 322.479 438.414 322.479 448.078C322.567 450.295 322.034 452.492 320.939 454.421C319.843 456.35 318.23 457.934 316.281 458.993C320.782 461.284 323.29 465.339 323.29 470.949C323.29 481.573 315.909 486.885 303.961 486.885H281.536V433.027ZM291.789 442.253V454.715H304.184C309.719 454.715 312.077 451.992 312.077 448.301C312.077 444.537 309.489 442.253 304.035 442.253H291.789ZM291.789 464.089V477.511H304.109C309.793 477.511 312.74 474.93 312.74 470.726C312.74 466.529 310.239 464.089 303.67 464.089H291.789ZM333.245 433.027H369.463V442.841H343.646V454.938H369.463V464.751H343.646V476.998H369.463V486.885H333.245V433.027ZM393.367 442.618H378.391V433.034H418.448V442.618H403.62V486.885H393.361L393.367 442.618ZM436.074 433.027H446.326L466.683 486.885H455.991L452.449 477.072H429.951L426.409 486.885H415.711L436.074 433.027ZM433.418 467.63H448.982L441.237 446.233L433.418 467.63Z" fill="#20123A"/>
</g>
<defs>
<filter id="filter0_f_718_9328" x="135.305" y="201.163" 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_9328"/>
</filter>
<linearGradient id="paint0_linear_718_9328" x1="454.391" y1="471.96" x2="384.559" y2="405.848" gradientUnits="userSpaceOnUse">
<stop stop-color="#054096" stop-opacity="0.5"/>
<stop offset="0.054" stop-color="#0F3D9C" stop-opacity="0.441"/>
<stop offset="0.261" stop-color="#2F35B1" stop-opacity="0.249"/>
<stop offset="0.466" stop-color="#462FBF" stop-opacity="0.111"/>
<stop offset="0.669" stop-color="#542BC8" stop-opacity="0.028"/>
<stop offset="0.864" stop-color="#592ACB" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint1_linear_718_9328" x1="94.7467" y1="112.753" x2="456.708" y2="450.381" gradientUnits="userSpaceOnUse">
<stop stop-color="#1B91F3"/>
<stop offset="1" stop-color="#0B68CB"/>
</linearGradient>
<radialGradient id="paint2_radial_718_9328" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(94.0803 228.925) 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>
<radialGradient id="paint3_radial_718_9328" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(268.992 139.753) rotate(-127.994) scale(46.4165 76.8079)">
<stop stop-color="#A29CF6" stop-opacity="0"/>
<stop offset="1" stop-color="#A39BF6"/>
</radialGradient>
<linearGradient id="paint4_linear_718_9328" x1="195.462" y1="199.184" x2="325.708" y2="54.1918" gradientUnits="userSpaceOnUse">
<stop stop-color="#0F5DB0"/>
<stop offset="1" stop-color="#0F5DB0" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint5_radial_718_9328" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(165.554 402.898) rotate(-64.2627) scale(338.724 418.421)">
<stop offset="0.0160882" stop-color="#094188"/>
<stop offset="0.967387" stop-color="#0B4186" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint6_linear_718_9328" x1="423.724" y1="304.166" x2="381.925" y2="421.081" gradientUnits="userSpaceOnUse">
<stop stop-color="#7B8BE9" stop-opacity="0"/>
<stop offset="1" stop-color="#7B8BE9"/>
</linearGradient>
<linearGradient id="paint7_linear_718_9328" x1="62.848" y1="219.717" x2="97.9843" y2="386.915" gradientUnits="userSpaceOnUse">
<stop offset="0.104632" stop-color="#C59FF9"/>
<stop offset="1" stop-color="#C59FF9" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint8_linear_718_9328" 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="paint9_linear_718_9328" 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>
<linearGradient id="paint10_linear_718_9328" x1="94.7467" y1="112.753" x2="456.708" y2="450.381" gradientUnits="userSpaceOnUse">
<stop stop-color="#1B91F3"/>
<stop offset="1" stop-color="#0B68CB"/>
</linearGradient>
<linearGradient id="paint11_linear_718_9328" x1="264.064" y1="407.019" x2="516.159" y2="513.687" gradientUnits="userSpaceOnUse">
<stop offset="0.001" stop-color="#54FFBD"/>
<stop offset="1" stop-color="#00DDFF"/>
</linearGradient>
<clipPath id="clip0_718_9328">
<rect width="526" height="526" fill="white"/>
</clipPath>
</defs>
</svg>