images/ch01/01-03.svg

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="187.2" height="160.12" viewBox="0 0 187.2 160.12">
  <defs>
    <style>
      .cls-1 {
        fill: #f0f0f0;
      }

      .cls-12, .cls-15, .cls-2, .cls-20, .cls-22, .cls-23, .cls-25, .cls-29, .cls-3, .cls-7, .cls-8 {
        fill: none;
      }

      .cls-10, .cls-12, .cls-15, .cls-16, .cls-17, .cls-18, .cls-19, .cls-2, .cls-20, .cls-23, .cls-3, .cls-7 {
        stroke: #000;
      }

      .cls-15, .cls-17, .cls-18, .cls-2, .cls-22, .cls-3, .cls-7, .cls-8 {
        stroke-width: 0.5px;
      }

      .cls-3 {
        stroke-dasharray: 2 1;
      }

      .cls-26, .cls-4 {
        font-size: 7px;
      }

      .cls-4 {
        font-family: ArialMT, Arial;
      }

      .cls-5 {
        font-size: 8px;
        font-family: Humanist521BT-BoldCondensed, Humanst521 Cn BT;
        font-weight: 700;
      }

      .cls-6 {
        letter-spacing: -0.1em;
      }

      .cls-23, .cls-29, .cls-7, .cls-8 {
        stroke-miterlimit: 10;
      }

      .cls-29, .cls-8 {
        stroke: #fff;
      }

      .cls-17, .cls-9 {
        fill: #fff;
      }

      .cls-10 {
        fill: #d1eef5;
      }

      .cls-10, .cls-12, .cls-15, .cls-16, .cls-17, .cls-18, .cls-22, .cls-25 {
        stroke-linejoin: round;
      }

      .cls-10, .cls-12, .cls-16, .cls-19, .cls-20, .cls-23 {
        stroke-width: 0.3px;
      }

      .cls-11 {
        fill: #fee67c;
      }

      .cls-13 {
        fill: url(#linear-gradient);
      }

      .cls-14, .cls-18 {
        fill: #b3e2ee;
      }

      .cls-16 {
        fill: #f0f9fc;
      }

      .cls-19 {
        fill: #fffae3;
      }

      .cls-21 {
        fill: url(#linear-gradient-2);
      }

      .cls-22 {
        stroke: #4d4d4d;
        stroke-linecap: round;
      }

      .cls-24 {
        fill: #fef0e8;
      }

      .cls-25 {
        stroke: #e60001;
      }

      .cls-26 {
        font-family: FreeMono;font-phase: bold;
      }

      .cls-27 {
        letter-spacing: 0.1em;
      }

      .cls-28 {
        letter-spacing: 0em;
      }
    </style>
    <linearGradient id="linear-gradient" x1="249.87" y1="654.51" x2="290.66" y2="654.51" gradientTransform="translate(835.81 -344.16) rotate(68.86)" gradientUnits="userSpaceOnUse">
      <stop offset="0" stop-color="#cbd8e2"/>
      <stop offset="1" stop-color="#9aa5b5"/>
    </linearGradient>
    <linearGradient id="linear-gradient-2" x1="331.39" y1="669.3" x2="372.18" y2="669.3" xlink:href="#linear-gradient"/>
  </defs>
  <g id="Layer_2" data-name="Layer 2">
    <path class="cls-1" d="M298.79,122.3c-5.33,5-6,11.67-1.66,19.67a19.72,19.72,0,0,0-8.53,4.16c-9.72,7.75-7,21.87-3.22,25.87-10.21,12.5-2.8,25,7.44,25.26-1.69,7.07,1.42,14.32,11,16.38-9.66,6.33-8.33,24,5.34,26.66-2.88,20.2,23.33,30.34,39,16,3.35,7.82,10.87,6.95,16.37,4.7V122.3Z" transform="translate(-177.55 -122.05)"/>
    <path d="M300,152.63c-.83.23-1.41.33-2.11.46l1.35,2.13a20.28,20.28,0,0,1,1.31-1.72,15.45,15.45,0,0,1,1.59-1.62A14,14,0,0,1,300,152.63Z" transform="translate(-177.55 -122.05)"/>
    <g>
      <line class="cls-2" x1="121.45" y1="31.81" x2="120.6" y2="32.35"/>
      <line class="cls-3" x1="119.76" y1="32.88" x2="31.71" y2="88.67"/>
      <line class="cls-2" x1="31.29" y1="88.94" x2="30.44" y2="89.48"/>
    </g>
    <text class="cls-4" transform="translate(11.06 137.36)">Alice’s<tspan x="-5.65" y="9">wallet app</tspan></text>
    <text class="cls-4" transform="translate(13.59 40.61)">Alice</text>
    <text class="cls-5" transform="translate(63.08 122.24)">Bob’s Bitcoin<tspan x="0" y="9">address is</tspan><tspan x="0" y="18">15vwoaN74MBe</tspan><tspan x="0" y="27">F5nr2BH4DKqnd</tspan><tspan x="0" y="36">EFjHA6Mz</tspan><tspan class="cls-6" x="30.78" y="36">T</tspan><tspan x="33.58" y="36">.</tspan></text>
    <g>
      <g>
        <rect x="0.25" y="45.92" width="41.87" height="81.11" rx="5.5"/>
        <rect class="cls-7" x="0.25" y="45.92" width="41.87" height="81.11" rx="5.5"/>
      </g>
      <path class="cls-8" d="M202.92,242.32a4.19,4.19,0,1,1-4.19-4.19A4.2,4.2,0,0,1,202.92,242.32Z" transform="translate(-177.55 -122.05)"/>
      <rect class="cls-8" x="19.96" y="119.04" width="2.45" height="2.45" rx="0.66"/>
      <rect class="cls-9" x="3.42" y="55.75" width="35.54" height="57.75"/>
      <rect class="cls-10" x="3.42" y="49.77" width="35.54" height="63.74"/>
      <g>
        <rect class="cls-11" x="6.12" y="95.55" width="30.04" height="10.78" rx="3"/>
        <rect class="cls-12" x="6.12" y="95.55" width="30.04" height="10.78" rx="3"/>
      </g>
      <text class="cls-4" transform="translate(16.09 103.62)">OK</text>
    </g>
    <g>
      <path class="cls-9" d="M335.22,126.12H306.56a.43.43,0,0,0-.43.44v24.35a.44.44,0,0,0,.43.45h28.66a.45.45,0,0,0,.44-.45V126.56A.44.44,0,0,0,335.22,126.12Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-13" d="M335.66,150.91a.45.45,0,0,1-.44.45H306.56a.44.44,0,0,1-.43-.45V127.07a.43.43,0,0,1,.43-.43h28.66a.44.44,0,0,1,.44.43Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-14" d="M335.66,150.91a.45.45,0,0,1-.44.45H306.56a.44.44,0,0,1-.43-.45V127.07a.43.43,0,0,1,.43-.43h28.66a.44.44,0,0,1,.44.43Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-15" d="M335.22,126.12H306.56a.43.43,0,0,0-.43.44v24.35a.44.44,0,0,0,.43.45h28.66a.45.45,0,0,0,.44-.45V126.56A.44.44,0,0,0,335.22,126.12Z" transform="translate(-177.55 -122.05)"/>
      <rect class="cls-16" x="130.29" y="6.04" width="26.12" height="20.09"/>
      <polyline class="cls-17" points="162.65 28.66 157.99 27.63 128.58 27.63 124.04 28.66"/>
      <path class="cls-18" d="M301.58,150.71s.88,1.92,1.88,1.92h34.86c.93,0,1.89-1.92,1.89-1.92Z" transform="translate(-177.55 -122.05)"/>
    </g>
    <g>
      <path class="cls-19" d="M341.91,147.65v12.12H330.36V144.33H339a3.48,3.48,0,0,1,1.77,1.12A3.4,3.4,0,0,1,341.91,147.65Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-20" d="M339,144.33v2.39s1.52,0,2.17,0a.74.74,0,0,1,.65.45" transform="translate(-177.55 -122.05)"/>
    </g>
    <g>
      <path class="cls-19" d="M343.85,149.58v12.13H332.3V146.26H341a3.48,3.48,0,0,1,1.77,1.12A3.38,3.38,0,0,1,343.85,149.58Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-20" d="M341,146.26v2.39s1.52,0,2.17,0a.74.74,0,0,1,.65.45" transform="translate(-177.55 -122.05)"/>
    </g>
    <rect class="cls-9" x="4.91" y="81.91" width="32.5" height="6.67"/>
    <text class="cls-4" transform="translate(14.4 60.75)">Pay<tspan x="-7" y="9">1 bitcoin</tspan><tspan x="3.11" y="18">to</tspan><tspan x="-8.95" y="27">15vwoa...</tspan></text>
    <g>
      <path class="cls-19" d="M345.78,151.51v12.13H334.23V148.2h8.65a4.26,4.26,0,0,1,2.9,3.31Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-20" d="M342.88,148.2v2.39s1.52,0,2.17,0a.7.7,0,0,1,.65.44" transform="translate(-177.55 -122.05)"/>
    </g>
    <g>
      <path class="cls-9" d="M350.83,207.48H322.17a.44.44,0,0,0-.44.44v24.36a.44.44,0,0,0,.44.44h28.66a.44.44,0,0,0,.44-.44V207.92A.44.44,0,0,0,350.83,207.48Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-21" d="M351.27,232.28a.44.44,0,0,1-.44.44H322.17a.44.44,0,0,1-.44-.44V208.44a.44.44,0,0,1,.44-.44h28.66a.44.44,0,0,1,.44.44Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-14" d="M351.27,232.28a.44.44,0,0,1-.44.44H322.17a.44.44,0,0,1-.44-.44V208.44a.44.44,0,0,1,.44-.44h28.66a.44.44,0,0,1,.44.44Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-15" d="M350.83,207.48H322.17a.44.44,0,0,0-.44.44v24.36a.44.44,0,0,0,.44.44h28.66a.44.44,0,0,0,.44-.44V207.92A.44.44,0,0,0,350.83,207.48Z" transform="translate(-177.55 -122.05)"/>
      <rect class="cls-16" x="145.9" y="87.4" width="26.11" height="20.09"/>
      <polyline class="cls-17" points="178.26 110.03 173.59 108.99 144.19 108.99 139.65 110.03"/>
      <path class="cls-18" d="M317.19,232.08s.87,1.92,1.88,1.92h34.86c.92,0,1.88-1.92,1.88-1.92Z" transform="translate(-177.55 -122.05)"/>
    </g>
    <g>
      <path class="cls-19" d="M357.52,229v12.13H346V225.7h8.65a3.49,3.49,0,0,1,1.78,1.11A3.4,3.4,0,0,1,357.52,229Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-20" d="M354.62,225.7v2.39s1.53,0,2.17,0a.7.7,0,0,1,.65.45" transform="translate(-177.55 -122.05)"/>
    </g>
    <g>
      <path class="cls-19" d="M359.46,230.94v12.13H347.9V227.63h8.66a3.48,3.48,0,0,1,1.77,1.12A3.37,3.37,0,0,1,359.46,230.94Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-20" d="M356.56,227.63V230s1.52,0,2.16,0a.74.74,0,0,1,.66.45" transform="translate(-177.55 -122.05)"/>
    </g>
    <g>
      <path class="cls-19" d="M361.39,232.88V245H349.84V229.56h8.65a3.48,3.48,0,0,1,1.77,1.12A3.38,3.38,0,0,1,361.39,232.88Z" transform="translate(-177.55 -122.05)"/>
      <path class="cls-20" d="M358.49,229.56V232s1.52,0,2.17,0a.72.72,0,0,1,.65.45" transform="translate(-177.55 -122.05)"/>
    </g>
    <path class="cls-22" d="M294.88,192.22c-4.88,8.28-3,18.86,8.91,21.42-9.66,6.33-8.33,24,5.34,26.66-2.88,20.2,23.33,30.34,39,16,3.35,7.82,11.37,6.87,16.37,4.7" transform="translate(-177.55 -122.05)"/>
    <path class="cls-22" d="M298.79,122.3c-5.33,5-6,11.67-1.66,19.67-4.13.91-12,4.78-14,11.78" transform="translate(-177.55 -122.05)"/>
    <path class="cls-22" d="M281.17,187.83c.9,4.5,5.59,9.68,11.84,9.43" transform="translate(-177.55 -122.05)"/>
    <path class="cls-22" d="M309.13,240.3a30.46,30.46,0,0,1,2.25-7.3" transform="translate(-177.55 -122.05)"/>
    <g>
      <path class="cls-23" d="M262.14,187.33c0,6.67-2.75,9-2.75,15" transform="translate(-177.55 -122.05)"/>
      <polygon points="82.73 65.83 84.6 62.59 86.47 65.83 82.73 65.83"/>
    </g>
    <text class="cls-5" transform="translate(63.08 87.13)">The created<tspan x="0" y="9">transaction</tspan></text>
    <g>
      <g>
        <g>
          <rect class="cls-24" x="54.08" y="48.97" width="79" height="11.23" rx="2"/>
          <rect class="cls-25" x="54.08" y="48.97" width="79" height="11.23" rx="2"/>
        </g>
        <text class="cls-26" transform="translate(56.26 56.69)">1 Alice<tspan class="cls-27" x="29.4" y="0"> </tspan><tspan class="cls-28" x="34.31" y="0">Bob</tspan></text>
        <g>
          <path d="M293.54,177.63c0,.22-.09.32-.25.32a.6.6,0,0,1-.22,0,3.27,3.27,0,0,0,.25,1.14.24.24,0,0,1-.12.21.4.4,0,0,1-.26.08.54.54,0,0,1-.26-.07,1.05,1.05,0,0,1-.08-.5v-.66a.47.47,0,0,0,0-.24h-.25a1.22,1.22,0,0,1-.23,0,11.85,11.85,0,0,0-1.36.12,3.78,3.78,0,0,0-1.21.28,1.93,1.93,0,0,0-.18.72,5.39,5.39,0,0,0-.09.78.17.17,0,0,1-.15.07.48.48,0,0,1-.29-.13.36.36,0,0,1-.16-.25,1.24,1.24,0,0,1,.08-.27,1,1,0,0,0,.09-.26,13.3,13.3,0,0,1,.66-2.45c.87-2.5,1.56-3.75,2-3.75s.91.66,1.19,2c.1.46.21,1.34.35,2.64a.71.71,0,0,0,.29.11C293.48,177.5,293.54,177.55,293.54,177.63Zm-1-.29c-.16-1.17-.27-1.88-.31-2.13-.23-1.12-.46-1.67-.7-1.67s-.62.53-1,1.54c-.24.64-.47,1.28-.7,1.92,0,.09-.08.22-.13.39s0,.24.15.24l.6-.1C290.73,177.48,291.44,177.42,292.56,177.34Z" transform="translate(-177.55 -122.05)"/>
          <path d="M295,179.42c0,.18-.1.26-.28.26s-.44-.6-.43-1.81l0-4.49a2.39,2.39,0,0,0,0-.31,2.39,2.39,0,0,1,0-.31.58.58,0,0,1,.32-.14.56.56,0,0,1,.28.1.31.31,0,0,1,.14.24,1,1,0,0,1,0,.26,2.25,2.25,0,0,0-.07.25,11.66,11.66,0,0,0-.12,1.9c0,1.32,0,1.95,0,1.9a10.67,10.67,0,0,0,.16,1.85.43.43,0,0,0,0,.14A.47.47,0,0,1,295,179.42Z" transform="translate(-177.55 -122.05)"/>
          <path d="M296.65,175.61a2.46,2.46,0,0,1-.09.54,2.31,2.31,0,0,0-.08.54v2.21a2.31,2.31,0,0,0,.1.6.12.12,0,0,1-.11.08c-.33,0-.49-.15-.49-.47v-3.67a.59.59,0,0,1,.25-.07.63.63,0,0,1,.25.07C296.59,175.49,296.65,175.55,296.65,175.61Zm.19-1.5c0,.23-.11.34-.32.34a.47.47,0,0,1-.35-.14A.4.4,0,0,1,296,174a.3.3,0,0,1,.34-.34.53.53,0,0,1,.34.13A.43.43,0,0,1,296.84,174.11Z" transform="translate(-177.55 -122.05)"/>
          <path d="M300.88,178.49c0,.16-.14.37-.41.65a1.74,1.74,0,0,1-.67.47,1.86,1.86,0,0,1-.58.11,1.29,1.29,0,0,1-1.12-.53,1.94,1.94,0,0,1-.36-1.22,5.3,5.3,0,0,1,.33-1.72c.27-.79.61-1.19,1-1.19a1.69,1.69,0,0,1,.77.29q.48.28.54.54a3.26,3.26,0,0,1,.07.61c0,.74-.11,1.1-.33,1.1a.38.38,0,0,1-.19-.06c-.08,0-.11-.08-.11-.14a.19.19,0,0,1,0-.1l.05-.09a3.07,3.07,0,0,0,0-.6c0-.74-.17-1.11-.5-1.11s-.67.34-.9,1a4.49,4.49,0,0,0-.26,1.48,2,2,0,0,0,.17.9.74.74,0,0,0,.71.47,1.19,1.19,0,0,0,.68-.3,2.11,2.11,0,0,0,.52-.57,2.28,2.28,0,0,1,.12-.29.17.17,0,0,1,.14-.07s.08.05.14.14A.43.43,0,0,1,300.88,178.49Z" transform="translate(-177.55 -122.05)"/>
          <path d="M304.7,178.53c0,.3-.19.56-.59.79a1.86,1.86,0,0,1-1,.32c-.89,0-1.34-.56-1.34-1.7a5.42,5.42,0,0,1,.27-1.61c.24-.74.55-1.12.93-1.12a1.74,1.74,0,0,1,1,.49,1.3,1.3,0,0,1,.56,1,1.38,1.38,0,0,1-.5,1.08,1.61,1.61,0,0,1-1.13.46.7.7,0,0,1-.25-.1,1,1,0,0,0-.26-.1c-.09,0-.13,0-.13.08,0,.77.25,1.15.75,1.15a1.1,1.1,0,0,0,.72-.26,2.28,2.28,0,0,0,.45-.47c.12-.16.21-.25.25-.25S304.7,178.35,304.7,178.53Zm-.68-1.84a1.12,1.12,0,0,0-.21-.65.6.6,0,0,0-.53-.31.74.74,0,0,0-.64.5,1.8,1.8,0,0,0-.21.87.69.69,0,0,0,.18.49.61.61,0,0,0,.47.19.83.83,0,0,0,.69-.35A1.2,1.2,0,0,0,304,176.69Z" transform="translate(-177.55 -122.05)"/>
        </g>
      </g>
      <path d="M266,175.37a5.37,5.37,0,0,0,1.78,1.44V177a5.41,5.41,0,0,0-.86.55,8,8,0,0,0-.94.93h-.34a5,5,0,0,1,.86-1.34H264v-.45h2.52c-.22-.26-.37-.46-.47-.6s-.2-.38-.39-.72Z" transform="translate(-177.55 -122.05)"/>
    </g>
    <text class="cls-5" transform="translate(63.91 12.55)">Alice’s digital<tspan x="0" y="9">signature</tspan></text>
    <g>
      <path class="cls-23" d="M285.08,174.25a103.45,103.45,0,0,1-17.31-27.88" transform="translate(-177.55 -122.05)"/>
      <polygon points="108.58 50.57 109.28 54.25 105.75 53.02 108.58 50.57"/>
    </g>
    <path class="cls-29" d="M212.2,214.68c14.88,15.64,46.65,5.44,46.65,21.44" transform="translate(-177.55 -122.05)"/>
    <g>
      <path class="cls-23" d="M212.2,214.68c14.88,15.64,46.65,5.44,46.65,21.44" transform="translate(-177.55 -122.05)"/>
      <polygon points="33.68 94.31 32.8 90.68 36.39 91.73 33.68 94.31"/>
    </g>
  </g>
</svg>