@gravityforms/components/react/admin/elements/Svgs/ElasticEmailLogo/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 ElasticEmailLogo
 * @description The Elastic Email logo.
 *
 * @since 5.4.2
 *
 * @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 ElasticEmailLogo from '@gravityforms/components/react/admin/elements/Svgs/ElasticEmailLogo';
 *
 * return (
 *    <ElasticEmailLogo height={ 44 } width={ 44 } />
 * );
 *
 */
const ElasticEmailLogo = 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 width="92" height="92" fill="#5456FF" rx="46" />
			<path fill="#fff" d="M72.558 40.642a11.935 11.935 0 0 0-7.853-4.618 7.85 7.85 0 0 0-1.147-.102c-.387 0-.784-.035-1.06-.024h-3.55c-.357 0-.699.143-.95.398a1.37 1.37 0 0 0-.394.962v2.203c0 .36.142.706.394.962.251.255.593.398.95.398h3.55a7.2 7.2 0 0 1 .77.031c.227.013.452.046.673.098a6.903 6.903 0 0 1 4.362 2.895 7.356 7.356 0 0 1 1.195 5.042 7.206 7.206 0 0 1-2.466 4.58 6.38 6.38 0 0 1-2.352 1.28 9.167 9.167 0 0 1-2.987.301l-7.332.028c-4.887.021-9.777.042-14.664 0l-7.332-.028H29.153l-.345-.02a6.8 6.8 0 0 1-2.598-.7 7.018 7.018 0 0 1-3.37-3.997 7.425 7.425 0 0 1 .156-5.174 6.89 6.89 0 0 1 3.625-3.773 6.712 6.712 0 0 1 2.68-.546h3.665c3.92 0 7.453-.035 11.214 0l-4.39 4.916a1.111 1.111 0 0 0 .11 1.588l1.43 1.206a1.127 1.127 0 0 0 1.6-.15l7.014-8.563a2.258 2.258 0 0 0 0-2.857l-7.015-8.563a1.127 1.127 0 0 0-1.599-.15L39.9 29.47a1.098 1.098 0 0 0-.387.768 1.115 1.115 0 0 0 .277.816l4.39 4.916c-3.765.025-7.298 0-11.214 0h-3.665a12.501 12.501 0 0 0-4.489.783 12.162 12.162 0 0 0-6.72 6.228 12.076 12.076 0 0 0-.305 9.311 12.08 12.08 0 0 0 6.31 6.643c1.408.641 2.926.998 4.47 1.05l.573.024h3.21l7.333-.028c4.887-.035 9.777 0 14.664 0l7.332.028c1.438.073 2.88-.058 4.283-.388a12.366 12.366 0 0 0 4.171-2 11.889 11.889 0 0 0 3.16-3.483 12.048 12.048 0 0 0 1.575-4.451 12.055 12.055 0 0 0-.243-4.761 11.987 11.987 0 0 0-2.067-4.285Z" />
		</svg>
	);
} );

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

ElasticEmailLogo.displayName = 'Svgs/ElasticEmailLogo';

export default ElasticEmailLogo;