@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
67 lines (61 loc) • 7.95 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module GravityCRMFullLogo
* @description The Gravity CRM Full logo.
*
* @since 5.3.2
*
* @param {object} props Component props.
* @param {number} props.height The height of the logo.
* @param {string} props.logoFill The logo fill color.
* @param {string} props.primaryColor The primary fill color.
* @param {string} props.secondaryColor The secondary fill color.
* @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 GravityCRMFullLogo from '@gravityforms/components/react/admin/elements/Svgs/GravityCRMFullLogo';
*
* return (
* <GravityCRMFullLogo height={ 32 } width={ 315 } />
* );
*
*/
const GravityCRMFullLogo = forwardRef( ( {
height = 34,
logoFill = '#FFCF00',
primaryFill = '#1B2A45',
secondaryFill = '#828383',
title = '',
width = 243,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } fill="none" viewBox="0 0 224 24" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<path fillRule="evenodd" clipRule="evenodd" d="M13.6914 0C14.4447 0 15.0555 0.611365 15.0556 1.36573V5.87454H21.041C21.7943 5.87457 22.4052 6.48638 22.4052 7.24076V19.586C22.4052 20.3405 21.7943 20.9522 21.041 20.9523H20.218L20.1902 23.4308C20.1846 23.921 19.6076 24.1798 19.239 23.8571L15.9225 20.9523H8.71382C7.96054 20.9522 7.34963 20.3405 7.34961 19.586V15.0772H1.36422C0.634485 15.0771 0.0384667 14.5031 0.00195027 13.7813L0 13.711V1.36573C0.000116223 0.611431 0.611023 0.000116437 1.36422 0H13.6914ZM20.0118 23.4288C20.0116 23.4442 20.0096 23.4591 20.0079 23.4738C20.0084 23.4692 20.0099 23.4647 20.0103 23.4601L20.0118 23.4288ZM8.65288 20.7721L8.71382 20.7735C8.68265 20.7735 8.65176 20.771 8.62119 20.7687C8.63167 20.7695 8.64232 20.7715 8.65288 20.7721ZM7.52952 19.6471C7.53004 19.6573 7.53167 19.6676 7.53245 19.6778C7.53013 19.6475 7.52806 19.6169 7.52806 19.586L7.52952 19.6471ZM22.2224 19.6754C22.2231 19.666 22.2248 19.6565 22.2253 19.6471L22.2268 19.586C22.2268 19.6161 22.2246 19.6459 22.2224 19.6754ZM3.97076 3.67434C3.7783 3.67449 3.62218 3.83072 3.62215 4.02346V10.7535L3.6241 10.7891C3.64197 10.9651 3.79034 11.1025 3.97076 11.1026H8.36863C8.61817 11.1026 8.85957 11.1929 9.04781 11.357L10.5334 12.6519C10.7591 12.8486 10.8889 13.1336 10.8889 13.4332V16.9283C10.8889 17.1211 11.0449 17.2779 11.2375 17.2779H18.4345C18.6269 17.2778 18.7829 17.1215 18.7831 16.9288V10.1983C18.7829 10.0056 18.6268 9.84927 18.4345 9.84917H14.0366C13.7871 9.84917 13.5457 9.75885 13.3574 9.59478L11.8718 8.29985C11.6462 8.10316 11.5169 7.81817 11.5169 7.51859V4.02346C11.5168 3.83062 11.3603 3.67437 11.1678 3.67434H3.97076ZM18.9503 10.0923C18.9573 10.1266 18.961 10.162 18.9611 10.1983V16.9288L18.9615 16.9283V10.1988C18.9615 10.1624 18.9573 10.1267 18.9503 10.0923ZM1.30327 14.897L1.36422 14.8985C1.33401 14.8985 1.30415 14.8963 1.2745 14.8941C1.28408 14.8948 1.29363 14.8966 1.30327 14.897ZM0.184301 13.8287C0.188212 13.8685 0.194109 13.9078 0.201853 13.9464C0.194364 13.909 0.188694 13.8711 0.184788 13.8326L0.184301 13.8287ZM10.4686 12.8375C10.4624 12.8311 10.4569 12.8241 10.4505 12.8179L10.4164 12.7867L10.4686 12.8375ZM8.42665 11.2837C8.42021 11.2833 8.41361 11.2826 8.40714 11.2823L8.36863 11.2813C8.38801 11.2813 8.40742 11.2824 8.42665 11.2837ZM13.9981 9.66997L14.0366 9.67095C14.018 9.67095 13.9995 9.66922 13.981 9.66802C13.9867 9.66839 13.9924 9.66971 13.9981 9.66997ZM11.6963 7.56498C11.6966 7.57152 11.6977 7.578 11.6982 7.58451C11.6965 7.56264 11.6948 7.5407 11.6948 7.51859L11.6963 7.56498ZM21.1298 6.05716C21.1205 6.05648 21.1113 6.05519 21.102 6.05472L21.041 6.05325L21.1298 6.05716ZM1.30327 0.179688C1.29118 0.180303 1.27918 0.182132 1.26719 0.183106C1.29921 0.180503 1.33153 0.178228 1.36422 0.178224L1.30327 0.179688ZM21.102 20.7721C21.1123 20.7716 21.1225 20.7694 21.1327 20.7687C21.1024 20.771 21.0719 20.7735 21.041 20.7735L21.102 20.7721Z" fill={ logoFill } />
<path d="M43.2147 2.00001C47.0422 2.00001 50.8696 3.80702 51.9632 8.29717H47.917C46.9328 6.4354 45.4018 5.72351 43.2147 5.72351C39.606 5.72351 37.5829 8.40669 37.5829 11.8564C37.5829 15.4705 39.77 17.9346 43.2147 17.9346C45.8392 17.9346 47.8077 17.168 48.6278 14.2658H43.3788V10.816H52.4006C52.51 12.623 52.4552 14.4301 51.7991 16.1823C50.3228 20.0154 46.8781 21.6581 43.2147 21.6581C38.1297 21.6581 33.3727 18.2084 33.3727 11.8564C33.3727 5.44976 38.1297 2.00001 43.2147 2.00001Z" fill={ primaryFill } />
<path fillRule="evenodd" clipRule="evenodd" d="M72.9595 20.7274V21.275H68.5853L64.6484 14.9778H61.2038V21.275H57.1029V2.16445H65.3046C69.6788 2.16445 72.0846 5.34041 72.0846 8.7354C72.0846 11.1448 70.827 13.2803 68.6399 14.3755L72.9595 20.7274ZM65.2499 11.6376C66.9996 11.6376 68.0931 10.3234 68.0931 8.68066C68.0931 7.09268 66.9996 5.77853 65.2499 5.77853H61.1491V11.6376H65.2499Z" fill={ primaryFill } />
<path fillRule="evenodd" clipRule="evenodd" d="M80.2862 21.3295L81.7625 18.1536H89.8001L91.3311 21.3295H95.596V20.7819L86.7928 2.05474H84.8791L76.0213 20.7819V21.3295H80.2862ZM88.4332 14.7586H83.0748L85.754 8.46139L88.4332 14.7586Z" fill={ primaryFill } />
<path d="M103.743 13.0065L105.766 8.35203L108.336 2.27391H112.71V2.87623L104.508 21.3296H102.813L94.5571 2.87623V2.27391H98.9313L101.501 8.35203L103.634 13.0612H103.743V13.0065Z" fill={ primaryFill } />
<path d="M116.647 2.16445V21.3297H120.748V2.16445H116.647Z" fill={ primaryFill } />
<path d="M124.739 5.77845V2.21918H140.924V5.77845H134.855V21.3296H130.863V5.77845H124.739Z" fill={ primaryFill } />
<path d="M154.101 6.16172L152.188 9.94003H152.078L150.274 6.27121L147.868 2.21918H143.439V2.8215L150.055 13.6635V21.2749H154.156V13.6635L160.772 2.8215V2.21918H156.398L154.101 6.16172Z" fill={ primaryFill } />
<path d="M177.121 21.6601C174.255 21.6601 171.885 20.7123 170.01 18.8167C168.153 16.9211 167.225 14.5922 167.225 11.8301C167.225 9.0679 168.153 6.73902 170.01 4.84341C171.885 2.94781 174.255 2.00001 177.121 2.00001C178.852 2.00001 180.438 2.41524 181.88 3.24569C183.341 4.07615 184.476 5.19545 185.288 6.60361L183.097 7.87638C182.556 6.82928 181.745 5.99883 180.664 5.38501C179.6 4.75315 178.419 4.43721 177.121 4.43721C174.94 4.43721 173.155 5.14129 171.767 6.54946C170.397 7.95762 169.712 9.71782 169.712 11.8301C169.712 13.9242 170.397 15.6754 171.767 17.0836C173.155 18.4917 174.94 19.1958 177.121 19.1958C178.419 19.1958 179.6 18.8889 180.664 18.2751C181.745 17.6432 182.556 16.8128 183.097 15.7837L185.288 17.0294C184.494 18.4376 183.368 19.5659 181.907 20.4144C180.447 21.2449 178.852 21.6601 177.121 21.6601Z" fill={ secondaryFill } />
<path d="M200.169 21.3081L195.923 14.0506H191.462V21.3081H188.947V2.35205H196.518C198.141 2.35205 199.529 2.92976 200.682 4.08517C201.836 5.22253 202.413 6.60362 202.413 8.22842C202.413 9.45604 202.043 10.5754 201.304 11.5863C200.583 12.5973 199.646 13.3104 198.492 13.7257L202.954 21.3081H200.169ZM191.462 4.70801V11.7759H196.518C197.456 11.7759 198.249 11.4329 198.898 10.7469C199.565 10.0428 199.898 9.2033 199.898 8.22842C199.898 7.25354 199.565 6.42308 198.898 5.73705C198.249 5.05103 197.456 4.70801 196.518 4.70801H191.462Z" fill={ secondaryFill } />
<path d="M224 2.35205V21.3081H221.512V6.49529L215.32 16.8128H214.996L208.803 6.52238V21.3081H206.289V2.35205H209.128L215.158 12.3717L221.161 2.35205H224Z" fill={ secondaryFill } />
</svg>
);
} );
GravityCRMFullLogo.propTypes = {
height: PropTypes.number,
logoFill: PropTypes.string,
primaryFill: PropTypes.string,
secondaryFill: PropTypes.string,
title: PropTypes.string,
width: PropTypes.number,
};
GravityCRMFullLogo.displayName = 'Svgs/GravityCRMFullLogo';
export default GravityCRMFullLogo;