prysm/svg/molecules/button-default.svg

image
ฯ€ 0.0% 88 words ยท 1 min 
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 96" width="320" height="96">
  <!-- 0-atoms/button/default -->
  <defs>
    <linearGradient id="glow-r" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#00fe00" stop-opacity="0.5"/>
      <stop offset="100%" stop-color="#00fe00" stop-opacity="0"/>
    </linearGradient>
    <linearGradient id="glow-l" x1="1" y1="0" x2="0" y2="0">
      <stop offset="0%" stop-color="#00fe00" stop-opacity="0.5"/>
      <stop offset="100%" stop-color="#00fe00" stop-opacity="0"/>
    </linearGradient>
  </defs>
  <!-- left saber -->
  <rect x="32" y="8" width="2" height="80" fill="#ffffff"/>
  <rect x="34" y="8" width="24" height="80" fill="url(#glow-r)"/>
  <!-- right saber -->
  <rect x="286" y="8" width="2" height="80" fill="#ffffff"/>
  <rect x="262" y="8" width="24" height="80" fill="url(#glow-l)"/>
  <!-- label -->
  <text x="160" y="54" font-family="monospace" font-size="16" fill="#ffffff" text-anchor="middle">action</text>
</svg>

Neighbours