import { createIcon } from '../utils/create-icon';

export const UmbrellaTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M8.5 20C8.5 19.4477 8.05228 19 7.5 19C6.94772 19 6.5 19.4477 6.5 20H8.5ZM13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3H13ZM9.75 21H9.5V23H9.75V21ZM13 19.75V14H11V19.75H13ZM13 5V3H11V5H13ZM9.5 21C8.94772 21 8.5 20.5523 8.5 20H6.5C6.5 21.6569 7.84315 23 9.5 23V21ZM9.75 23C11.5449 23 13 21.5449 13 19.75H11C11 20.4404 10.4404 21 9.75 21V23Z"
      fill="currentColor"
    />
    <path
      d="M12 5C7.3128 5 3.45872 8.56915 3.00426 13.1014C2.95469 13.5958 3.34492 14 3.82044 14H20.1796C20.6551 14 21.0453 13.5958 20.9957 13.1014C20.5413 8.56915 16.6872 5 12 5Z"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
  </svg>
));