hamburger.tsx

TLDR

This file exports a React component that renders a hamburger icon.

Classes

HamburgerIcon

This class exports a function component that renders a hamburger icon. It uses an SVG element and draws three lines to represent the hamburger shape.

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

import React from 'react'

import './hamburger.scss'

export default function HamburgerIcon(): JSX.Element {
    return (
        <svg
            xmlns='http://www.w3.org/2000/svg'
            className='HamburgerIcon Icon'
            viewBox='0 0 100 100'
        >
            <polyline points='20,25 80,25'/>
            <polyline points='20,50 80,50'/>
            <polyline points='20,75 80,75'/>
        </svg>
    )
}