// Filled, QBE-style icon set. 20x20 viewBox, filled glyphs.
const FilledIcons = {
  carShield: (
    <svg viewBox="0 0 20 20" fill="none" width="36" height="36">
      <path d="M3 10l1.2-2.8c.2-.5.7-.9 1.3-.9h5.5c.4 0 .8.2 1.1.5l1.5 1.5h2c.8 0 1.4.5 1.6 1.2.1.3.2.7.2 1v1.2c0 .4-.3.7-.7.7H15a1.5 1.5 0 1 1-3 0H8a1.5 1.5 0 1 1-3 0H3.7c-.4 0-.7-.3-.7-.7V10z" fill="currentColor"/>
      <path d="M15 2l3 1v4c0 2-1.5 3.5-3 4-1.5-.5-3-2-3-4V3l3-1z" fill="currentColor" opacity=".85"/>
    </svg>
  ),
  carArrow: (
    <svg viewBox="0 0 20 20" fill="none" width="36" height="36">
      <path d="M2 11l1.2-2.8c.2-.5.7-.9 1.3-.9h6c.4 0 .8.2 1.1.5L13 9.3h2.5c.8 0 1.4.5 1.6 1.2.1.3.2.7.2 1v1.2c0 .4-.3.7-.7.7H14a1.5 1.5 0 1 1-3 0H7a1.5 1.5 0 1 1-3 0H2.7c-.4 0-.7-.3-.7-.7V11z" fill="currentColor"/>
      <path d="M16 4l3 3-3 3V8h-3V6h3V4z" fill="currentColor"/>
    </svg>
  ),
  docCar: (
    <svg viewBox="0 0 20 20" fill="none" width="36" height="36">
      <path d="M5 2h6l4 4v10c0 1.1-.9 2-2 2H5a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2z" fill="currentColor"/>
      <path d="M11 2v4h4" fill="none" stroke="#fff" strokeWidth="1.2"/>
      <circle cx="8" cy="14" r="1" fill="#fff"/>
      <circle cx="12" cy="14" r="1" fill="#fff"/>
      <path d="M7 13l.7-1.3c.1-.2.3-.3.5-.3h3.6c.2 0 .4.1.5.3L13 13" stroke="#fff" strokeWidth="1" fill="none"/>
    </svg>
  ),
  motorcycle: (
    <svg viewBox="0 0 20 20" fill="none" width="36" height="36">
      <circle cx="4.5" cy="14" r="3" fill="currentColor"/>
      <circle cx="15.5" cy="14" r="3" fill="currentColor"/>
      <path d="M11 5l1.5 3H9l-2 4h3l1-3h3l1 3h2l-2-5h-2l-1-2h-1zm-6 9h6" stroke="currentColor" strokeWidth="1.4" fill="none"/>
    </svg>
  ),
  carCloud: (
    <svg viewBox="0 0 20 20" fill="none" width="32" height="32">
      <path d="M4 8a3 3 0 0 1 3-3 3.5 3.5 0 0 1 6.6.5A2.5 2.5 0 0 1 15 10H5a2 2 0 0 1-1-2z" fill="currentColor" opacity=".3"/>
      <path d="M3 14l1-2.2c.2-.4.6-.8 1.1-.8h5.5c.4 0 .7.1 1 .4l1.4 1.3H14c.7 0 1.2.4 1.4 1 .1.3.1.6.1.9v1c0 .3-.2.5-.5.5H14a1.3 1.3 0 1 1-2.5 0h-3a1.3 1.3 0 1 1-2.5 0H3.5c-.3 0-.5-.2-.5-.5V14z" fill="currentColor"/>
    </svg>
  ),
  briefcase: (
    <svg viewBox="0 0 20 20" fill="none" width="32" height="32">
      <rect x="2" y="6" width="16" height="11" rx="1.5" fill="currentColor"/>
      <path d="M7 6V4.5A1.5 1.5 0 0 1 8.5 3h3A1.5 1.5 0 0 1 13 4.5V6" stroke="currentColor" strokeWidth="1.6" fill="none"/>
    </svg>
  ),
  carPeople: (
    <svg viewBox="0 0 20 20" fill="none" width="32" height="32">
      <circle cx="6" cy="5" r="1.6" fill="currentColor"/>
      <circle cx="13" cy="5" r="1.6" fill="currentColor"/>
      <path d="M3 14l1-2.2c.2-.4.6-.8 1.1-.8h9.8c.5 0 1 .3 1.2.8L17 14v2.5c0 .3-.2.5-.5.5H15a1.3 1.3 0 1 1-2.5 0h-5a1.3 1.3 0 1 1-2.5 0H3.5c-.3 0-.5-.2-.5-.5V14z" fill="currentColor"/>
    </svg>
  ),
  cardNo: (
    <svg viewBox="0 0 20 20" fill="none" width="32" height="32">
      <rect x="2" y="5" width="16" height="11" rx="1.5" fill="currentColor"/>
      <rect x="2" y="8" width="16" height="2" fill="#fff"/>
      <line x1="3" y1="3" x2="17" y2="17" stroke="#CF1B2B" strokeWidth="2.2"/>
    </svg>
  ),
  card: (
    <svg viewBox="0 0 20 20" fill="none" width="32" height="32">
      <rect x="2" y="5" width="16" height="11" rx="1.5" fill="currentColor"/>
      <rect x="2" y="8" width="16" height="2" fill="#fff"/>
    </svg>
  ),
  searchFilled: (
    <svg viewBox="0 0 20 20" fill="currentColor" width="20" height="20">
      <path d="M8.5 2a6.5 6.5 0 0 1 5.1 10.5l3.7 3.7-1.4 1.4-3.7-3.7A6.5 6.5 0 1 1 8.5 2zm0 2a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9z"/>
    </svg>
  ),
  tickFilled: (
    <svg viewBox="0 0 20 20" fill="currentColor" width="14" height="14">
      <circle cx="10" cy="10" r="10"/>
      <path d="M5.5 10l3 3 6-6" stroke="#fff" strokeWidth="2" fill="none" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  ),
  mapPinFilled: (
    <svg viewBox="0 0 20 20" fill="currentColor" width="16" height="16">
      <path d="M10 2a6 6 0 0 0-6 6c0 4.5 6 10 6 10s6-5.5 6-10a6 6 0 0 0-6-6zm0 8a2 2 0 1 1 0-4 2 2 0 0 1 0 4z"/>
    </svg>
  ),
  xFilled: (
    <svg viewBox="0 0 20 20" fill="currentColor" width="14" height="14">
      <circle cx="10" cy="10" r="9" fill="#9B9898"/>
      <path d="M6 6l8 8M14 6l-8 8" stroke="#fff" strokeWidth="1.8" strokeLinecap="round"/>
    </svg>
  ),
  infoFilled: (
    <svg viewBox="0 0 20 20" fill="currentColor" width="14" height="14">
      <circle cx="10" cy="10" r="9"/>
      <path d="M10 9v5M10 6v.01" stroke="#fff" strokeWidth="2" strokeLinecap="round"/>
    </svg>
  ),
};

Object.assign(window, { FilledIcons });
