illustration.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 220">
  <style>
    .cls-s3{fill:#E15344;}
    .cls-azure{fill: #0079D8;}
    text {
      fill: black;
      font-size: 24px;
      stroke-width: 0;
      dominant-baseline: middle;
      font-family: sans-serif;
    }

    line {
      stroke-linecap: round;
      stroke-width: 4;
      stroke: black;
    }
  </style>

	<g x="0" y="-20">

  <!-- https://thenounproject.com/term/database/396180/ Database by icon 54. From The Noun Project, CC BY -->
  <g transform="scale(1.2) translate(15 25)">
    <svg y="20" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="300px" width="300px" fill="#000000" version="1.1" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
      <path d="M12,0C6.393,0,2,1.977,2,4.5v15C2,22.023,6.393,24,12,24s10-1.977,10-4.5v-15C22,1.977,17.607,0,12,0z M21,14.5  c0,1.655-3.696,3.5-9,3.5s-9-1.845-9-3.5v-3.018C4.603,12.984,7.985,14,12,14s7.397-1.016,9-2.518V14.5z M21,9.5  c0,1.655-3.696,3.5-9,3.5s-9-1.845-9-3.5V6.482C4.603,7.984,7.985,9,12,9s7.397-1.016,9-2.518V9.5z M12,1c5.304,0,9,1.845,9,3.5  S17.304,8,12,8S3,6.155,3,4.5S6.696,1,12,1z M12,23c-5.304,0-9-1.845-9-3.5v-3.018C4.603,17.984,7.985,19,12,19s7.397-1.016,9-2.518  V19.5C21,21.155,17.304,23,12,23z"></path>
    </svg>
  </g>
	
	<!-- The scroll icon from https://cardigan.wellcomecollection.org/  -->
	<g transform="translate(42 16) scale(0.15)">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><g class="icon__shape" fill-rule="nonzero"><path d="M18.11 1.55a1 1 0 0 0-1 1V5.1H3.7a2 2 0 0 0-2 2v13a1 1 0 0 0 .33.73c.059.09.126.173.2.25a3 3 0 0 0 2.2.62h.27a1 1 0 0 0 1-1v-.6h13.8a3 3 0 0 0 3-2.75.94.94 0 0 0 0-.13V5.52c0-2.93-2.27-3.97-4.39-3.97zm2.39 4v7.87a4.44 4.44 0 0 0-1.34-.51V3.69a1.72 1.72 0 0 1 1.34 1.83v.03zm-1 12.58H3.7V7.1h13.43v6.69a1 1 0 0 0 1 1 2.17 2.17 0 0 1 2.33 2.36 1 1 0 0 1-.96.95v.03z"></path><path d="M5.7 8.6h2v8h-2v-8zm3.79 0h2v8h-2v-8zm3.78 0h2v8h-2v-8z"></path></g></svg>
	</g>
	
	<!-- The folder icon from https://cardigan.wellcomecollection.org/  -->
	<g transform="translate(75 105) scale(0.15)">
		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="icon__shape" fill-rule="nonzero" d="M22.8 10.46a1 1 0 0 0-.8-.4h-1.74v-1.6a2 2 0 0 0-2-2h-7.47V5.2c0-.9-.73-1.63-1.63-1.63H3.29c-.9 0-1.63.73-1.63 1.63V20a2 2 0 0 0 2 2H18.3a2 2 0 0 0 1.92-1.57L23 11.35a1 1 0 0 0-.2-.89zM3.66 5.57h5.13v1.92a1 1 0 0 0 1 1h8.47v1.6H5.56a1 1 0 0 0-1 .71l-.93 3.11V5.57h.03zm14.72 14v.05l-.06.21a.94.94 0 0 0 0 .14L3.9 20l2.4-8h14.35l-2.27 7.57z"></path></svg>
	</g>
  
	<!-- https://thenounproject.com/term/database/6624/ Database by Javier Cabezas. From The Noun Project, CC BY -->
  <g transform="translate(110 40) scale(0.25)">
	<svg height='300px' width='300px'  fill="#000000" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 96.4 92.286" enable-background="new 0 0 96.4 92.286" xml:space="preserve"><path d="M95.995,26.036c-0.349-0.911-0.996-1.591-1.613-2.067c-1.621-1.231-3.77-2.001-6.627-2.773  c-8.498-2.221-23.225-3.62-40.124-3.629c-12.866,0.002-24.505,0.827-33.049,2.19c-4.28,0.687-7.771,1.49-10.375,2.471  C2.9,22.723,1.81,23.249,0.879,23.968c-0.889,0.686-1.853,1.782-1.875,3.403c0.005,0.343,0.06,0.658,0.139,0.955v34.967  c0,0.042-0.002,0.108-0.002,0.206c-0.002,0.477,0.055,0.937,0.182,1.35c0.03,0.104,0.065,0.201,0.1,0.288  c0.102,0.414,0.312,0.796,0.614,1.109c0.597,0.81,1.35,1.322,2.17,1.798c3.433,1.887,9.303,3.134,17.247,4.137  c7.908,0.969,17.728,1.537,28.388,1.539c12.181-0.002,23.265-0.743,31.657-1.979c4.198-0.619,7.721-1.357,10.444-2.228  c1.365-0.439,2.533-0.907,3.531-1.469c0.746-0.433,1.436-0.896,2.004-1.586c0.071-0.057,0.14-0.119,0.205-0.185  c0.46-0.457,0.714-1.069,0.714-1.719V27.372C96.396,26.896,96.253,26.43,95.995,26.036z M7.9,26.13  c7.432-2.15,22.521-3.713,39.73-3.701c12.647-0.002,24.105,0.823,32.282,2.128c4.079,0.648,7.353,1.433,9.424,2.219  c0.54,0.2,0.996,0.406,1.352,0.591c-0.727,0.374-1.879,0.854-3.328,1.244c-7.43,2.149-22.521,3.712-39.729,3.7  c-12.648,0.002-24.107-0.822-32.283-2.128c-4.078-0.649-7.353-1.433-9.425-2.219c-0.54-0.2-0.996-0.406-1.352-0.592  C5.298,27,6.45,26.521,7.9,26.13z M4.594,63.809c-0.284-0.159-0.48-0.303-0.582-0.391l-0.007-0.006l0.001-0.041V32.436  c0.581,0.225,1.206,0.437,1.875,0.641v31.327C5.357,64.196,4.915,63.993,4.594,63.809z M9.77,65.586V34.079  c0.623,0.137,1.272,0.269,1.945,0.397v31.549C11.028,65.882,10.382,65.736,9.77,65.586z M14.634,66.572V34.989  c0.632,0.101,1.282,0.197,1.945,0.292v31.602C15.909,66.782,15.262,66.678,14.634,66.572z M47.841,68.855  c-11.19,0.003-21.441-0.643-29.316-1.695V35.542c8.041,1.027,18.106,1.625,29.106,1.632c11.117-0.002,21.314-0.62,29.395-1.666  v31.663C69.175,68.211,58.957,68.864,47.841,68.855z M78.97,66.901V35.243c0.582-0.084,1.152-0.17,1.708-0.259  c0.081-0.013,0.157-0.026,0.237-0.039v31.651C80.29,66.701,79.637,66.801,78.97,66.901z M83.834,66.05V34.427  c0.677-0.131,1.319-0.268,1.945-0.407v31.599C85.169,65.766,84.517,65.91,83.834,66.05z M89.669,64.461V32.988  c0.483-0.153,0.95-0.311,1.384-0.474c0.167-0.063,0.32-0.13,0.48-0.194v31.213C91.219,63.747,90.572,64.1,89.669,64.461z"></path></svg>
	</g>

  <circle r="50" cx="622" cy="90" fill="rgba(0, 120, 104, 0.5)"
        stroke-width="4"
        stroke="#007868"/>
  <text x="105" y="185" text-anchor="middle">Source catalogues</text>
  <text x="622" y="185" text-anchor="middle">Catalogue API</text>

  <!-- Arrows -->
  <marker id="arrowhead" markerWidth="5" markerHeight="3.5"
    refX="0" refY="1.75" orient="auto">
    <polygon points="0 0, 5 1.75, 0 3.5" />
  </marker>

  <line x1="200" y1="90" x2="540" y2="90" marker-end="url(#arrowhead)"/>
</g>
</svg>