@gravityforms/components/react/admin/elements/Svgs/PostmarkFullLogo/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 PostmarkFullLogo
 * @description The PostmarkFullLogo logo.
 *
 * @since 3.6.6
 *
 * @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 PostmarkFullLogo from '@gravityforms/components/react/admin/elements/Svgs/PostmarkFullLogo';
 *
 * return (
 *    <PostmarkFullLogo height={ 18 } width={ 111 } />
 * );
 *
 */
const PostmarkFullLogo = forwardRef( ( {
	height = 18,
	title = '',
	width = 111,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } fill="none" viewBox="0 0 111 18" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<path fill="#000" fillRule="evenodd" d="M20 13.554h1.863v2.02h-5.92v-2.02h1.84V1.914h-1.84V.006H22.2c4.037 0 5.966 1.413 5.966 4.755 0 3.342-1.906 4.845-5.966 4.845H20v3.948Zm0-5.81h1.863c2.624 0 3.925-.695 3.925-2.916s-1.3-2.916-3.925-2.916H20v5.832Zm19.777 2.378c0 3.5-2.288 5.764-5.495 5.764-3.207 0-5.473-2.243-5.473-5.764 0-3.521 2.265-5.764 5.473-5.764 3.208 0 5.495 2.265 5.495 5.764Zm-5.495 3.746c1.996 0 3.297-1.346 3.297-3.768 0-2.4-1.256-3.768-3.297-3.768-2.02 0-3.297 1.368-3.297 3.768 0 2.4 1.323 3.768 3.297 3.768Zm7.27 1.705v-3.7h1.75c.157 1.436 1.234 2.288 2.85 2.288 1.322 0 2.13-.673 2.13-1.503 0-.83-.673-1.19-1.996-1.503l-1.682-.38c-2.108-.493-3.095-1.436-3.095-3.14 0-1.817 1.593-3.275 3.813-3.275 1.144 0 2.13.38 2.915 1.1v-.83h1.682v3.566h-1.681c-.112-1.3-1.21-2.176-2.804-2.176-1.166 0-1.884.56-1.884 1.413 0 .807.606 1.166 1.772 1.413l1.861.38c2.087.45 3.096 1.458 3.096 3.118 0 2.086-1.549 3.544-4.015 3.544-1.166 0-2.198-.36-2.96-1.054v.74l-1.752-.001Zm13.394-3.028c0 1.01.18 1.39.875 1.39.36 0 .717-.112 1.165-.314v1.907a4.411 4.411 0 0 1-1.726.36c-2.02 0-2.288-1.054-2.288-3.006V6.445h-1.437v-1.82h1.437V3.169l1.974-1.637v3.095h2.04v1.817h-2.04v6.102Zm7.03-6.235c1.367-1.12 2.511-1.682 3.767-1.682 1.323 0 2.176.583 2.512 1.75 1.368-1.166 2.58-1.75 3.858-1.75 2.265 0 2.647 1.436 2.647 3.903v5.114h1.593v1.93H72.72V8.33c0-1.323-.45-1.95-1.368-1.95-.964 0-1.907.56-2.938 1.682v5.585h1.593v1.93h-3.634V8.355c0-1.346-.45-1.974-1.39-1.974-.964 0-1.884.56-2.916 1.682v5.585h1.593v1.93h-5.204v-1.93h1.593v-7.2h-1.593V4.626h3.52V6.31Zm22.831 9.263V14.54c-1.1.897-2.198 1.346-3.477 1.346-2.153 0-3.59-1.413-3.59-3.477 0-2.153 1.548-3.59 3.88-3.59.83 0 1.862.27 3.118.785v-.65c0-1.95-.695-2.87-2.3-2.87-1.166 0-1.974.47-2.647 1.413l-1.907-.493c.695-1.682 2.378-2.647 4.7-2.647 3.118 0 4.127 1.503 4.127 4.553v4.733h1.66v1.93l-3.564-.001Zm0-3.05v-.807c-1.01-.606-1.84-.987-2.804-.987-1.278 0-2.108.673-2.108 1.615 0 .852.718 1.525 1.794 1.525.92 0 1.93-.47 3.118-1.346Zm6.332 1.12v-7.2H89.4V4.626h3.86v2.153c.858-1.682 1.994-2.355 3.912-2.355l.934.022v2.108l-.934-.045c-2.776 0-3.81 1.436-3.81 4.24v2.893h2.195v1.93h-6.157v-1.93h1.74Zm9.036-11.82h-1.57V.006h3.544v13.637h1.593v1.93h-5.136v-1.93h1.57l-.001-11.82Zm6.302 4.62h-1.523V4.626h5.33v1.817h-1.357l-4.07 3.23 3.975 3.97h1.668v1.93h-2.642l-5.64-5.742 4.259-3.388Z" clipRule="evenodd" />
			<path fill="#000" fillOpacity=".2" fillRule="evenodd" d="M.501 1.886C2.961.533 6.113-.092 9.955.01 17.518.723 19.7 5.28 27.63 5.096c6.62-.2 9.732-3.2 9.732-3.2v.944S33.94 5.726 27.32 5.926c-7.93.185-9.91-4.38-17.474-5.09C6.005.733 2.889 1.396.5 2.822v-1.01" clipRule="evenodd" />
			<path fill="#000" fillOpacity=".2" d="M.501 5.654c2.46-1.353 5.612-1.978 9.454-1.875 7.563.712 9.746 5.27 17.676 5.085 6.62-.2 9.732-3.2 9.732-3.2v.944S33.94 9.513 27.32 9.713c-7.93.185-9.91-4.38-17.474-5.09C6.004 4.52 2.888 5.183.5 6.609v-1.01" />
			<path fill="#000" fillOpacity=".2" d="M.501 9.43c2.46-1.352 5.612-1.977 9.454-1.874 7.563.712 9.746 5.27 17.676 5.085 6.62-.2 9.732-3.2 9.732-3.2v.944S33.94 13.29 27.32 13.49c-7.93.185-9.91-4.38-17.474-5.09-3.842-.103-6.958.56-9.346 1.986v-1.01" />
			<path fill="#000" fillOpacity=".2" fillRule="evenodd" d="M.501 13.326c2.46-1.353 5.612-1.978 9.454-1.875 7.563.712 9.746 5.27 17.676 5.085 6.62-.2 9.732-3.2 9.732-3.2v.944s-3.422 2.906-10.042 3.106c-7.93.185-9.91-4.38-17.474-5.09-3.842-.103-6.958.56-9.346 1.986v-1.01" clipRule="evenodd" />
		</svg>
	);
} );

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

PostmarkFullLogo.displayName = 'Svgs/PostmarkFullLogo';

export default PostmarkFullLogo;