planner/icon.html at gh-pages · solid-apps/planner · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html><html><head><meta charset="UTF-8"><style>
  *{margin:0;padding:0;box-sizing:border-box}
  html,body{width:512px;height:512px;background:transparent}
  .tile{width:512px;height:512px;border-radius:115px;
    background:linear-gradient(135deg,#818cf8,#4f46e5);
    display:grid;place-items:center}
  svg{width:300px;height:300px}
</style></head><body>
  <div class="tile">
    <svg viewBox="0 0 32 32" fill="none" stroke="#fff" stroke-width="2.4" stroke-linecap="round">
      <line x1="9" y1="7" x2="9" y2="25"/><line x1="16" y1="7" x2="16" y2="25"/><line x1="23" y1="7" x2="23" y2="25"/>
      <rect x="7" y="12" width="4" height="6" rx="1.4" fill="#fff" stroke="none"/>
      <rect x="14" y="10" width="4" height="5" rx="1.4" fill="#fff" stroke="none"/>
      <rect x="21" y="16" width="4" height="7" rx="1.4" fill="#fff" stroke="none"/>
    </svg>
  </div>
</body></html>