icon.tsx

import React from 'react';

export const AppIcon = () => {
  return (
    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M5.33333 2.66667V26.6667H4V29.3333H9.33333V26.6667H8V20H25.3333C25.687 20 26.0261 19.8595 26.2761 19.6095C26.5262 19.3594 26.6667 19.0203 26.6667 18.6667V5.33334C26.6667 4.97972 26.5262 4.64058 26.2761 4.39053C26.0261 4.14048 25.687 4.00001 25.3333 4.00001H8V2.66667H5.33333ZM10.6667 6.66667V9.33334H13.3333V6.66667H16V9.33334H18.6667V6.66667H21.3333V9.33334H24V12H21.3333V14.6667H24V17.3333H21.3333V14.6667H18.6667V17.3333H16V14.6667H13.3333V17.3333H10.6667V14.6667H8V12H10.6667V9.33334H8V6.66667H10.6667Z"
        fill="currentColor"
      />
      <path
        d="M10.6667 12H13.3333V14.6667H10.6667V12ZM16 12H18.6667V14.6667H16V12ZM13.3333 9.33333H16V12H13.3333V9.33333ZM18.6667 9.33333H21.3333V12H18.6667V9.33333Z"
        fill="currentColor"
      />
    </svg>
  );
};

export const NotificationIcon = () => {
  return (
    <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M5.33333 2.66667V26.6667H4V29.3333H9.33333V26.6667H8V20H25.3333C25.687 20 26.0261 19.8595 26.2761 19.6095C26.5262 19.3594 26.6667 19.0203 26.6667 18.6667V5.33334C26.6667 4.97972 26.5262 4.64058 26.2761 4.39053C26.0261 4.14048 25.687 4.00001 25.3333 4.00001H8V2.66667H5.33333ZM10.6667 6.66667V9.33334H13.3333V6.66667H16V9.33334H18.6667V6.66667H21.3333V9.33334H24V12H21.3333V14.6667H24V17.3333H21.3333V14.6667H18.6667V17.3333H16V14.6667H13.3333V17.3333H10.6667V14.6667H8V12H10.6667V9.33334H8V6.66667H10.6667Z"
        fill="currentColor"
      />
      <path
        d="M10.6667 12H13.3333V14.6667H10.6667V12ZM16 12H18.6667V14.6667H16V12ZM13.3333 9.33333H16V12H13.3333V9.33333ZM18.6667 9.33333H21.3333V12H18.6667V9.33333Z"
        fill="currentColor"
      />
    </svg>
  );
};