@gravityforms/components/react/admin/elements/Svgs/EmailitLogo/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 EmailitLogo
 * @description The Emailit logo.
 *
 * @since 2.3.1
 *
 * @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 EmailitLogo from '@gravityforms/components/react/admin/elements/Svgs/EmailitLogo';
 *
 * return (
 *    <EmailitLogo height={ 44 } width={ 44 } />
 * );
 *
 */
const EmailitLogo = 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" rx="46" fill="#F1F1F1" />
			<path d="M28.9257 66.5062C32.4448 66.753 38.0295 67.0089 45.9999 66.9998C53.9702 66.9998 59.5641 66.7347 63.074 66.4879C66.593 66.2411 69.3808 63.5813 69.7007 60.0348C69.9658 56.982 70.2308 52.3753 70.2217 45.9953C70.2217 45.5931 70.2217 45.191 70.2217 44.8071C67.3516 46.1324 64.4542 47.3938 61.5293 48.582C58.8329 49.6697 55.908 50.7666 53.2024 51.5892C50.5426 52.4027 47.9559 53.0059 45.9999 53.0059C44.0438 53.0059 41.448 52.4027 38.7973 51.5892C36.0918 50.7666 33.1669 49.6697 30.4705 48.582C27.5456 47.4029 24.6389 46.1416 21.778 44.8162C21.778 45.2092 21.778 45.6023 21.778 46.0136C21.778 52.3935 22.0431 57.0002 22.3082 60.0531C22.6189 63.6087 25.4159 66.2594 28.9349 66.5062H28.9257Z" fill="#15C182" />
			<path d="M21.8146 41.2789C21.906 37.2846 22.0979 34.2043 22.2899 31.9649C22.6006 28.4093 25.3976 25.7586 28.9166 25.5119C32.4356 25.2651 38.0204 25.0091 45.9907 25C53.9611 25 59.5549 25.2559 63.0648 25.4936C66.5839 25.7404 69.3808 28.3911 69.6916 31.9466C69.8926 34.186 70.0846 37.2572 70.176 41.2606C70.1394 41.2789 70.1029 41.288 70.0663 41.3063L70.0206 41.3246L69.8744 41.3977C68.9786 41.8182 68.092 42.2295 67.1871 42.6317C64.9203 43.6554 62.6352 44.6334 60.3227 45.5749C57.672 46.6443 54.8385 47.7046 52.261 48.4906C49.6377 49.295 47.444 49.7703 45.9999 49.7703C44.5557 49.7703 42.362 49.295 39.7387 48.4998C37.1612 47.7137 34.3277 46.6534 31.677 45.584C28.4596 44.2861 25.2696 42.8876 22.1253 41.416L21.9791 41.3429L21.9334 41.3246C21.9334 41.3246 21.8603 41.288 21.8237 41.2789H21.8146Z" fill="#007B5E" />
		</svg>
	);
} );

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

EmailitLogo.displayName = 'Svgs/EmailitLogo';

export default EmailitLogo;