@gravityforms/components/react/admin/elements/Svgs/SMTP2GOLogo/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 SMTP2GOLogo
 * @description The SMTP2GO 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 SMTP2GOLogo from '@gravityforms/components/react/admin/elements/Svgs/SMTP2GOLogo';
 *
 * return (
 *    <SMTP2GOLogo height={ 44 } width={ 44 } />
 * );
 *
 */
const SMTP2GOLogo = 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="#2B2B2B" />
			<path d="M51.54 62.046a1.507 1.507 0 0 1-1.288-2.29c.098-.16 9.694-16.16 4.741-24.134-1.033-1.664-2.194-2.54-3.448-2.603-2.434-.11-5.096 2.614-5.915 3.677a1.507 1.507 0 0 1-2.389-1.838c.16-.206 3.929-5.07 8.455-4.85 2.3.114 4.271 1.468 5.858 4.023 3.709 5.97 1.098 14.873-1.483 20.876 2.684-1.86 5.999-3.691 9.161-4.183a1.507 1.507 0 1 1 .465 2.979c-5.899.917-13.03 7.842-13.1 7.913-.283.275-.661.43-1.056.429Z" fill="#7CB1F4" />
			<path d="M14.417 49.355c0 .806-.212 1.521-.635 2.154-.423.632-1.034 1.12-1.83 1.464-.797.344-1.723.52-2.804.52-.896 0-1.637-.06-2.253-.172-.617-.112-1.239-.334-1.895-.636v-3.126c.692.344 1.412.602 2.153.804.74.202 1.435.29 2.06.29.54 0 .935-.091 1.186-.271.252-.18.377-.413.377-.689a.749.749 0 0 0-.151-.466c-.101-.133-.264-.269-.487-.405-.223-.136-.82-.413-1.789-.835-.876-.385-1.533-.758-1.98-1.12a3.352 3.352 0 0 1-.975-1.243c-.212-.469-.317-1.022-.317-1.662 0-1.206.45-2.13 1.352-2.8.901-.67 2.139-1.004 3.714-1.004 1.392 0 2.811.31 4.257.933l-1.112 2.71c-1.258-.557-2.343-.836-3.256-.836-.472 0-.815.08-1.03.24-.214.159-.322.359-.322.602 0 .255.136.483.41.684.272.202 1.012.569 2.22 1.103 1.158.502 1.963 1.043 2.413 1.62.45.577.676 1.306.676 2.183l.018-.042Zm7.558 3.945-2.75-9.355h-.083l.194 3.714v5.64h-3.218V40.314h4.836l2.804 9.22h.073l2.756-9.22h4.846V53.3h-3.346v-5.695l.014-.986.124-2.656h-.083L25.429 53.3h-3.454Zm17.526 0h-3.632V43.18h-3.283v-2.87h10.188v2.87h-3.273V53.3Zm14.575-8.866c0 1.45-.444 2.571-1.329 3.362-.884.79-2.153 1.186-3.775 1.186h-1.021v4.308h-3.632V40.303h4.653c1.696 0 2.97.358 3.823 1.075.853.716 1.28 1.735 1.28 3.057l.001-.002Zm-5.462 1.688c.545 0 .98-.149 1.292-.445.313-.296.482-.704.482-1.226 0-.877-.503-1.315-1.507-1.315h-.947v2.985h.68Zm17.892-.427h5.801v7c-1.574.52-3.307.781-5.193.781-2.072 0-3.674-.58-4.804-1.74-1.13-1.158-1.696-2.816-1.696-4.965 0-2.097.62-3.73 1.856-4.895 1.237-1.166 2.974-1.75 5.205-1.75.803 0 1.605.078 2.394.232a9.77 9.77 0 0 1 1.964.586l-1.15 2.754c-.968-.462-2.032-.693-3.19-.693-1.06 0-1.881.333-2.459.999-.578.666-.868 1.619-.868 2.856 0 1.205.26 2.139.785 2.776s1.28.954 2.265.954c.54 0 1.037-.05 1.49-.15v-2.034h-2.4v-2.71Zm20.368 1.094c0 2.186-.554 3.846-1.664 4.984-1.11 1.137-2.733 1.705-4.873 1.705-2.11 0-3.725-.57-4.85-1.722-1.126-1.152-1.689-2.808-1.689-4.993 0-2.153.56-3.813 1.68-4.952 1.12-1.14 2.745-1.71 4.878-1.71 2.139 0 3.759.566 4.862 1.696 1.103 1.131 1.647 2.809 1.647 4.991l.01.001Zm-9.25 0c0 2.511.905 3.767 2.713 3.767.918 0 1.602-.305 2.046-.915.443-.61.666-1.56.666-2.842 0-1.297-.226-2.254-.675-2.874-.448-.619-1.124-.947-2.02-.947-1.82 0-2.73 1.266-2.73 3.801v.01Z" fill="#fff" />
		</svg>
	);
} );

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

SMTP2GOLogo.displayName = 'Svgs/SMTP2GOLogo';

export default SMTP2GOLogo;