CodePen Embed - SVG with <use>

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="-400 0 1000 5000">
  <defs><g id="astronaut"><circle cx="94.5" cy="48" r="44" fill="currentColor" stroke="#12192c" stroke-width="8"/><clipPath id="a"><circle cx="94.5" cy="47.9" r="40"/></clipPath><g clip-path="url(#a)"><path class="st3" d="M110.5 45.6H78.6c-4 0-7.2 1.9-7.3 4.3l-.8 26.6h48.1l-.8-26.6c-.1-2.5-3.4-4.3-7.3-4.3z"/><path class="st4" d="M121 86.9l-8.3 1.3C100.4 90 88 90 75.8 88.1l-7.7-1.2v-14c0-4 3.2-7.2 7.2-7.2h38.5c4 0 7.2 3.2 7.2 7.2v14z"/><path class="st3" d="M78.4 47.3h-.6c-.7 0-1.2-.6-1.2-1.2V23.2c0-.7.6-1.2 1.2-1.2h.6c.7 0 1.2.6 1.2 1.2v22.9c0 .7-.5 1.2-1.2 1.2z"/><circle class="st4" cx="78.1" cy="20.7" r="2.8"/><circle class="st4" cx="94.5" cy="51.4" r="20.3"/><path d="M111.1 53.1c0 8-7.4 11.2-16.5 11.2S78 61 78 53.1s7.4-14.4 16.5-14.4 16.6 6.4 16.6 14.4z" fill="#13192d" /><path fill="none" stroke="#12192c" stroke-width="1.5" stroke-linecap="round" d="M112.5 88V76.9"/><path fill="none" stroke="#12192c" stroke-width="1.5" stroke-linecap="round" d="M76.3 87.9v-11"/></g></g></defs>
  <g class="am"><use xlink:href="#astronaut"/><text transform="translate(4 130)">Account Manager</text></g>
  <path class="line" d="M-4 200v-25h200v25m-100-50v25"/>
  <g class="tl" transform="translate(-95 210)"><use xlink:href="#astronaut"/><text transform="translate(25 130)">Tech Leader</text></g>
  <path class="line" d="M55 260h80m-40 0v140"/>
  <g class="pl" transform="translate(100 210)"><use xlink:href="#astronaut"/><text transform="translate(15 130)">Project Leader</text></g>
  <path class="line" d="M-108 400v-25h400v25"/>
  <g class="do" transform="translate(-200 410)"><use xlink:href="#astronaut"/><text transform="translate(50 130)">DevOps</text></g>
  <g class="dev" transform="translate(0 410)"><use xlink:href="#astronaut"/><text transform="translate(40 130)">Developer</text></g>
  <g class="ui" transform="translate(200 410)"><use xlink:href="#astronaut"/><text transform="translate(12 130)">UI/UX Developer</text></g>
</svg>

@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:700&display=swap');

body { background-color: #1f2740; }
.st3,.st4{
  fill:#ffcb2f;
  stroke:#12192c;
  stroke-width:1.5;
}
.st4{fill:#69b2b1}
.line {
  fill:none;
  stroke:#f65a6d;
  stroke-width:4;
  stroke-linecap:round;
  stroke-linejoin:round;
}
text {
  fill: white;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 1.5rem;
}
.am { color: #fa3657;}
.tl, .pl { color: #f65a6d; }
.dev, .ui, .do { color: #ffa4a3; }

This Pen is owned by Mariana Beldi on CodePen.

See more by @marianab on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.