svg icons

by otinanaipali

HTML

<!-- FACT v1: Document + check -->
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g transform="skewX(-12)">
    <!-- Document -->
    <path d="M6 4 H16 L20 8 V20 H6 Z"
          stroke="#0032FF" stroke-width="2.5" fill="none" stroke-linejoin="miter"/>
    <path d="M16 4 V8 H20"
          stroke="#0032FF" stroke-width="2.5" fill="none" stroke-linejoin="miter"/>

    <!-- Text lines -->
    <path d="M8 11 H15" stroke="#0032FF" stroke-width="2.5" stroke-linejoin="miter"/>
    <path d="M8 15 H13" stroke="#0032FF" stroke-width="2.5" stroke-linejoin="miter"/>

    <!-- Verified check -->
    <path d="M12.5 16.5 L14 18 L18 13"
          stroke="#FFBE00" stroke-width="2.5" stroke-linejoin="miter" fill="none"/>
  </g>
</svg>

<!-- FACT v2: Info badge + bullet list -->
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
  <g transform="skewX(-12)">
    <!-- List card -->
    <rect x="5" y="5" width="14" height="14"
          stroke="#0032FF" stroke-width="2.5" fill="none" stroke-linejoin="miter"/>

    <!-- Bullets -->
    <path d="M8 9 H16" stroke="#0032FF" stroke-width="2.5" stroke-linejoin="miter"/>
    <path d="M8 13 H16" stroke="#0032FF" stroke-width="2.5" stroke-linejoin="miter"/>
    <path d="M8 17 H13" stroke="#0032FF" stroke-width="2.5" stroke-linejoin="miter"/>

    <!-- Info dot accent -->
    <circle cx="18" cy="6.5" r="2"
            stroke="#FFBE00" stroke-width="2.5" fill="none" stroke-linejoin="miter"/>
    <path d="M18 6.2 V8.3" stroke="#FFBE00" stroke-width="2" stroke-linejoin="miter"/>
  </g>
</svg>