@gravityforms/components/react/admin/elements/Svgs/SMTP2GOFullLogo/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 SMTP2GOFullLogo
 * @description The SMTP2GO full 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 SMTP2GOFullLogo from '@gravityforms/components/react/admin/elements/Svgs/SMTP2GOFullLogo';
 *
 * return (
 *    <SMTP2GOFullLogo height={ 95 } width={ 38 } />
 * );
 *
 */
const SMTP2GOFullLogo = forwardRef( ( {
	height = 38,
	title = '',
	width = 95,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 95 38" fill="none" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<path d="M54.002 37.183a1.749 1.749 0 0 1-1.495-2.656c.113-.187 11.248-18.75 5.501-28.003-1.199-1.932-2.546-2.948-4.001-3.021-2.824-.127-5.913 3.033-6.863 4.267a1.749 1.749 0 0 1-2.772-2.133c.185-.24 4.559-5.883 9.81-5.629 2.668.133 4.956 1.704 6.797 4.669 4.304 6.928 1.274 17.258-1.72 24.223 3.114-2.159 6.96-4.283 10.63-4.854a1.749 1.749 0 1 1 .54 3.457c-6.846 1.064-15.12 9.1-15.202 9.181-.327.32-.767.499-1.224.498l-.001.001Z" fill="#7CB1F4" />
			<path d="M10.926 22.458c0 .936-.245 1.765-.736 2.499-.49.733-1.2 1.299-2.124 1.698-.924.4-1.998.604-3.253.604-1.04 0-1.899-.07-2.615-.2-.715-.13-1.437-.387-2.198-.737v-3.628c.803.4 1.639.7 2.498.934.86.233 1.665.335 2.39.335.626 0 1.085-.105 1.377-.314.291-.208.437-.48.437-.799a.87.87 0 0 0-.176-.54c-.117-.155-.305-.312-.564-.47-.259-.158-.952-.48-2.076-.97-1.017-.446-1.778-.879-2.298-1.299a3.89 3.89 0 0 1-1.131-1.443C.21 17.585.089 16.943.089 16.2c0-1.4.523-2.47 1.569-3.248 1.046-.777 2.482-1.165 4.31-1.165 1.615 0 3.261.36 4.94 1.082l-1.292 3.144c-1.459-.646-2.718-.97-3.777-.97-.548 0-.946.094-1.195.278-.25.185-.374.417-.374.7 0 .295.158.56.475.793.316.234 1.175.66 2.576 1.28 1.344.583 2.278 1.21 2.8 1.88.524.67.785 1.515.785 2.532l.02-.048Zm8.77 4.577-3.19-10.854h-.097l.225 4.309v6.545H12.9v-15.07h5.612l3.254 10.7h.085l3.197-10.7h5.622v15.07h-3.882v-6.607l.016-1.144.144-3.082h-.096l-3.148 10.832-4.008.001Zm20.336 0h-4.214V15.293h-3.81v-3.33H43.83v3.33h-3.797l-.001 11.742Zm16.912-10.288c0 1.684-.516 2.984-1.542 3.902-1.026.917-2.498 1.376-4.38 1.376h-1.185v5h-4.214v-15.07h5.398c1.969 0 3.448.415 4.437 1.247.99.831 1.485 2.014 1.485 3.547v-.002Zm-6.338 1.959c.633 0 1.136-.172 1.5-.516.362-.343.559-.817.559-1.423 0-1.017-.584-1.524-1.749-1.524h-1.1v3.463h.79Zm20.76-.495h6.732v8.123c-1.827.603-3.837.906-6.026.906-2.404 0-4.263-.673-5.574-2.019-1.311-1.345-1.969-3.267-1.969-5.762 0-2.433.72-4.326 2.155-5.68 1.435-1.353 3.45-2.03 6.039-2.03.932 0 1.862.09 2.778.27.88.17 1.632.405 2.278.68l-1.333 3.195c-1.124-.537-2.358-.804-3.702-.804-1.23 0-2.183.386-2.853 1.159-.67.772-1.008 1.878-1.008 3.313 0 1.4.303 2.483.912 3.222.608.74 1.485 1.107 2.628 1.107.626 0 1.202-.058 1.729-.174v-2.36h-2.785V18.21ZM95 19.481c0 2.536-.642 4.462-1.93 5.782-1.289 1.32-3.172 1.979-5.655 1.979-2.448 0-4.323-.663-5.629-1.999-1.306-1.336-1.958-3.257-1.958-5.792 0-2.499.65-4.424 1.948-5.747 1.3-1.322 3.186-1.984 5.66-1.984 2.483 0 4.362.656 5.642 1.968 1.28 1.313 1.912 3.26 1.912 5.792H95Zm-10.732 0c0 2.913 1.049 4.37 3.147 4.37 1.066 0 1.859-.353 2.374-1.06.514-.708.772-1.812.772-3.299 0-1.505-.262-2.616-.782-3.334-.52-.719-1.304-1.1-2.344-1.1-2.112 0-3.167 1.47-3.167 4.412v.01Z" fill="#222A35" />
		</svg>
	);
} );

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

SMTP2GOFullLogo.displayName = 'Svgs/SMTP2GOFullLogo';

export default SMTP2GOFullLogo;