board.tsx

TLDR

This file exports a React component that renders a board icon as an SVG.

Classes

BoardIcon

This class exports a stateless functional component that renders a board icon as an SVG. The SVG element has a width and height of 24, a viewbox of (0, 0, 24, 24), and is filled with the current color. The SVG element contains a group element with opacity set to 0.8. Inside the group element, there is a path element that defines the shape of the board icon.

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

import React from 'react'

import './board.scss'

export default function BoardIcon(): JSX.Element {
    return (
        <svg
            width='24'
            height='24'
            viewBox='0 0 24 24'
            fill='currentColor'
            xmlns='http://www.w3.org/2000/svg'
            className='BoardIcon Icon'
        >
            <g opacity='0.8'>
                <path
                    fillRule='evenodd'
                    clipRule='evenodd'
                    d='M4 4H20V20H4V4ZM2 4C2 2.89543 2.89543 2 4 2H20C21.1046 2 22 2.89543 22 4V20C22 21.1046 21.1046 22 20 22H4C2.89543 22 2 21.1046 2 20V4ZM8 6H6V12H8V6ZM11 6H13V16H11V6ZM18 6H16V9H18V6Z'
                    fill='currentColor'
                />
            </g>
        </svg>
    )
}