import React from 'react';

export const SpectrumIcon = () => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="currentColor"
    stroke="currentColor"
    strokeWidth="0"
    xmlns="http://www.w3.org/2000/svg">
    <path d="M6 14.5C6 15.3284 6.67157 16 7.5 16H9C12.866 16 16 19.134 16 23V24.5C16 25.3284 16.6716 26 17.5 26H24.5C25.3284 26 26 25.3284 26 24.5V23C26 13.6111 18.3889 6 9 6H7.5C6.67157 6 6 6.67157 6 7.5V14.5Z" />
  </svg>
);

export const NowIcon = () => (
  <svg
    width="1em"
    height="1em"
    fill="currentColor"
    stroke="currentColor"
    strokeWidth="0"
    viewBox="0 0 114 100"
    xmlns="http://www.w3.org/2000/svg">
    <g id="Black-Triangle" transform="translate(-293.000000, -150.000000)">
      <polygon id="Logotype---Black" points="350 150 407 250 293 250"></polygon>
    </g>
  </svg>
);
