import { createIcon } from '../utils/create-icon';

export const ShieldCheckmarkTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <path
      d="M18 3H4.16C4.10399 3 4.07599 3 4.0546 3.0109C4.03578 3.02049 4.02049 3.03578 4.0109 3.0546C4 3.07599 4 3.10399 4 3.16V12.6089C4 13.7201 4 14.2757 4.20916 15.112C4.34246 15.645 4.81627 16.7398 5.11361 17.2019C5.58013 17.9268 5.79823 18.1315 6.23444 18.5411C7.60522 19.8281 9.56555 21.2697 12 22C14.0695 21.3102 15.9274 19.9859 17.3307 18.7566C17.9693 18.1972 18.2886 17.9175 18.7932 17.1736C19.14 16.6623 19.6168 15.6107 19.7729 15.0129C20 14.1432 20 13.4812 20 12.1572V11.5"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M8 11L11.2547 14.2547C11.6598 14.6598 12.3218 14.6424 12.7051 14.2166L21 5"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
    <line
      x1="0.499998"
      y1="-0.00131133"
      x2="0.499999"
      y2="-0.00121133"
      stroke="currentColor"
    />
  </svg>
));