fxa-content-server/app/images/graphic_mail.svg

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
   viewBox="0 0 143 71" style="enable-background:new 0 0 143 71;" xml:space="preserve">
<style type="text/css">
  .st0{fill:#EAEAEE;}
  .st1{fill:#CCEDF0;}
  .st2{fill:#1DA4E9;}
  .st3{fill:url(#SVGID_1_);}
  .st4{fill:#99CCFF;}
  .st5{fill:#59ACFF;}
  .st6{fill:#FFFFFF;}
  .st7{fill:#90E8F0;}
  .st8{fill:url(#SVGID_2_);}
  .st9{fill:url(#SVGID_3_);}
  .st10{fill:url(#SVGID_4_);}
  .st11{fill:url(#SVGID_5_);}
  .st12{fill:url(#SVGID_6_);}
</style>
<title>comp</title>
<path class="st0" d="M50,45.1H38c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h12c0.3,0,0.5,0.2,0.5,0.5S50.3,45.1,50,45.1z M29,45.1h-1
  c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h1c0.3,0,0.5,0.2,0.5,0.5S29.3,45.1,29,45.1z M24,45.1h-3c-0.3,0-0.5-0.2-0.5-0.5
  s0.2-0.5,0.5-0.5h3c0.3,0,0.5,0.2,0.5,0.5S24.3,45.1,24,45.1z M13,45.1H1c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h12
  c0.3,0,0.5,0.2,0.5,0.5S13.3,45.1,13,45.1z M54.1,48.9c0-0.6-0.4-1-1-1H1c-0.6,0-1,0.4-1,1s0.4,1,1,1h52.1
  C53.7,49.9,54.1,49.4,54.1,48.9z M51,55.9h-6c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h6c0.3,0,0.5,0.2,0.5,0.5S51.3,55.9,51,55.9z
   M43,55.9h-4c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h4c0.3,0,0.5,0.2,0.5,0.5S43.3,55.9,43,55.9z M31,55.9H21
  c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h10c0.3,0,0.5,0.2,0.5,0.5S31.3,55.9,31,55.9z M15,55.9h-2c-0.3,0-0.5-0.2-0.5-0.5
  s0.2-0.5,0.5-0.5h2c0.3,0,0.5,0.2,0.5,0.5S15.3,55.9,15,55.9z M9,55.9H1c-0.3,0-0.5-0.2-0.5-0.5s0.2-0.5,0.5-0.5h8
  c0.3,0,0.5,0.2,0.5,0.5S9.3,55.9,9,55.9z"/>
<g id="Layer_2">
  <path class="st1" d="M96.8,66.6c-0.2,0-0.4-0.1-0.6-0.2L70.6,48.6L44.9,66.5c-0.3,0.2-0.7,0.2-1,0.1c-0.3-0.2-0.5-0.5-0.5-0.9V38.1
    c0-3.2,2.7-5.9,5.9-5.9h42.6c3.2,0,5.9,2.6,5.9,5.9v27.5c0,0.4-0.2,0.7-0.5,0.9C97.1,66.6,97,66.6,96.8,66.6z"/>
  <path class="st2" d="M91.9,33.3c2.7,0,4.9,2.2,4.9,4.9v27.5L70.6,47.4L44.3,65.6V38.1c0-2.7,2.2-4.9,4.9-4.9L91.9,33.3 M91.9,31.3
    H49.3c-3.8,0-6.9,3-6.9,6.8v27.5c0,0.7,0.4,1.4,1.1,1.8c0.7,0.3,1.5,0.3,2.1-0.1l25.1-17.4l25.1,17.4c0.6,0.4,1.4,0.5,2.1,0.1
    c0.7-0.3,1.1-1,1.1-1.8V38.1C98.8,34.3,95.7,31.3,91.9,31.3z"/>
</g>
<g id="Layer_3">
  <path class="st1" d="M48.9,70h-0.5c-0.1,0-0.2,0-0.3-0.1h0.2c-1.2-0.1-2.3-0.6-3.2-1.4c0,0-0.1,0-0.1-0.1l-0.1-0.1l-0.5-0.5
    c-0.4-0.5-0.7-1-1-1.6v-0.1v-0.2v-0.2c0-0.3,0.1-0.6,0.4-0.8c1.3-1.5,6-5.2,22.7-17.7c1.2-1,2.6-1.7,4.2-1.8c1.3,0,2.5,0.5,4.2,1.8
    C91.3,59.7,96.1,63.5,97.5,65c0.4,0.3,0.5,0.8,0.3,1.3c-0.9,2.3-3.1,3.7-5.5,3.7H48.9z"/>
  <path class="st2" d="M70.5,46.6c1.3,0.1,2.6,0.7,3.6,1.6c0,0,22.9,17.1,22.7,17.6c-0.7,1.9-2.6,3.2-4.7,3.2H48.9
    c-0.2,0-0.3,0-0.5-0.1h-0.1c-1-0.1-2-0.5-2.7-1.2c-0.2-0.2-0.4-0.3-0.5-0.5c-0.4-0.4-0.6-0.9-0.8-1.4C44,65.3,66.9,48.2,66.9,48.2
    C67.9,47.3,69.2,46.7,70.5,46.6 M70.5,44.6c-1.8,0.1-3.5,0.8-4.8,2c-0.1,0-5.8,4.3-11.4,8.6c-3.3,2.5-6,4.6-7.8,6.1
    c-1.1,0.9-2,1.6-2.6,2.1c-0.9,0.8-1.8,1.6-1.6,2.8c0,0.2,0.1,0.3,0.1,0.5c0.3,0.7,0.6,1.3,1.1,1.9l0.6,0.6c0,0.1,0.1,0.1,0.1,0.1
    l0.1,0.1c1,0.9,2.3,1.4,3.6,1.6h0.4c0.2,0,0.4,0.1,0.6,0.1h43.3c2.8,0,5.4-1.7,6.5-4.3c0.2-0.3,0.2-0.6,0.2-0.9
    c0-1-0.8-1.7-1.6-2.4c-0.6-0.5-1.5-1.2-2.6-2.1c-1.9-1.5-4.5-3.5-7.9-6.1c-5.6-4.3-11.4-8.6-11.5-8.6C74,45.4,72.3,44.7,70.5,44.6
    L70.5,44.6z"/>
</g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="379.5624" y1="1053.2555" x2="509.4525" y2="1183.1455" gradientTransform="matrix(1 0 0 1 -364.41 -1094.0549)">
  <stop  offset="0" style="stop-color:#00C8D7"/>
  <stop  offset="1" style="stop-color:#0A84FF"/>
</linearGradient>
<path class="st3" d="M70.4,16.4c1.3,0.1,2.5,0.6,3.4,1.5l0.9,0.7c0.4,0.2,0.7,0.4,0.9,0.7l0.2,0.1c-0.3-0.3-0.5-0.6-0.6-1
  c-0.4-1.5-1.4-2.8-2.8-3.6c-0.6-0.3-1.3-0.4-2-0.4c-0.5,0-1.1,0.1-1.6,0.3C69.3,15.3,69.8,15.8,70.4,16.4z"/>
<path class="st4" d="M71.1,39.1C71.1,39.1,71.2,39,71.1,39.1C71.2,39,71.1,39.1,71.1,39.1z"/>
<path class="st5" d="M73.2,48.1C73.2,48.1,73.1,48.2,73.2,48.1z"/>
<path id="_Group_" class="st6" d="M70.5,56.5c-1.3,0-2.5-0.5-4.2-1.8L44,37.2c-0.3-0.3-0.5-0.7-0.3-1.1c0.3-0.9,0.8-1.7,1.4-2.3
  c0.3-0.2,0.5-0.4,0.8-0.6l20.7-15.9c1.1-1,2.5-1.6,4-1.7c1.5,0.1,2.9,0.7,4,1.7l19.8,15.5c0.7,0.3,1.3,0.7,1.8,1.3
  c0.7,0.7,1.1,1.5,1.3,2.5c0,0.3-0.1,0.7-0.4,0.9L74.7,54.8C73.5,55.8,72,56.4,70.5,56.5z"/>
<g id="Chain">
  <path class="st7" d="M61.8,44.4l1.9-1.9c0.4-0.4,0.8-0.6,1.2-0.8c0.5-1.4,1.2-2.7,2.3-3.8c-2.2-0.2-4.4,0.6-5.9,2.2l-3.5,3.3
    l-2.7,2.7L55,46.2l2.7,2.1l0.1-0.1L61.8,44.4z M72.9,49.6C72.9,49.6,72.9,49.5,72.9,49.6c1.8-2.8,1.7-6.2-0.2-8.7
    c-1.3,0.2-2.3,1.2-2.5,2.5c0.9,1.6,0.7,3.7-0.6,5l-1.3,1.3l-3.8,3.8l-0.1,0.1l2.5,2c0.1,0.1,0.2,0.1,0.2,0.2l0.1-0.1l3.4-3.4
    C70.6,52.3,72.9,49.6,72.9,49.6z"/>

    <linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="430.1086" y1="1136.5549" x2="450.4316" y2="1136.5549" gradientTransform="matrix(1 0 0 1 -364.41 -1094.0549)">
    <stop  offset="0" style="stop-color:#02BDDE"/>
    <stop  offset="1" style="stop-color:#04AEE7"/>
  </linearGradient>
  <path class="st8" d="M78.6,38.5c-2.8-2.8-7.2-3-10.2-0.5c-0.1,0.1-0.3,0.2-0.4,0.4c-0.6,0.6-1.2,1.4-1.6,2.2
    c-0.1,0.2-0.2,0.5-0.3,0.7c-0.9,2.6-0.4,5.5,1.4,7.5c0.5-0.5,1.1-1.1,1.5-1.6c0.3-0.4,0.6-0.9,0.7-1.3c-0.6-1.1-0.7-2.4-0.3-3.5
    c0-0.1,0.1-0.2,0.2-0.3s0.1-0.3,0.2-0.4l0.1-0.1c0.3-0.4,0.6-0.8,1.1-1.1c0,0,0.1,0,0.1-0.1c0.1-0.1,0.2-0.1,0.3-0.2
    c1.6-0.9,3.6-0.6,4.9,0.7l6.7,6.7l0.3,0.3c0,0.1,0.1,0.1,0.1,0.2l2.7-2.1c0-0.1-0.1-0.1-0.1-0.2c-0.2-0.2-0.4-0.4-0.5-0.6
    L78.6,38.5L78.6,38.5z"/>

    <linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="71.4059" y1="770.7731" x2="76.7829" y2="770.7731" gradientTransform="matrix(1 0 0 1 0 -718)">
    <stop  offset="0" style="stop-color:#02BDDE"/>
    <stop  offset="1" style="stop-color:#04AEE7"/>
  </linearGradient>
  <path class="st9" d="M71.4,52.8l2.5,2.5l0.1,0.1l2.7-2.1l-0.1-0.2l-2.9-2.9L71.4,52.8z"/>
  <animateTransform id="anim1" attributeName="transform" attributeType="XML" type="translate" from="0 0" to="0 -1.5" begin="0s; anim3.end" dur="0.4s" fill="freeze"/>
  <animateTransform id="anim2" attributeName="transform" attributeType="XML" type="translate" from="0 -1.5" to="0 0" begin="anim1.end" dur="0.4s" fill="freeze"/>
  <animateTransform id="anim3" attributeName="transform" attributeType="XML" type="translate" from="0 0" to="0 0" begin="anim2.end" dur="5s" fill="freeze"/>
</g>
<path id="_Group_2" class="st2" d="M70.5,16.4c1.3,0.1,2.4,0.6,3.4,1.5c0,0,21,15.9,21.5,16.5c0.5,0.5,0.9,1.2,1.1,1.9L74.2,53.7
  c-1,0.9-2.2,1.4-3.5,1.6c-1.3-0.1-2.6-0.7-3.6-1.6L44.7,36.3c0.2-0.7,0.6-1.3,1.1-1.9c0.2-0.2,21.4-16.5,21.4-16.5
  C68.1,17.1,69.3,16.5,70.5,16.4 M70.5,14.4c-1.7,0.1-3.3,0.8-4.6,1.9c0,0-21.3,16.4-21.5,16.6c-0.8,0.8-1.3,1.7-1.7,2.7
  c-0.3,0.8,0,1.7,0.7,2.2l22.4,17.4c1.3,1.1,3,1.8,4.8,1.9c1.8-0.1,3.4-0.8,4.7-2l22.4-17.4c0.5-0.4,0.8-1.1,0.8-1.8
  c-0.2-1.1-0.8-2.2-1.6-3c-0.6-0.7-21.8-16.8-21.8-16.8C73.8,15.2,72.2,14.6,70.5,14.4z"/>

<g>
  <linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="58.0631" y1="-5.7319" x2="89.5984" y2="25.8034">
    <stop  offset="0" style="stop-color:#00C8D7"/>
    <stop  offset="1" style="stop-color:#0A84FF"/>
  </linearGradient>
  <path class="st11" d="M68.9,9.6c-0.5,0-1-0.4-1.1-0.9c-0.3-1.2-1.3-2.2-2.5-2.5c-0.6-0.1-1-0.8-0.8-1.4c0.1-0.4,0.4-0.7,0.8-0.8
    c1.2-0.3,2.2-1.3,2.5-2.5c0.1-0.6,0.8-1,1.4-0.8c0.4,0.1,0.7,0.4,0.8,0.8c0.3,1.2,1.3,2.2,2.5,2.5c0.6,0.1,1,0.8,0.8,1.4
    c-0.1,0.4-0.4,0.7-0.8,0.8c-1.3,0.4-2.2,1.3-2.5,2.5C69.9,9.2,69.4,9.6,68.9,9.6z"/>
  <path class="st6" d="M68.9,2C69,2,69,2,68.9,2c0.5,1.7,1.7,2.9,3.3,3.3c0.1,0,0.1,0.1,0.1,0.2s-0.1,0.1-0.1,0.1
    C70.6,6,69.4,7.2,69,8.8c0,0.1-0.1,0.1-0.2,0.1s-0.1-0.1-0.1-0.1c-0.4-1.6-1.6-2.8-3.2-3.2c-0.1,0-0.1-0.1-0.1-0.2s0.1-0.1,0.1-0.1
    c1.6-0.4,2.8-1.6,3.2-3.2C68.8,2,68.8,2,68.9,2 M68.9,0c-1,0-1.8,0.7-2.1,1.6c-0.2,0.9-0.9,1.5-1.7,1.7c-1.1,0.3-1.8,1.4-1.6,2.6
    c0.2,0.8,0.8,1.4,1.6,1.6c0.9,0.2,1.5,0.9,1.7,1.7c0.3,1.1,1.4,1.8,2.6,1.6c0.8-0.2,1.4-0.8,1.6-1.6c0.2-0.9,0.9-1.5,1.7-1.7
    c1.1-0.3,1.8-1.4,1.6-2.6c-0.2-0.8-0.8-1.4-1.6-1.6c-0.9-0.2-1.5-0.9-1.7-1.7C70.7,0.7,69.9,0,68.9,0z"/>
  <animate id="anim1y" attributeName="opacity" attributeType="XML" from="0" to="0" begin="0s; anim3y.end" dur="1s" fill="freeze"/>
  <animate id="anim2y" attributeName="opacity" attributeType="XML" from="0" to="1" begin="anim1y.end" dur="0.4s" fill="freeze"/>
  <animate id="anim3y" attributeName="opacity" attributeType="XML" from="1" to="0" begin="anim2y.end" dur="0.4s" fill="freeze"/>
</g>
<g>
  <linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="61.0274" y1="-4.9061" x2="109.3856" y2="43.452">
    <stop  offset="0" style="stop-color:#00C8D7"/>
    <stop  offset="1" style="stop-color:#0A84FF"/>
  </linearGradient>
  <path class="st12" d="M78.8,17.8c0.6-2.4,2.5-4.3,4.9-4.9c0.7-0.2,1.1-0.8,0.9-1.5c-0.1-0.5-0.5-0.8-0.9-0.9
    c-2.4-0.6-4.3-2.5-4.9-4.9c-0.2-0.7-0.8-1.1-1.5-0.9c-0.5,0.1-0.8,0.5-0.9,0.9c-0.6,2.4-2.5,4.3-4.9,4.9c-0.7,0.2-1.1,0.8-0.9,1.5
    c0.1,0.5,0.5,0.8,0.9,0.9c2.4,0.6,4.3,2.5,4.9,4.9c0.2,0.7,0.8,1.1,1.5,0.9C78.4,18.6,78.7,18.3,78.8,17.8z"/>
  <path class="st6" d="M77.4,5.9c0.1,0,0.2,0.1,0.2,0.2c0.7,2.8,2.9,4.9,5.6,5.6c0.1,0,0.2,0.1,0.2,0.3c0,0.1-0.1,0.2-0.2,0.2
    c-2.8,0.7-4.9,2.9-5.6,5.6c0,0.1-0.1,0.2-0.2,0.2s-0.2-0.1-0.2-0.2c-0.7-2.8-2.9-4.9-5.6-5.6c-0.1,0-0.2-0.2-0.2-0.3
    s0.1-0.2,0.2-0.2c2.8-0.7,4.9-2.9,5.6-5.6C77.2,6,77.3,5.9,77.4,5.9 M77.4,3.9c-1,0-1.9,0.7-2.2,1.7c-0.5,2.1-2.1,3.7-4.2,4.2
    c-1.2,0.3-1.9,1.5-1.6,2.7c0.2,0.8,0.8,1.5,1.7,1.7c2.1,0.5,3.7,2.1,4.2,4.2c0.3,1.2,1.5,1.9,2.7,1.6c0.8-0.2,1.5-0.8,1.6-1.7
    c0.5-2.1,2.1-3.7,4.2-4.2c1.2-0.3,1.9-1.5,1.6-2.7c-0.2-0.8-0.8-1.5-1.7-1.6c-2.1-0.5-3.7-2.1-4.2-4.2C79.3,4.7,78.4,4,77.4,3.9z"
    />
  <animate id="anim1z" attributeName="opacity" attributeType="XML" from="0" to="0" begin="0s; anim3z.end" dur="2s" fill="freeze"/>
  <animate id="anim2z" attributeName="opacity" attributeType="XML" from="0" to="1" begin="anim1z.end" dur="0.4s" fill="freeze"/>
  <animate id="anim3z" attributeName="opacity" attributeType="XML" from="1" to="0" begin="anim2z.end" dur="0.4s" fill="freeze"/>
</g>
<g>

    <linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="406.0812" y1="1091.23" x2="474.0175" y2="1159.1663" gradientTransform="matrix(1 0 0 1 -364.41 -1094.0549)">
    <stop  offset="0" style="stop-color:#00C8D7"/>
    <stop  offset="1" style="stop-color:#0A84FF"/>
</linearGradient>
<path class="st10" d="M66.4,29.5c1-3.8,3.9-6.8,7.7-7.7c0.6-0.2,1-0.7,1-1.3c0-0.6-0.4-1.2-1.1-1.3c-3.8-1-6.7-3.9-7.7-7.7
    c-0.2-0.7-0.9-1.2-1.6-1c-0.5,0.1-0.9,0.5-1,1c-1,3.8-3.9,6.7-7.7,7.7c-0.6,0.1-1.1,0.7-1.1,1.3c0,0.6,0.4,1.2,1.1,1.3
    c3.8,1,6.7,3.9,7.7,7.7c0.2,0.7,0.9,1.2,1.6,1C65.9,30.4,66.3,30,66.4,29.5z"/>
<path class="st6" d="M65.1,11.6c0.2,0,0.3,0.1,0.4,0.3c1.1,4.1,4.3,7.4,8.4,8.4c0.2,0,0.3,0.2,0.3,0.4c0,0.1-0.1,0.3-0.3,0.3
    c-4.1,1.1-7.4,4.3-8.4,8.4c0,0.2-0.2,0.3-0.4,0.3s-0.3-0.1-0.4-0.3c-1.1-4.1-4.3-7.4-8.4-8.4c-0.2,0-0.3-0.2-0.3-0.4
    c0-0.1,0.1-0.3,0.3-0.3c4.1-1.1,7.4-4.3,8.4-8.4C64.7,11.8,64.9,11.6,65.1,11.6 M65.1,9.6c-1.1,0-2,0.7-2.3,1.8
    c-0.9,3.4-3.6,6.1-7,7c-1.3,0.3-2,1.6-1.7,2.8c0.2,0.9,0.9,1.5,1.7,1.7c3.4,0.9,6.1,3.6,7,7c0.3,1.3,1.6,2,2.8,1.7
    c0.9-0.2,1.5-0.9,1.7-1.7c0.9-3.4,3.6-6.1,7-7c1.3-0.3,2-1.6,1.7-2.9c-0.2-0.9-0.9-1.5-1.8-1.7c-3.4-0.9-6.1-3.6-7-7
    C67.1,10.4,66.2,9.6,65.1,9.6z"/>
  <animate id="anim1x" attributeName="opacity" attributeType="XML" from="0" to="0" begin="0s; anim3x.end" dur="2.5s" fill="freeze"/>
  <animate id="anim2x" attributeName="opacity" attributeType="XML" from="0" to="1" begin="anim1x.end" dur="0.4s" fill="freeze"/>
  <animate id="anim3x" attributeName="opacity" attributeType="XML" from="1" to="0" begin="anim2x.end" dur="0.4s" fill="freeze"/>
</g>
</svg>