image.tsx

TLDR

This file (src/widgets/icons/image.tsx) exports a component called ImageIcon which is a react component rendering an SVG image.

Classes

ImageIcon

The ImageIcon class is a functional component that returns a JSX element representing an image SVG. It uses the SVG syntax to create an image with the class name ImageIcon Icon and adds a path element for the actual image.

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

import React from 'react'

import './image.scss'

export default function ImageIcon(): JSX.Element {
    return (
        <svg
            xmlns='http://www.w3.org/2000/svg'
            className='ImageIcon Icon'
            viewBox='0 0 512 512'
        >
            <path
                d='M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z'
            />
        </svg>
    )
}