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/about-logo.svg
<svg width="210" height="210" viewBox="0 0 210 210" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_718_9301)">
<path d="M168.865 133.249H101.894C99.9221 133.249 98.3225 134.848 98.3225 136.82V147.535C98.3225 163.317 111.115 176.11 126.897 176.11H163.954C175.789 176.11 185.384 166.514 185.384 154.68V145.303C185.384 139.945 180.026 133.249 168.865 133.249Z" fill="#008787"/>
<path opacity="0.9" d="M168.865 133.249H101.894C99.9221 133.249 98.3225 134.848 98.3225 136.82V147.535C98.3225 163.317 111.115 176.11 126.897 176.11H163.954C175.789 176.11 185.384 166.514 185.384 154.68V145.303C185.384 139.945 180.026 133.249 168.865 133.249Z" fill="url(#paint0_linear_718_9301)"/>
<path d="M88.7704 54.9563L88.7869 54.9563C94.1542 36.1931 117.543 27.0328 141.377 27.0328C157.844 27.0328 172.63 32.2483 182.764 40.5248C176.486 40.836 170.514 42.0644 165.047 44.047C173.236 47.0891 180.27 51.7728 185.485 57.567C182.026 56.9692 178.438 56.6546 174.759 56.6546C174.362 56.6546 173.966 56.6583 173.572 56.6655C183.045 70.4007 188.592 87.0525 188.592 105C188.592 152.073 150.432 190.232 103.36 190.232C57.0123 190.232 18.1267 151.427 18.1267 105C18.1267 97.6675 19.1027 90.0944 20.994 82.9964C21.4888 81.5054 22.1808 80.0755 23.0997 79.5525C24.2498 78.8979 25.2952 80.8497 25.4645 81.4853C26.7136 86.175 28.3965 90.7106 30.4723 95.0551C30.291 85.3227 34.4476 76.4605 40.1673 68.7927C43.9797 63.6817 47.5138 58.9438 49.1461 45.2753C49.2556 44.3578 50.1257 43.6973 51.0039 43.9848C63.415 48.0482 70.0498 68.7129 69.0166 85.9931C75.873 86.9732 75.8413 79.8116 75.8413 79.8116C73.6497 73.0768 75.1109 60.5572 88.7481 54.9562L88.7704 54.9563Z" fill="url(#paint1_linear_718_9301)"/>
<path opacity="0.9" d="M185.804 83.2946C187.877 130.173 149.339 170.589 102.345 170.589C58.3541 170.589 22.3046 136.587 19.0439 93.4307C18.4694 97.4176 18.1584 101.49 18.1292 105.629C18.463 151.811 57.2544 190.232 103.36 190.232C150.432 190.232 188.592 152.073 188.592 105C188.592 97.499 187.623 90.2245 185.804 83.2946Z" fill="url(#paint2_radial_718_9301)"/>
<path d="M101.283 61.1686C100.364 59.5432 96.1239 57.1404 94.2714 56.7211C101.283 34.2569 137.014 27.3599 158.882 31.3347C167.982 32.9885 179.317 37.9498 182.764 40.5248C172.63 32.2483 157.844 27.0328 141.377 27.0328C117.543 27.0328 94.1542 36.1931 88.7868 54.9563L88.7703 54.9563L88.7481 54.9562C75.1109 60.5572 73.6513 73.0806 75.843 79.8154C77.9457 71.7819 87.9579 61.9098 101.283 61.1686Z" fill="url(#paint3_radial_718_9301)"/>
<path d="M126.051 45.6546C106.906 49.4216 100.649 50.6527 94.2407 56.7441C101.437 37.6918 119.808 33.8317 141.696 42.5152C135.671 43.7617 130.512 44.7769 126.051 45.6546Z" fill="url(#paint4_linear_718_9301)"/>
<path d="M22.7534 80.3873C17.5231 101.802 21.5646 126.972 45.3273 148.095C38.2528 140.36 29.6169 111.795 48.6763 91.3861C49.9602 90.0113 52.1691 91.0231 52.2387 92.9029C53.8089 135.314 88.0331 161.217 127.487 156.373C115.262 155.686 74.8329 141.527 104.907 135.924C120.627 132.996 145.275 128.404 145.275 106.29C145.275 70.4369 117.553 59.9548 100.745 61.5144C89.2396 62.5818 79.0005 69.8815 75.848 79.8088C77.0578 83.7234 72.2352 86.4641 69.0166 86.004C70.0498 68.7238 63.415 48.0483 51.0039 43.9849C50.1257 43.6974 49.2556 44.3579 49.1461 45.2754C47.5138 58.9439 43.9796 63.6818 40.1673 68.7927C34.4476 76.4606 30.291 85.3228 30.4723 95.0552C28.3964 90.7107 26.7136 86.175 25.4645 81.4854C25.3243 80.9591 24.5631 79.4924 23.6418 79.4231C23.143 79.3857 22.879 79.8728 22.7534 80.3873Z" fill="url(#paint5_radial_718_9301)"/>
<path d="M94.3467 138.094C117.49 156.886 164.036 142.798 164.036 97.104C145.244 125.588 121.311 145.235 94.3467 138.094Z" fill="url(#paint6_linear_718_9301)"/>
<path d="M48.6758 91.386C49.1644 90.8628 49.7875 90.6831 50.3764 90.7648C33.3152 111.572 47.0755 148.119 56.5202 157.096C57.048 158.591 47.5614 150.817 46.2532 148.996C39.0698 142.902 28.7739 112.697 48.6758 91.386Z" fill="url(#paint7_linear_718_9301)"/>
<path d="M103.359 139.815C126.509 139.815 145.277 124.502 145.277 105.613C145.277 86.723 126.509 71.4099 103.359 71.4099C83.6093 71.4099 61.4342 84.2587 61.4414 106.112C61.4526 139.883 97.1281 159.31 127.538 156.369C125.254 156.104 111.004 155.347 101.373 144.451C100.504 143.469 98.9961 141.756 99.6801 140.642C100.364 139.528 102.243 139.815 103.359 139.815Z" fill="url(#paint8_linear_718_9301)"/>
<path opacity="0.6" d="M140.71 90.0739L107.583 121.771C104.643 123.86 101.513 124.013 98.4236 122.116L65.9353 90.188C66.8504 88.7128 67.8927 87.2989 69.0504 85.9561C70.221 87.0508 71.3545 88.1125 72.4604 89.1484C80.9955 97.1427 87.8943 103.604 97.6171 111.903C102.006 115.649 103.371 115.575 107.674 111.903C118.8 102.407 126.934 95.2203 137.511 85.7776C138.701 87.1389 139.772 88.5744 140.71 90.0739Z" fill="white"/>
<path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd" d="M103.359 139.815C126.509 139.815 145.277 124.502 145.277 105.613C145.277 99.8449 143.527 94.4106 140.437 89.6438L107.167 119.861C104.844 121.971 100.93 121.971 98.6072 119.861L65.9563 90.2058C63.115 94.7736 61.4394 100.102 61.4414 106.112C61.4526 139.883 97.1281 159.31 127.538 156.369C127.401 156.353 127.219 156.335 126.998 156.314L126.997 156.314C123.55 155.976 110.423 154.689 101.373 144.451C100.504 143.469 98.9961 141.756 99.6801 140.642C100.254 139.707 101.672 139.759 102.772 139.8C102.982 139.808 103.18 139.815 103.359 139.815Z" fill="url(#paint9_linear_718_9301)"/>
<mask id="mask0_718_9301" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="61" y="89" width="85" height="68">
<path opacity="0.7" fill-rule="evenodd" clip-rule="evenodd" d="M103.359 139.815C126.509 139.815 145.277 124.502 145.277 105.613C145.277 99.8449 143.527 94.4106 140.437 89.6438L107.167 119.861C104.844 121.971 100.93 121.971 98.6072 119.861L65.9563 90.2058C63.115 94.7736 61.4394 100.102 61.4414 106.112C61.4526 139.883 97.1281 159.31 127.538 156.369C127.401 156.353 127.219 156.335 126.998 156.314L126.997 156.314C123.55 155.976 110.423 154.689 101.373 144.451C100.504 143.469 98.9961 141.756 99.6801 140.642C100.254 139.707 101.672 139.759 102.772 139.8C102.982 139.808 103.18 139.815 103.359 139.815Z" fill="white"/>
</mask>
<g mask="url(#mask0_718_9301)">
<g filter="url(#filter0_f_718_9301)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M93.6292 120.062C87.4559 113.637 68.9663 92.2938 68.9663 92.2938L70.3975 92.3553L99.3411 113.974C101.51 115.549 104.601 115.533 106.749 113.936L135.131 92.3831L136.638 92.2661C136.638 92.2661 118.753 113.103 111.903 119.968C105.053 126.833 99.8025 126.487 93.6292 120.062Z" fill="#458FCD"/>
</g>
</g>
<path d="M109.24 54.302C113.726 52.8894 113.333 48.4484 113.333 48.4484C113.333 48.4484 111.089 45.808 106.645 47.2715C102.484 48.6415 101.84 51.6035 101.84 51.6035C101.84 51.6035 104.112 55.9167 109.24 54.302Z" fill="white"/>
<mask id="mask1_718_9301" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="18" y="27" width="171" height="164">
<path d="M88.7704 54.9563L88.7869 54.9563C94.1542 36.1931 117.543 27.0328 141.377 27.0328C157.844 27.0328 172.63 32.2483 182.764 40.5248C176.486 40.836 170.514 42.0644 165.047 44.047C173.236 47.0891 180.27 51.7728 185.485 57.567C182.026 56.9692 178.438 56.6546 174.759 56.6546C174.362 56.6546 173.966 56.6583 173.572 56.6655C183.045 70.4007 188.592 87.0525 188.592 105C188.592 152.073 150.432 190.232 103.36 190.232C57.0123 190.232 18.1267 151.427 18.1267 105C18.1267 97.6675 19.1027 90.0944 20.994 82.9964C21.4888 81.5054 22.1808 80.0755 23.0997 79.5525C24.2498 78.8979 25.2952 80.8497 25.4645 81.4853C26.7136 86.175 28.3965 90.7106 30.4723 95.0551C30.291 85.3227 34.4476 76.4605 40.1673 68.7927C43.9797 63.6817 47.5138 58.9438 49.1461 45.2753C49.2556 44.3578 50.1257 43.6973 51.0039 43.9848C63.415 48.0482 70.0498 68.7129 69.0166 85.9931C75.873 86.9732 75.8413 79.8116 75.8413 79.8116C73.6497 73.0768 75.1109 60.5572 88.7481 54.9562L88.7704 54.9563Z" fill="url(#paint10_linear_718_9301)"/>
</mask>
<g mask="url(#mask1_718_9301)">
<path opacity="0.2" d="M181.577 142.914H115.232C99.5303 142.914 86.7998 156.36 86.7998 172.943V187.629C86.7998 189.876 88.5235 191.694 90.6484 191.694H156.994C172.696 191.694 185.426 178.251 185.426 161.665V138.849C185.426 141.096 183.702 142.914 181.577 142.914Z" fill="black"/>
</g>
<path d="M181.816 148.874H120.247C105.676 148.874 93.8621 160.688 93.8621 175.26V188.164C93.8621 190.138 95.4616 191.735 97.4336 191.735H159.003C173.574 191.735 185.388 179.924 185.388 165.35V145.303C185.388 147.277 183.788 148.874 181.816 148.874Z" fill="url(#paint11_linear_718_9301)"/>
<path d="M109.715 161.44H117.109C121.078 161.44 123.305 163.228 123.305 166.437C123.335 167.172 123.158 167.902 122.794 168.542C122.431 169.182 121.895 169.708 121.248 170.06C122.742 170.82 123.575 172.166 123.575 174.028C123.575 177.555 121.125 179.318 117.158 179.318H109.715V161.44ZM113.118 164.503V168.64H117.232C119.07 168.64 119.853 167.736 119.853 166.511C119.853 165.261 118.993 164.503 117.183 164.503H113.118ZM113.118 171.751V176.207H117.208C119.094 176.207 120.073 175.35 120.073 173.954C120.073 172.561 119.243 171.751 117.062 171.751H113.118ZM126.879 161.44H138.902V164.698H130.332V168.714H138.902V171.971H130.332V176.036H138.902V179.318H126.879V161.44ZM146.837 164.624H141.865V161.443H155.162V164.624H150.24V179.318H146.835L146.837 164.624ZM161.013 161.44H164.416L171.174 179.318H167.625L166.449 176.061H158.981L157.805 179.318H154.254L161.013 161.44ZM160.132 172.927H165.298L162.727 165.824L160.132 172.927Z" fill="#20123A"/>
</g>
<defs>
<filter id="filter0_f_718_9301" x="61.1736" y="84.4734" width="83.257" height="48.3187" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="3.89635" result="effect1_foregroundBlur_718_9301"/>
</filter>
<linearGradient id="paint0_linear_718_9301" x1="167.094" y1="174.364" x2="143.913" y2="152.418" 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_9301" x1="47.7101" y1="55.1257" x2="167.863" y2="167.201" gradientUnits="userSpaceOnUse">
<stop stop-color="#1B91F3"/>
<stop offset="1" stop-color="#0B68CB"/>
</linearGradient>
<radialGradient id="paint2_radial_718_9301" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(47.4891 93.689) rotate(66.5179) scale(72.0721 69.0432)">
<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_9301" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(105.551 64.0883) rotate(-127.994) scale(15.4079 25.4963)">
<stop stop-color="#A29CF6" stop-opacity="0"/>
<stop offset="1" stop-color="#A39BF6"/>
</radialGradient>
<linearGradient id="paint4_linear_718_9301" x1="81.1427" y1="83.8162" x2="124.378" y2="35.6863" gradientUnits="userSpaceOnUse">
<stop stop-color="#0F5DB0"/>
<stop offset="1" stop-color="#0F5DB0" stop-opacity="0"/>
</linearGradient>
<radialGradient id="paint5_radial_718_9301" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(71.2144 151.439) rotate(-64.2627) scale(112.439 138.894)">
<stop offset="0.0160882" stop-color="#094188"/>
<stop offset="0.967387" stop-color="#0B4186" stop-opacity="0"/>
</radialGradient>
<linearGradient id="paint6_linear_718_9301" x1="156.914" y1="118.665" x2="143.039" y2="157.475" gradientUnits="userSpaceOnUse">
<stop stop-color="#7B8BE9" stop-opacity="0"/>
<stop offset="1" stop-color="#7B8BE9"/>
</linearGradient>
<linearGradient id="paint7_linear_718_9301" x1="37.1214" y1="90.6322" x2="48.7848" y2="146.133" gradientUnits="userSpaceOnUse">
<stop offset="0.104632" stop-color="#C59FF9"/>
<stop offset="1" stop-color="#C59FF9" stop-opacity="0"/>
</linearGradient>
<linearGradient id="paint8_linear_718_9301" x1="103.36" y1="83.9355" x2="103.36" y2="156.018" 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_9301" x1="104.709" y1="124.725" x2="104.709" y2="154.922" gradientUnits="userSpaceOnUse">
<stop stop-color="#BCE0FD"/>
<stop offset="1" stop-color="#88CCFC"/>
</linearGradient>
<linearGradient id="paint10_linear_718_9301" x1="47.7101" y1="55.1257" x2="167.863" y2="167.201" gradientUnits="userSpaceOnUse">
<stop stop-color="#1B91F3"/>
<stop offset="1" stop-color="#0B68CB"/>
</linearGradient>
<linearGradient id="paint11_linear_718_9301" x1="103.915" y1="152.807" x2="187.598" y2="188.215" gradientUnits="userSpaceOnUse">
<stop offset="0.001" stop-color="#54FFBD"/>
<stop offset="1" stop-color="#00DDFF"/>
</linearGradient>
<clipPath id="clip0_718_9301">
<rect width="210" height="210" fill="white"/>
</clipPath>
</defs>
</svg>