@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
63 lines (57 loc) • 5.81 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module EmailitFullLogo
* @description The Emailit 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 EmailitFullLogo from '@gravityforms/components/react/admin/elements/Svgs/EmailitFullLogo';
*
* return (
* <EmailitFullLogo height={ 44 } width={ 44 } />
* );
*
*/
const EmailitFullLogo = forwardRef( ( {
height = 23,
title = '',
width = 126,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 126 23" fill="none" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<g clipPath="url(#emailit-full-logo-clip-path)">
<path d="M29.8404 14.6817C29.8404 9.86449 33.2095 6.36338 37.9969 6.35912C43.0398 6.35912 46.1874 10.7249 45.4506 16.215H34.6278C34.9515 18.1147 36.5871 18.9793 38.1289 18.9793C39.543 18.9793 40.7611 18.2084 41.4043 17.02L45.293 19.1369C43.8789 21.5476 41.1828 22.9617 38.1332 22.9617C33.3159 22.9617 29.8447 19.4947 29.8447 14.6774L29.8404 14.6817ZM41.0508 12.3987C40.7313 11.0826 39.5728 10.2776 38.0948 10.2819C36.5871 10.2819 35.2369 11.0528 34.9174 12.403H41.0508V12.3987Z" fill="black" />
<path d="M47.9891 6.67856H52.193L52.2271 7.54745C53.0619 6.96819 54.1863 6.35912 55.7282 6.35912C57.5895 6.35912 59.1952 7.06615 60.3537 8.2843C61.4782 7.19393 62.9221 6.35486 64.8813 6.35486C68.8978 6.35486 71.628 9.40449 71.628 13.8043V22.638H67.3602V14.0641C67.3602 11.8152 66.3295 10.465 64.498 10.4693C63.5354 10.4693 62.7943 10.9506 62.3769 11.7854C62.4408 12.5563 62.4748 13.3613 62.4748 14.1621V22.6423H58.173V14.0684C58.173 11.8195 57.1422 10.4693 55.3406 10.4736C53.4793 10.4736 52.2909 11.9217 52.2909 13.9108V22.6465H47.9891V6.67856Z" fill="black" />
<path d="M74.0643 17.5567C74.0643 14.1834 76.8243 12.0623 81.0324 11.8706C81.7693 11.8365 82.5402 11.9004 83.2174 12.0324L83.1834 11.7769C83.0556 11.0699 82.3784 10.4608 81.2539 10.3628C79.9037 10.235 78.0424 10.8143 76.0832 11.9387L74.6052 8.08412C76.9478 6.76801 79.005 6.34634 81.1261 6.34634C85.2065 6.34634 88.0006 8.91467 88.0006 13.2165V22.6252H83.7967V21.8543C82.8341 22.4634 81.6458 22.9489 80.1678 22.9489C76.6369 22.9489 74.0643 20.8321 74.0643 17.5567ZM83.5071 16.8454L83.571 15.9126C82.8639 15.7508 82.1271 15.6869 81.2923 15.721C79.431 15.8487 78.4002 16.6537 78.4002 17.5524C78.4002 18.3873 79.1413 19.1241 80.3935 19.1241C81.8076 19.09 83.2515 18.2254 83.5071 16.8412V16.8454Z" fill="black" />
<path d="M90.1174 2.61523C90.1174 1.23523 91.1439 0.140598 92.558 0.140598C93.938 0.140598 95.0326 1.23097 95.0326 2.61097C95.0326 4.02504 93.9423 5.0856 92.5623 5.0856C91.1482 5.0856 90.1217 4.02504 90.1217 2.61523H90.1174ZM90.2537 22.6252V6.66152H94.5854V22.6252H90.2537Z" fill="black" />
<path d="M106.247 21.7223C102.137 24.4524 97.5115 22.1737 97.5072 17.1649L97.4689 0.140598H101.741L101.779 16.8412C101.779 18.7024 103.002 19.0262 104.671 18.0934L106.247 21.7223Z" fill="black" />
<path d="M108.006 2.61097C108.006 1.23097 109.033 0.136339 110.447 0.136339C111.827 0.136339 112.922 1.22671 112.922 2.60671C112.922 4.02078 111.831 5.08134 110.451 5.08134C109.037 5.08134 108.011 4.02078 108.011 2.61097H108.006ZM108.143 22.621V6.65726H112.474V22.621H108.143Z" fill="black" />
<path d="M125.29 21.2324C120.571 24.478 115.077 22.7786 115.077 17.348L115.038 0.13208H119.34V6.64875H122.905V10.7589H119.34L119.374 16.7645C119.374 18.8515 121.304 19.1071 123.229 17.7569L125.286 21.2239L125.29 21.2324Z" fill="black" />
<path d="M3.33501 22.4975C4.97483 22.6125 7.57724 22.7317 11.2913 22.7275C15.0054 22.7275 17.612 22.6039 19.2476 22.4889C20.8874 22.3739 22.1865 21.1345 22.3356 19.4819C22.4591 18.0593 22.5826 15.9127 22.5783 12.9397C22.5783 12.7523 22.5783 12.5649 22.5783 12.386C21.2409 13.0036 19.8908 13.5914 18.5278 14.1451C17.2713 14.6519 15.9083 15.163 14.6476 15.5464C13.4082 15.9254 12.2028 16.2065 11.2913 16.2065C10.3798 16.2065 9.1702 15.9254 7.93501 15.5464C6.67427 15.163 5.31131 14.6519 4.05483 14.1451C2.69187 13.5956 1.33742 13.0078 0.00427246 12.3902C0.00427246 12.5734 0.00427246 12.7565 0.00427246 12.9482C0.00427246 15.9212 0.127791 18.0678 0.251309 19.4904C0.396124 21.1473 1.69946 22.3825 3.33927 22.4975H3.33501Z" fill="#15C182" />
<path d="M0.0213013 10.742C0.0638939 8.8807 0.153338 7.44532 0.242783 6.40181C0.387598 4.74495 1.69093 3.50977 3.33075 3.39477C4.97056 3.27977 7.57297 3.16051 11.287 3.15625C15.0011 3.15625 17.6078 3.27551 19.2433 3.38625C20.8832 3.50125 22.1865 4.73644 22.3313 6.39329C22.425 7.43681 22.5144 8.86792 22.557 10.7335C22.54 10.742 22.523 10.7463 22.5059 10.7548L22.4846 10.7633L22.4165 10.7974C21.9991 10.9933 21.5859 11.185 21.1643 11.3724C20.108 11.8494 19.0432 12.3051 17.9656 12.7438C16.7304 13.2422 15.41 13.7363 14.2089 14.1025C12.9865 14.4774 11.9643 14.6988 11.2913 14.6988C10.6183 14.6988 9.59612 14.4774 8.37371 14.1068C7.1726 13.7405 5.85223 13.2464 4.61704 12.7481C3.11778 12.1433 1.6313 11.4916 0.166116 10.8059L0.0979679 10.7718L0.0766716 10.7633C0.0766716 10.7633 0.0425976 10.7463 0.0255605 10.742H0.0213013Z" fill="#007B5E" />
</g>
<defs>
<clipPath id="emailit-full-logo-clip-path">
<rect width="125.648" height="23" fill="white" />
</clipPath>
</defs>
</svg>
);
} );
EmailitFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
EmailitFullLogo.displayName = 'Svgs/EmailitFullLogo';
export default EmailitFullLogo;