src/components/icons.tsx - main - DME/Notes

src/components/icons.tsx
153 строки12 KB
Karasique333
Commit
19 июн 2025, 15:09
19 июн 2025, 15:09d96c829
import React from 'react'

import { pacificoFont } from '@/lib/font'
import { cn } from '@/lib/utils'

type Props = React.SVGProps<SVGSVGElement>

export const Logo = "test"
export const LogoWithText = (props: Props) => {
  const { className, ...restProps } = props
  return (
    <div className="flex items-center gap-2.5">
      <Logo {...restProps} />
      <p>
        Заметки
      </p>
    </div>
  )
}
export const Google = (props: Props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="18"
    height="19"
    viewBox="0 0 18 19"
    fill="none"
    {...props}
  >
    <g clipPath="url(#clip0_2195_32307)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M17.3727 10.6535C17.4751 10.1324 17.5262 9.58295 17.5262 9.03348C17.5262 8.66211 17.5016 8.30022 17.4542 7.94685C17.4192 7.68727 17.188 7.49874 16.9265 7.49874H9.53232C9.23864 7.49874 8.9999 7.73748 8.9999 8.03116V10.1211C8.9999 10.4147 9.23864 10.6535 9.53232 10.6535H13.5823C13.7491 10.6535 13.8713 10.824 13.8087 10.9784C12.923 13.1668 10.5972 14.6031 7.99948 14.1227C6.00435 13.7542 4.3692 12.1721 3.94098 10.1893C3.21435 6.82421 5.75709 3.85141 8.9999 3.85141C10.0629 3.85141 11.0481 4.17067 11.8695 4.71731C12.0893 4.8632 12.3763 4.84899 12.562 4.66046L14.1744 3.01867C14.3942 2.79415 14.381 2.42088 14.1308 2.23046C12.7657 1.19215 11.0775 0.5612 9.24148 0.51099C4.62593 0.383095 0.628984 4.13278 0.478353 8.74737C0.320142 13.5865 4.19867 17.5598 8.9999 17.5598C13.1522 17.5598 16.6139 14.5851 17.3727 10.6535Z"
        fill="currentColor"
      />
    </g>
    <defs>
      <clipPath id="clip0_2195_32307">
        <rect
          width="18"
          height="18"
          fill="white"
          transform="translate(0 0.5)"
        />
      </clipPath>
    </defs>
  </svg>
)
export const Type = (props: Props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="20"
    height="20"
    viewBox="0 0 20 20"
    fill="none"
    {...props}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M17.4994 9.14844H12.1927C11.7327 9.14844 11.3594 9.52094 11.3594 9.98177V10.9234C11.3594 11.3843 11.7327 11.7568 12.1927 11.7568C12.6527 11.7568 13.026 11.3843 13.026 10.9234V10.8151H13.9877V14.4893H13.6627C13.2027 14.4893 12.8294 14.8618 12.8294 15.3226C12.8294 15.7834 13.2027 16.1559 13.6627 16.1559H16.0302C16.4902 16.1559 16.8635 15.7834 16.8635 15.3226C16.8635 14.8618 16.4902 14.4893 16.0302 14.4893H15.6544V10.8151H16.666V10.9234C16.666 11.3843 17.0394 11.7568 17.4994 11.7568C17.9594 11.7568 18.3327 11.3843 18.3327 10.9234V9.98177C18.3327 9.52094 17.9594 9.14844 17.4994 9.14844Z"
      fill="currentColor"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M10.1543 14.49H8.57518V5.50749H12.2543V6.54915C12.2543 7.00915 12.6277 7.38249 13.0877 7.38249C13.5477 7.38249 13.921 7.00915 13.921 6.54915V4.67415C13.921 4.21332 13.5477 3.84082 13.0877 3.84082H2.49935C2.03935 3.84082 1.66602 4.21332 1.66602 4.67415V6.54915C1.66602 7.00915 2.03935 7.38249 2.49935 7.38249C2.95935 7.38249 3.33268 7.00915 3.33268 6.54915V5.50749H6.90852V14.49H5.43102C4.97102 14.49 4.59768 14.8625 4.59768 15.3233C4.59768 15.7842 4.97102 16.1567 5.43102 16.1567H10.1543C10.6143 16.1567 10.9877 15.7842 10.9877 15.3233C10.9877 14.8625 10.6143 14.49 10.1543 14.49Z"
      fill="currentColor"
    />
  </svg>
)
export const Logout = (props: Props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="20"
    height="20"
    viewBox="0 0 20 20"
    fill="none"
    {...props}
  >
    <path
      d="M17.5006 9.99875H7.45508M17.5006 9.99875L15.0577 7.55371M17.5006 9.99875L15.0577 12.4448"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M12.1296 6.88872V6.04237C12.1296 4.7427 11.1957 3.63316 9.92083 3.41799L5.58531 2.53739C3.97092 2.26493 2.5 3.5161 2.5 5.16177V14.8383C2.5 16.4839 3.97091 17.7351 5.5853 17.4626L9.92083 16.582C11.1957 16.3668 12.1296 15.2573 12.1296 13.9577V13.1122"
      stroke="currentColor"
      strokeWidth="1.5"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
  </svg>
)
export const SansSerif = (props: Props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="18"
    height="12"
    viewBox="0 0 18 12"
    fill="none"
    {...props}
  >
    <path
      d="M1.80799 11.5506H0L4.06246 0.261719H6.0303L10.0928 11.5506H8.28477L5.09323 2.31224H5.00504L1.80799 11.5506ZM2.11116 7.12986H7.97609V8.56303H2.11116V7.12986Z"
      fill="currentColor"
    />
    <path
      d="M13.8218 11.738C13.2853 11.738 12.8002 11.6388 12.3666 11.4404C11.933 11.2383 11.5894 10.9461 11.3358 10.5639C11.0859 10.1818 10.961 9.71323 10.961 9.15834C10.961 8.68062 11.0528 8.28742 11.2366 7.97874C11.4203 7.67006 11.6684 7.42568 11.9807 7.24562C12.2931 7.06556 12.6422 6.92959 13.028 6.83772C13.4139 6.74585 13.8071 6.67603 14.2076 6.62826C14.7148 6.56946 15.1263 6.52169 15.4424 6.48494C15.7584 6.44452 15.9881 6.38021 16.1314 6.29202C16.2747 6.20382 16.3464 6.06051 16.3464 5.86207V5.82348C16.3464 5.34209 16.2104 4.9691 15.9385 4.70452C15.6702 4.43993 15.2696 4.30764 14.7368 4.30764C14.1819 4.30764 13.7446 4.43075 13.4249 4.67696C13.1089 4.91949 12.8902 5.18959 12.769 5.48724L11.22 5.13446C11.4038 4.62 11.672 4.20475 12.0248 3.88872C12.3813 3.56901 12.791 3.3375 13.254 3.19419C13.7171 3.0472 14.204 2.9737 14.7148 2.9737C15.0528 2.9737 15.4111 3.01412 15.7896 3.09497C16.1718 3.17214 16.5283 3.31545 16.859 3.52491C17.1934 3.73438 17.4672 4.03387 17.6803 4.4234C17.8934 4.80925 18 5.31085 18 5.92822V11.5506H16.3904V10.3931H16.3243C16.2177 10.6062 16.0579 10.8157 15.8447 11.0214C15.6316 11.2272 15.3578 11.3981 15.0234 11.5341C14.689 11.67 14.2885 11.738 13.8218 11.738ZM14.1801 10.4151C14.6357 10.4151 15.0253 10.3251 15.3487 10.145C15.6757 9.96495 15.9238 9.72977 16.0928 9.43946C16.2655 9.14548 16.3519 8.83128 16.3519 8.49688V7.40547C16.2931 7.46427 16.1792 7.51939 16.0101 7.57084C15.8447 7.61861 15.6555 7.66087 15.4424 7.69762C15.2292 7.73069 15.0216 7.76193 14.8195 7.79132C14.6174 7.81705 14.4483 7.8391 14.3124 7.85747C13.9927 7.89789 13.7005 7.96588 13.4359 8.06142C13.175 8.15696 12.9656 8.29477 12.8075 8.47483C12.6532 8.65122 12.576 8.8864 12.576 9.18039C12.576 9.58829 12.7267 9.89697 13.028 10.1064C13.3294 10.3122 13.7134 10.4151 14.1801 10.4151Z"
      fill="currentColor"
    />
  </svg>
)
export const Serif = (props: Props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="18"
    height="12"
    viewBox="0 0 18 12"
    fill="none"
    {...props}
  >
    <path
      d="M5.50149 0.316406L9.35885 10.2444C9.5064 10.6343 9.67503 10.8978 9.86473 11.0348C10.065 11.1718 10.2494 11.2456 10.418 11.2561V11.5723C10.1651 11.5512 9.86473 11.5407 9.51694 11.5407C9.17968 11.5302 8.83716 11.5249 8.48936 11.5249C8.04671 11.5249 7.63568 11.5302 7.25627 11.5407C6.87686 11.5407 6.57122 11.5512 6.33936 11.5723V11.2561C6.87686 11.2351 7.21411 11.1455 7.35112 10.9874C7.49867 10.8188 7.46705 10.4657 7.25627 9.9282L4.41067 2.24509L4.66362 1.96053L2.03934 8.82158C1.84964 9.29584 1.73371 9.69106 1.69155 10.0072C1.65993 10.3234 1.68628 10.5711 1.77059 10.7503C1.86545 10.9294 2.02353 11.0559 2.24486 11.1297C2.46618 11.2034 2.7402 11.2456 3.06692 11.2561V11.5723C2.75074 11.5512 2.4293 11.5407 2.10258 11.5407C1.7864 11.5302 1.48603 11.5249 1.20147 11.5249C0.948532 11.5249 0.721938 11.5302 0.521693 11.5407C0.331986 11.5407 0.158089 11.5512 0 11.5723V11.2561C0.221324 11.2034 0.442648 11.0717 0.663972 10.8609C0.885297 10.6501 1.09608 10.2918 1.29633 9.78592L4.96398 0.316406C5.0483 0.316406 5.13788 0.316406 5.23273 0.316406C5.32759 0.316406 5.41717 0.316406 5.50149 0.316406ZM7.16142 7.01936V7.33554H2.45037L2.60846 7.01936H7.16142Z"
      fill="currentColor"
    />
    <path
      d="M12.7198 11.683C12.2772 11.683 11.8978 11.5987 11.5816 11.43C11.2654 11.2614 11.0283 11.0295 10.8702 10.7344C10.7121 10.4394 10.6331 10.1021 10.6331 9.72268C10.6331 9.25895 10.7385 8.88481 10.9492 8.60025C11.16 8.30515 11.4288 8.06802 11.7555 7.88885C12.0928 7.70969 12.4458 7.56214 12.8147 7.4462C13.1941 7.31973 13.5472 7.2038 13.8739 7.09841C14.2111 6.98248 14.4852 6.85074 14.6959 6.70319C14.9173 6.55564 15.0279 6.36066 15.0279 6.11826V5.04326C15.0279 4.66384 14.9647 4.36348 14.8382 4.14215C14.7223 3.91029 14.5589 3.74693 14.3482 3.65208C14.1479 3.55722 13.9055 3.5098 13.6209 3.5098C13.3785 3.5098 13.1203 3.54668 12.8463 3.62046C12.5723 3.68369 12.3562 3.81544 12.1981 4.01568C12.43 4.07892 12.6197 4.20539 12.7673 4.39509C12.9254 4.57426 13.0044 4.80085 13.0044 5.07487C13.0044 5.36997 12.9043 5.60184 12.704 5.77046C12.5143 5.93909 12.2719 6.02341 11.9768 6.02341C11.6501 6.02341 11.4077 5.92328 11.2496 5.72304C11.0915 5.51225 11.0125 5.26985 11.0125 4.99583C11.0125 4.71127 11.081 4.47941 11.218 4.30024C11.3655 4.12107 11.5553 3.95245 11.7871 3.79436C12.0401 3.62573 12.3615 3.48345 12.7515 3.36752C13.1519 3.25159 13.5946 3.19362 14.0794 3.19362C14.5326 3.19362 14.9225 3.24632 15.2493 3.35171C15.5865 3.44656 15.8658 3.60465 16.0871 3.82597C16.3506 4.06838 16.5245 4.37402 16.6088 4.74289C16.6931 5.10122 16.7353 5.5386 16.7353 6.05502V10.4183C16.7353 10.6818 16.7669 10.8715 16.8301 10.9874C16.9039 11.0928 17.0198 11.1455 17.1779 11.1455C17.2833 11.1455 17.3835 11.1191 17.4783 11.0664C17.5837 11.0137 17.7049 10.9347 17.8419 10.8293L18 11.0981C17.7787 11.2772 17.5521 11.4195 17.3202 11.5249C17.0989 11.6303 16.8143 11.683 16.4665 11.683C16.1293 11.683 15.8553 11.6303 15.6445 11.5249C15.4337 11.4195 15.2756 11.2667 15.1702 11.0664C15.0754 10.8662 15.0279 10.6185 15.0279 10.3234C14.7539 10.7661 14.4272 11.1033 14.0478 11.3352C13.6684 11.567 13.2257 11.683 12.7198 11.683ZM13.4787 10.9242C13.7738 10.9242 14.0478 10.8398 14.3007 10.6712C14.5642 10.5026 14.8066 10.2496 15.0279 9.91239V6.76642C14.912 6.93505 14.7434 7.0826 14.522 7.20907C14.3007 7.325 14.0636 7.4462 13.8106 7.57268C13.5577 7.69915 13.3153 7.8467 13.0834 8.01532C12.8621 8.17341 12.6777 8.37893 12.5301 8.63187C12.3826 8.88481 12.3088 9.20626 12.3088 9.59621C12.3088 10.0072 12.4142 10.334 12.625 10.5764C12.8358 10.8082 13.1203 10.9242 13.4787 10.9242Z"
      fill="currentColor"
    />
  </svg>
)
export const Monospace = (props: Props) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="18"
    height="12"
    viewBox="0 0 18 12"
    fill="none"
    {...props}
  >
    <path
      d="M0 11.3654L3.60467 0.43457H5.54051L9.14518 11.3654H7.37622L5.60726 5.40768C5.42925 4.8069 5.25125 4.20612 5.07324 3.60534C4.90635 2.99344 4.73947 2.38154 4.57259 1.76963H4.50584C4.35008 2.38154 4.1832 2.99344 4.00519 3.60534C3.8383 4.20612 3.66586 4.8069 3.48785 5.40768L1.7022 11.3654H0ZM2.01928 8.228V6.90962H7.09252V8.228H2.01928Z"
      fill="currentColor"
    />
    <path
      d="M13.3441 11.5657C12.8212 11.5657 12.3484 11.4711 11.9256 11.282C11.514 11.0817 11.1858 10.8091 10.941 10.4642C10.7074 10.1082 10.5905 9.691 10.5905 9.21261C10.5905 8.30031 11.0356 7.60497 11.9256 7.12657C12.8268 6.64817 14.3009 6.3311 16.348 6.17534C16.3369 5.84157 16.259 5.53562 16.1144 5.25748C15.9809 4.97935 15.7639 4.7624 15.4635 4.60664C15.1743 4.43976 14.7904 4.35632 14.312 4.35632C13.9783 4.35632 13.6501 4.40082 13.3274 4.48982C13.0048 4.5677 12.6933 4.67896 12.3929 4.82359C12.0925 4.96822 11.8088 5.11841 11.5418 5.27417L10.9243 4.15606C11.2247 3.97805 11.5696 3.80004 11.959 3.62203C12.3484 3.4329 12.7656 3.2827 13.2106 3.17145C13.6667 3.06019 14.1285 3.00457 14.5957 3.00457C15.3523 3.00457 15.9809 3.14363 16.4815 3.42177C16.9822 3.69991 17.3604 4.09487 17.6163 4.60664C17.8722 5.11841 18.0001 5.73588 18.0001 6.45904V11.3654H16.6484L16.5149 10.314H16.4648C16.0309 10.6478 15.5414 10.9426 14.9962 11.1985C14.4511 11.4433 13.9004 11.5657 13.3441 11.5657ZM13.8114 10.2473C14.2453 10.2473 14.6736 10.1527 15.0964 9.96358C15.5191 9.77445 15.9364 9.50743 16.348 9.16254V7.2267C15.2799 7.30458 14.44 7.42696 13.8281 7.59384C13.2273 7.76073 12.8045 7.97211 12.5598 8.228C12.315 8.47276 12.1926 8.76202 12.1926 9.09579C12.1926 9.3628 12.2649 9.58531 12.4096 9.76332C12.5653 9.9302 12.7656 10.0526 13.0103 10.1305C13.2551 10.2083 13.5221 10.2473 13.8114 10.2473Z"
      fill="currentColor"
    />
  </svg>
)