@gravityforms/components/react/admin/elements/Svgs/SendLayerLogo/index.js

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

import { React, PropTypes } from '@gravityforms/libraries';

const { forwardRef } = React;

/**
 * @module SendLayerLogo
 * @description The SendLayer logo.
 *
 * @since 6.7.0
 *
 * @param {object}      props        Component props.
 * @param {number}      props.height The height of the logo.
 * @param {string}      props.title  The title of the logo.
 * @param {number}      props.width  The width of the logo.
 * @param {object|null} ref          Ref to the component.
 *
 * @return {JSX.Element} The svg component.
 * @example
 * import SendLayerLogo from '@gravityforms/components/react/admin/elements/Svgs/SendLayerLogo';
 *
 * return (
 *    <SendLayerLogo height={ 44 } width={ 44 } />
 * );
 *
 */
const SendLayerLogo = forwardRef( ( {
	height = 44,
	title = '',
	width = 44,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 92 92" fill="none" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<rect fill="#211fa6" height="92" rx="46" width="92" />
			<path d="m832 2069c-26-13-55-39-70-62l-27-41-3-850c-2-615 0-862 8-890 25-83 95-136 181-136 37 0 72 15 221 98 98 54 187 107 199 118 12 10 30 37 40 59 17 38 19 81 19 725 0 645-2 687-19 725-26 57-46 71-241 179-195 107-227 115-308 75zm-374-284c-15-9-32-24-38-35-6-12-10-242-10-662 0-711-3-675 64-698 28-9 40-8 65 5 17 8 35 24 41 34 6 13 10 241 10 665v645l-22 25c-29 32-74 41-110 21zm-335-259-28-24v-412-412l28-24c50-43 118-28 143 31 21 50 21 760 0 810-25 59-93 74-143 31z" fill="#fff" transform="matrix(.026131 0 0 -.026131 26.663 74.61389)" />
		</svg>
	);
} );

SendLayerLogo.propTypes = {
	height: PropTypes.number,
	title: PropTypes.string,
	width: PropTypes.number,
};

SendLayerLogo.displayName = 'Svgs/SendLayerLogo';

export default SendLayerLogo;