@gravityforms/components/react/admin/elements/Svgs/GravityFormsStackedLogo/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 GravityFormsStackedLogo
 * @description The GravityFormsStacked 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 GravityFormsStackedLogo from '@gravityforms/components/react/admin/elements/Svgs/GravityFormsStackedLogo';
 *
 * return (
 *    <GravityFormsStackedLogo height={ 70 } width={ 91 } />
 * );
 *
 */
const GravityFormsStackedLogo = forwardRef( ( {
	height = 70,
	title = '',
	width = 91,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } fill="none" viewBox="0 0 91 70" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<g clipPath="url(#a)">
				<path fill="#414141" d="M7.395 41.49c2.689 0 5.378 1.287 6.136 4.412h-2.827c-.666-1.31-1.77-1.815-3.31-1.815-2.527 0-3.952 1.884-3.952 4.297 0 2.552 1.54 4.275 3.953 4.275 1.861 0 3.217-.551 3.792-2.574h-3.7v-2.413h6.343c.069 1.287.046 2.528-.414 3.746-1.034 2.69-3.447 3.838-6.021 3.838C3.81 55.256.5 52.82.5 48.385c0-4.436 3.332-6.895 6.895-6.895ZM28.309 54.636v.39h-3.103l-2.78-4.412h-2.414v4.412h-2.896V41.627c1.931 0 3.839-.023 5.77 0 3.102 0 4.78 2.23 4.78 4.597 0 1.7-.874 3.195-2.414 3.953l3.057 4.459Zm-5.424-6.367c1.218 0 2-.942 2-2.091 0-1.126-.759-2.022-2-2.022H19.99v4.113h2.896ZM34.491 52.843l-1.034 2.23h-3.01v-.391l6.228-13.123h1.333l6.182 13.123v.39h-2.988l-1.057-2.229h-5.654Zm.943-2.413h3.746l-1.885-4.413-1.861 4.413ZM49.959 49.212l1.424-3.287L53.2 41.65h3.08v.414L50.51 55.026h-1.195l-5.814-12.962v-.414h3.08l1.815 4.275 1.517 3.287h.046ZM59.037 55.05V41.626h2.896v13.445h-2.896v-.023ZM64.69 44.133V41.65h11.377v2.483h-4.275v10.916h-2.804V44.133H64.69ZM83.996 47.074l1.333-2.666 1.632-2.758h3.08v.414l-4.643 7.607v5.355h-2.896v-5.355l-4.688-7.584v-.414h3.125l1.678 2.85 1.287 2.574h.092v-.023Z" />
				<path fill="#FF4F00" d="M61.404 25.103c0 1.609-1.126 3.608-2.505 4.436l-10.94 6.412c-1.402.827-3.677.827-5.102.046l-11.032-6.274c-1.401-.805-2.574-2.781-2.574-4.39l-.092-12.686c0-1.61 1.127-3.609 2.506-4.436l10.94-6.412c1.401-.828 3.677-.828 5.101-.046l11.032 6.274c1.402.804 2.574 2.781 2.574 4.39l.092 12.686Z" />
				<path fill="#fff" d="M42.19 15.933h14.48v-4.09H42.236c-2.068 0-3.769.712-5.079 2.114-3.148 3.378-3.24 11.859-3.24 11.859h22.66V18.14H52.51v3.585H38.26c.092-1.333.69-3.723 1.862-4.964.506-.552 1.172-.828 2.069-.828Z" />
				<path fill="#828383" d="M18.289 59.853v3.907h4.734v.988H18.29v4.689H17.23V58.865h6.022v.988h-4.964ZM25.988 64.15c0-3.01 2.413-5.47 5.516-5.47 3.102 0 5.515 2.437 5.515 5.47 0 3.011-2.413 5.47-5.515 5.47-3.103 0-5.516-2.459-5.516-5.47Zm9.974 0c0-2.459-1.93-4.435-4.458-4.435-2.529 0-4.459 1.976-4.459 4.435 0 2.46 1.93 4.436 4.459 4.436 2.55 0 4.458-1.976 4.458-4.436ZM44.466 65.208h-2.988v4.229h-1.057V58.865h4.275c1.77 0 3.194 1.425 3.194 3.171a3.158 3.158 0 0 1-2.298 3.034l2.62 4.367h-1.218l-2.528-4.229Zm-3.01-1.011h3.194c1.172 0 2.137-.989 2.137-2.184 0-1.218-.965-2.183-2.137-2.183h-3.195v4.367ZM60.99 69.437h-1.057v-8.963l-3.746 6.182h-.16l-3.724-6.183v8.964h-1.057V58.865h1.333l3.562 5.883 3.563-5.883h1.332v10.572h-.046ZM64.208 67.023l.92-.528c.39 1.264 1.378 2.091 3.056 2.091 1.609 0 2.528-.781 2.528-1.907 0-1.219-1.057-1.61-2.62-2.138-1.747-.574-3.424-1.034-3.424-2.964 0-1.862 1.516-2.896 3.286-2.896 1.747 0 2.965 1.034 3.517 2.275l-.897.506c-.39-.943-1.218-1.747-2.62-1.747-1.287 0-2.206.666-2.206 1.838 0 1.15.92 1.517 2.367 1.977 1.93.644 3.677 1.172 3.677 3.149 0 1.815-1.47 2.964-3.608 2.964-1.977-.023-3.447-1.01-3.976-2.62Z" />
			</g>
			<defs>
				<clipPath id="a">
					<path fill="#fff" d="M.5.948h90V69.62H.5z" />
				</clipPath>
			</defs>
		</svg>
	);
} );

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

GravityFormsStackedLogo.displayName = 'Svgs/GravityFormsStackedLogo';

export default GravityFormsStackedLogo;