text: import React, { Component } from "react";
  import "./SvgGraphics.scss";
  
  class SvgGraphics extends Component {
    render() {
      return (
        <div className="SvgGraphics">
          <div className="Blue-Plus aniA fadeInUp">
            <svg
              width="12px"
              height="12px"
              viewBox="102 66 12 12"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/1999/xlink"
            >
              <desc>Created with Sketch.</desc>
              <defs />
              <path
                d="M113.4,71.4 L108.6,71.4 L108.6,66.6 C108.6,66.26865 108.33135,66 108,66 C107.66865,66 107.4,66.26865 107.4,66.6 L107.4,71.4 L102.6,71.4 C102.26865,71.4 102,71.66865 102,72 C102,72.33135 102.26865,72.6 102.6,72.6 L107.4,72.6 L107.4,77.4 C107.4,77.73135 107.66865,78 108,78 C108.33135,78 108.6,77.73135 108.6,77.4 L108.6,72.6 L113.4,72.6 C113.73135,72.6 114,72.33135 114,72 C114,71.66865 113.73135,71.4 113.4,71.4 Z"
                id="Shape"
                stroke="none"
                fill="#1D78E9"
                fillRule="evenodd"
              />
            </svg>
          </div>
          <div className="Green-Cir aniD fadeInUp">
            <svg
              width="10px"
              height="10px"
              viewBox="80 81 10 10"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/1999/xlink"
            >
              <desc>Created with Sketch.</desc>
              <defs />
              <circle
                id="Oval-2"
                stroke="#7ED321"
                strokeWidth="1"
                fill="none"
                cx="85"
                cy="86"
                r="4"
              />
            </svg>
          </div>
          <div className="Red-Cir aniE fadeInUp">
            <svg
              width="10px"
              height="10px"
              viewBox="113 88 10 10"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/1999/xlink"
            >
              <desc>Created with Sketch.</desc>
              <defs />
              <circle
                id="Oval-2"
                stroke="#D0011B"
                strokeWidth="1"
                fill="none"
                cx="118"
                cy="93"
                r="4"
              />
            </svg>
          </div>
          <div className="Red-Plus aniA fadeInUp">
            <svg
              width="6px"
              height="6px"
              viewBox="68 96 6 6"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/1999/xlink"
            >
              <desc>Created with Sketch.</desc>
              <defs />
              <path
                d="M73.7,98.7 L71.3,98.7 L71.3,96.3 C71.3,96.134325 71.165675,96 71,96 C70.834325,96 70.7,96.134325 70.7,96.3 L70.7,98.7 L68.3,98.7 C68.134325,98.7 68,98.834325 68,99 C68,99.165675 68.134325,99.3 68.3,99.3 L70.7,99.3 L70.7,101.7 C70.7,101.865675 70.834325,102 71,102 C71.165675,102 71.3,101.865675 71.3,101.7 L71.3,99.3 L73.7,99.3 C73.865675,99.3 74,99.165675 74,99 C74,98.834325 73.865675,98.7 73.7,98.7 Z"
                id="Shape"
                stroke="none"
                fill="#E50521"
                fillRule="evenodd"
              />
            </svg>
          </div>
          <div className="B-Cirs aniA fadeInUp">
            <svg
              width="50px"
              height="6px"
              viewBox="79 113 50 6"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/1999/xlink"
            >
              <desc>Created with Sketch.</desc>
              <defs />
              <circle
                id="Oval-2"
                stroke="#4990E2"
                strokeWidth="1"
                fill="none"
                cx="81"
                cy="117"
                r="1"
              />
            </svg>
          </div>
          <div className="B-Cirs aniD fadeInUp">
            <svg
              width="50px"
              height="6px"
              viewBox="79 113 50 6"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/1999/xlink"
            >
              <desc>Created with Sketch.</desc>
              <defs />
  
              <circle
                id="Oval-2"
                stroke="#4990E2"
                strokeWidth="1"
                fill="none"
                cx="127"
                cy="115"
                r="1"
              />
            </svg>
          </div>
          <div className="Lines aniE fadeInUp">
            <svg
              width="18px"
              height="8px"
              viewBox="93 112 18 8"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/1999/xlink"
            >
              <desc>Created with Sketch.</desc>
              <defs />
              <circle
                id="Oval-2"
                stroke="#4990E2"
                strokeWidth="1"
                fill="none"
                cx="109"
                cy="118"
                r="1"
              />
            </svg>
          </div>
          <div className="Lines aniA fadeInUp">
            <svg
              width="18px"
              height="8px"
              viewBox="93 112 18 8"
              version="1.1"
              xmlns="http://www.w3.org/2000/svg"
              xmlns="http://www.w3.org/1999/xlink"
            >
              <desc>Created with Sketch.</desc>
              <defs />
              <circle
                id="Oval-2"
                stroke="#4990E2"
                strokeWidth="1"
                fill="none"
                cx="95"
                cy="114"
                r="1"
              />
            </svg>
          </div>
        </div>
      );
    }
  }
  
  export default SvgGraphics;
  