@gravityforms/components/react/admin/elements/Svgs/ResendFullLogo/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 ResendFullLogo
 * @description The Resend 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 ResendFullLogo from '@gravityforms/components/react/admin/elements/Svgs/ResendFullLogo';
 *
 * return (
 *    <ResendFullLogo height={ 44 } width={ 44 } />
 * );
 *
 */
const ResendFullLogo = forwardRef( ( {
	height = 23,
	title = '',
	width = 108,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 108 23" fill="none" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<g clipPath="url(#resend-full-logo-clip-path)">
				<path d="M29.4468 6.3994C34.2805 6.3994 37.7981 9.75825 37.5485 15.8626H25.7773C26.2168 17.5592 27.3913 19.017 29.7421 19.017C31.0582 19.017 32.261 18.6539 33.1688 17.5192H37.231L37.1626 17.8824C36.4592 20.9913 32.9189 22.7161 29.7421 22.7161C24.704 22.7161 21.323 19.312 21.323 14.5692C21.323 9.82611 24.704 6.3994 29.4468 6.3994ZM63.5095 6.3994C68.3659 6.3994 71.8608 9.75825 71.6339 15.8626H59.8596C60.2938 17.5592 61.4597 19.017 63.8275 19.017C65.1436 19.017 66.3465 18.6539 67.2315 17.5192H71.3164L71.248 17.8824C70.5447 20.9913 67.0044 22.7161 63.8275 22.7161C58.7894 22.7161 55.4081 19.312 55.4081 14.5692C55.4081 9.82611 58.7894 6.3994 63.5095 6.3994ZM46.1948 6.30853C49.7802 6.30853 52.9346 7.60221 53.8424 10.7793L53.9333 11.1201H49.4628C48.5095 9.93969 47.2386 9.78068 46.1948 9.78068C45.2188 9.78068 43.6758 10.0306 43.6758 10.9838C43.6758 11.8686 44.6969 12.1636 45.582 12.2769L48.1691 12.5495C52.2764 12.9124 54.092 14.5238 54.092 17.6782C54.092 21.3091 50.4838 22.6706 46.9211 22.6706C43.3581 22.6706 39.6588 21.0822 38.9554 17.8596L38.8876 17.5192H43.4714C44.1066 19.3342 47.0327 19.1988 46.9211 19.1985C48.6455 19.1985 49.7121 18.6766 49.7123 17.8369C49.7123 17.2923 49.5306 16.6568 47.7607 16.43L45.0601 16.1576C41.4971 15.908 39.3413 14.0246 39.3413 11.2107C39.3413 7.76122 42.6093 6.30882 46.1948 6.30882V6.30853ZM107.013 22.262H102.61L102.837 20.0608C102.225 21.3772 100.25 22.6703 97.7767 22.6703C93.692 22.6703 90.3786 19.5389 90.3786 14.5919C90.3786 9.64467 93.6466 6.51298 97.7767 6.51298C100.023 6.51298 101.408 7.23904 102.633 8.48728V0H107.013V22.262ZM13.6526 0C17.9641 0 20.5285 2.56407 20.5285 5.96836C20.5285 9.37236 17.9644 11.9367 13.6523 11.937H11.4738L22.2986 22.2617H14.651L6.41356 14.4332C5.82323 13.8886 5.55092 13.2531 5.55092 12.7085C5.55092 11.937 6.09554 11.2564 7.13934 10.9613L11.383 9.82668C12.9941 9.39536 14.1061 8.14711 14.1064 6.51326C14.1064 4.51652 12.4725 3.35885 10.4528 3.35885H0.0363159V0H13.6526ZM82.2769 6.42211C86.135 6.42211 88.8356 9.23606 88.8356 13.2528V22.2617H84.433V14.0016C84.433 11.7323 83.2302 10.3704 81.0971 10.3704C78.9638 10.3704 77.5795 11.7774 77.5795 14.0013V22.2617H73.268V6.73985H77.6474L77.4435 9.21335C78.079 7.96538 80.053 6.42211 82.2769 6.42211ZM98.8205 10.3707C96.1655 10.3707 94.7583 12.3453 94.7583 14.5919C94.7583 16.9973 96.347 18.8356 98.8205 18.8356C101.203 18.8356 102.746 16.9746 102.746 14.5919C102.746 12.209 101.249 10.3707 98.8205 10.3707ZM29.4468 9.91698C27.3018 9.91698 26.076 11.1982 25.6958 12.9127H33.1205C33.0712 12.698 33.0115 12.4858 32.9417 12.2769C32.397 10.7339 31.1261 9.91698 29.4468 9.91698ZM63.5095 9.91698C61.383 9.91698 60.1609 11.1982 59.7812 12.9127H67.206C67.1566 12.698 67.0969 12.4858 67.0271 12.2769C66.4825 10.7339 65.2115 9.91698 63.5095 9.91698Z" fill="black" />
			</g>
			<defs>
				<clipPath id="resend-full-logo-clip-path">
					<rect width="107.049" height="23" fill="white" />
				</clipPath>
			</defs>
		</svg>
	);
} );

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

ResendFullLogo.displayName = 'Svgs/ResendFullLogo';

export default ResendFullLogo;