WritingIcon.tsx

import * as React from 'react';
import { SVGProps } from 'react';
import type { IconProps } from '@assets/iconProps';

const WritingIcon = (props: IconProps) => (
  <svg
    viewBox="0 0 20 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <mask id="writing_icon_svg__a" fill="#fff">
      <path d="M5.707 17.5H1.99a.62.62 0 0 1-.62-.62v-3.46a.62.62 0 0 1 .182-.438L12.685 1.848a.62.62 0 0 1 .876 0l3.46 3.46a.62.62 0 0 1 0 .876L5.707 17.5Z" />
    </mask>
    <path
      d="M5.707 17.5v1.25c.331 0 .65-.132.884-.366l-.884-.884ZM1.37 13.42h1.25-1.25Zm.181-.438.884.884-.884-.883ZM12.685 1.848l-.884-.884.884.884Zm.438-.181v1.25-1.25Zm.438.181.884-.884-.884.884Zm3.46 3.46.884-.884-.884.884Zm.181.438h-1.25 1.25Zm-.18.438-.885-.884.884.884ZM5.706 16.25H1.99v2.5h3.717v-2.5Zm-3.717 0a.63.63 0 0 1 .446.185L.668 18.203c.35.35.826.547 1.322.547v-2.5Zm.446.185a.63.63 0 0 1 .185.446H.12c0 .495.197.97.547 1.322l1.768-1.768Zm.185.446v-3.46H.12v3.46h2.5Zm0-3.46a.63.63 0 0 1-.048.24l-2.31-.956a1.87 1.87 0 0 0-.142.716h2.5Zm-.048.24a.63.63 0 0 1-.137.205L.668 12.1a1.87 1.87 0 0 0-.405.606l2.31.957Zm-.137.205L13.57 2.732 11.8.964.668 12.1l1.768 1.767ZM13.57 2.732a.63.63 0 0 1-.446.185v-2.5a1.87 1.87 0 0 0-1.322.547l1.768 1.768Zm-.446.185a.63.63 0 0 1-.446-.185L14.445.964a1.87 1.87 0 0 0-1.322-.547v2.5Zm-.446-.185 3.46 3.46 1.768-1.768-3.46-3.46-1.768 1.768Zm3.46 3.46a.63.63 0 0 1-.184-.446h2.5a1.87 1.87 0 0 0-.548-1.322l-1.768 1.768Zm-.184-.446a.63.63 0 0 1 .184-.446l1.768 1.768c.35-.35.547-.826.547-1.322h-2.5Zm.184-.446L4.823 16.616l1.768 1.768L17.905 7.068 16.137 5.3Z"
      fill="#fff"
      mask="url(#writing_icon_svg__a)"
    />
    <path
      d="m10.833 5 2.5 2.5"
      stroke="#fff"
      strokeWidth={1.25}
      strokeLinecap="square"
      strokeLinejoin="round"
    />
    <path fill="#fff" d="M9.167 15.833h9.167V17.5H9.167z" />
  </svg>
);

export default WritingIcon;