main

mattermost/focalboard

Last updated at: 28/12/2023 01:38

text.tsx

TLDR

This file exports a React component called TextIcon, which renders an SVG icon for text.

Classes

TextIcon

This class is a React component that renders an SVG icon for text. It imports the React package and a local stylesheet called text.scss. The SVG path data is hardcoded within the component, and the viewBox of the SVG is set to "0 0 448 512". When this component is rendered, it returns an SVG element with the specified path d attribute.

// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
// See LICENSE.txt for license information.

import React from 'react'

import './text.scss'

export default function TextIcon(): JSX.Element {
    return (
        <svg
            xmlns='http://www.w3.org/2000/svg'
            className='TextIcon Icon'
            viewBox='0 0 448 512'
        >
            <path
                d='M432 416H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm0-128H16A16 16 0 0 0 0 48v32a16 16 0 0 0 16 16h416a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z'
            />
        </svg>
    )
}