teableio/teable

import * as React from 'react';
import type { SVGProps } from 'react';
const FileFont = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    fill="none"
    viewBox="0 0 24 24"
    {...props}
  >
    <g clipPath="url(#prefix__a)">
      <path
        fill="#00B2EA"
        fillRule="evenodd"
        d="M2.88 0A2.88 2.88 0 0 0 0 2.88v18.24A2.88 2.88 0 0 0 2.88 24h18.24A2.88 2.88 0 0 0 24 21.12V2.88A2.88 2.88 0 0 0 21.12 0zm10.165 15.555a1.5 1.5 0 0 0-.164-.54l-3.323-6.89a1 1 0 0 0-.227-.301.8.8 0 0 0-.29-.189.8.8 0 0 0-.352-.075.99.99 0 0 0-.881.553l-3.31 6.877q-.165.314-.177.553a.58.58 0 0 0 .126.402q.15.164.478.314.504.24.768.139.277-.088.529-.579l.724-1.52h3.47l.728 1.52q.24.504.516.591.277.1.78-.138.328-.164.466-.327a.53.53 0 0 0 .139-.39m-3.406-2.878-.962-2.012-.958 2.012zm8.405 3.494q.225.164.692.164t.654-.126a.54.54 0 0 0 .24-.364q.05-.226.05-.466v-4.337q0-.251-.05-.477a.54.54 0 0 0-.24-.365q-.188-.138-.642-.138-.477 0-.704.163-.214.15-.202.453l.1.176a1.6 1.6 0 0 0-.34-.34 2 2 0 0 0-.54-.301 2 2 0 0 0-.793-.139 2.5 2.5 0 0 0-1.096.252 3.2 3.2 0 0 0-.931.691 3.3 3.3 0 0 0-.642.993 3.1 3.1 0 0 0-.227 1.17q0 .627.227 1.194.24.565.642 1.018.402.44.919.691.528.252 1.108.252.502 0 .843-.139.34-.15.554-.326.214-.188.29-.315l-.127.214q0 .24.215.402m-.907-1.873a1.1 1.1 0 0 1-.591.164 1.4 1.4 0 0 1-.668-.164 1.4 1.4 0 0 1-.465-.452 1.25 1.25 0 0 1-.164-.629q0-.364.164-.654.176-.288.453-.465.29-.176.654-.176.328 0 .605.176.276.164.44.453.164.276.164.64 0 .354-.164.642-.15.29-.428.465"
        clipRule="evenodd"
      />
    </g>
    <defs>
      <clipPath id="prefix__a">
        <path fill="#fff" d="M0 0h24v24H0z" />
      </clipPath>
    </defs>
  </svg>
);
export default FileFont;