<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180" width="180" height="180">
  <defs>
    <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#1D4ED8;stop-opacity:1" />
    </linearGradient>
  </defs>
  
  <!-- Background rounded square for iOS -->
  <rect x="0" y="0" width="180" height="180" rx="40" fill="url(#gradient)"/>
  
  <!-- Note paper -->
  <rect x="45" y="36" width="72" height="90" rx="6" fill="white" stroke="#E5E7EB" stroke-width="2"/>
  
  <!-- Note lines -->
  <line x1="54" y1="54" x2="108" y2="54" stroke="#D1D5DB" stroke-width="2"/>
  <line x1="54" y1="66" x2="99" y2="66" stroke="#D1D5DB" stroke-width="2"/>
  <line x1="54" y1="78" x2="105" y2="78" stroke="#D1D5DB" stroke-width="2"/>
  <line x1="54" y1="90" x2="96" y2="90" stroke="#D1D5DB" stroke-width="2"/>
  <line x1="54" y1="102" x2="102" y2="102" stroke="#D1D5DB" stroke-width="2"/>
  <line x1="54" y1="114" x2="97" y2="114" stroke="#D1D5DB" stroke-width="2"/>
  
  <!-- Pen/pencil -->
  <line x1="111" y1="87" x2="130" y2="68" stroke="#F59E0B" stroke-width="5" stroke-linecap="round"/>
  <circle cx="132" cy="66" r="3" fill="#F59E0B"/>
  
  <!-- Q accent -->
  <text x="90" y="153" font-family="Arial, sans-serif" font-size="28" font-weight="bold" text-anchor="middle" fill="white">Q</text>
</svg>