<!-- Define icons inside svg as symbols -->
<svg viewBox="0 0 24 24" fill="none" width="0" height="0" xmlns="http://www.w3.org/2000/svg">
  <symbol id="icon-alert" fill="none"><path d="M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm1-5C6.47 2 2 6.5 2 12A10 10 0 1012 2zm0 18a8 8 0 110-16 8 8 0 010 16z" fill="#000"/></symbol>
  <symbol id="icon-question" viewBox="0 0 24 24" fill="none"><path d="M11 18h2v-2h-2v2zm1-16a10 10 0 100 20 10 10 0 000-20zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14a4 4 0 00-4 4h2a2 2 0 114 0c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5a4 4 0 00-4-4z" fill="#000"/></symbol>
  <symbol id="icon-virus" viewBox="0 0 24 25" fill="none"><path d="M12 1a1.746 1.746 0 00-1 3.18v1.4c-.9.13-1.74.42-2.5.86L7.39 4.85c.19-.52.14-1.12-.2-1.6-.35-.49-.89-.75-1.44-.75-.35 0-.7.1-1 .32-.79.55-.99 1.64-.43 2.43.34.49.88.75 1.43.75l1.18 1.68c-.43.43-.77.91-1.06 1.44-.2-.08-.41-.12-.62-.12-.45 0-.9.17-1.25.5-.67.7-.67 1.8 0 2.5.29.27.64.42 1 .5 0 .54.07 1.06.18 1.56l-1.31.35c-.31-.26-.71-.41-1.12-.41-.15 0-.31 0-.46.06a1.752 1.752 0 00-1.23 2.15c.21.79.94 1.29 1.69 1.29.15 0 .3 0 .46-.06.57-.16 1-.58 1.18-1.1l1.51-.41c.45.79 1.05 1.49 1.75 2.07l-1.1 2c-.55.08-1.05.39-1.34.92a1.75 1.75 0 003.08 1.66c.28-.52.27-1.12.02-1.61L9.38 19c.81.32 1.69.5 2.62.5h.18c-.13.26-.18.56-.18.88.08.92.84 1.62 1.75 1.62h.13c.97-.08 1.69-.92 1.62-1.88-.04-.5-.29-.94-.65-1.23.47-.21.92-.48 1.34-.79l2.34 2.34c-.1.56.06 1.13.47 1.56.35.33.8.5 1.25.5.45 0 .9-.17 1.25-.5.67-.7.67-1.8 0-2.5-.35-.33-.8-.5-1.25-.5-.1 0-.2 0-.31.03l-2.34-2.34c.49-.65.87-1.39 1.11-2.19h1.11a1.746 1.746 0 003.18-1 1.746 1.746 0 00-3.18-1H19c0-1.57-.5-3-1.4-4.19l1.34-1.34c.11.03.21.03.31.03.45 0 .9-.17 1.25-.5.67-.69.67-1.8 0-2.5-.35-.33-.8-.5-1.25-.5-.45 0-.9.17-1.25.5-.41.43-.57 1-.47 1.56L16.19 6.9c-.92-.69-2-1.15-3.19-1.32v-1.4A1.746 1.746 0 0012 1zm0 16.5c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm-1.5-8c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5S12 11.83 12 11s-.67-1.5-1.5-1.5zm3.5 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1z" fill="#000"/></symbol>
</svg>

<!-- Using the symbols -->
<div class="icons">
  <svg viewBox="0 0 24 24" class="icon">
    <use xlink:href="#icon-alert"></use>
  </svg>
  <svg viewBox="0 0 24 24" class="icon">
    <use xlink:href="#icon-question"></use>
  </svg>
  <svg viewBox="0 0 24 24" class="icon">
    <use xlink:href="#icon-virus"></use>
  </svg>
</div>
.icons {
  display: flex;
  justify-content: space-around;
}
.icon {
  width: clamp(12px, 100%, 360px);
  height: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.