@gravityforms/components/react/admin/elements/Svgs/SMTPFullLogo/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 SMTPFullLogo
 * @description The SMTP full logo.
 *
 * @since 6.5.0
 *
 * @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 SMTPFullLogo from '@gravityforms/components/react/admin/elements/Svgs/SMTPFullLogo';
 *
 * return (
 *    <SMTPFullLogo height={ 25 } width={ 110 } />
 * );
 *
 */
const SMTPFullLogo = forwardRef( ( {
	height = 25,
	title = '',
	width = 110,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 2201 500" fill="none" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<path fill="#18bc9c" fillRule="evenodd" d="M 37 24 L 290 209 L 294 208 L 543 24 Z" />
			<path fill="#231f20" fillRule="evenodd" d="M 2120 28 L 2105 23 L 2087 19 L 2072 18 L 2071 17 L 2056 17 L 2055 16 L 1889 16 L 1889 431 L 1972 431 L 1972 282 L 1973 281 L 2062 281 L 2063 280 L 2074 280 L 2075 279 L 2094 277 L 2113 272 L 2140 260 L 2156 249 L 2170 236 L 2186 214 L 2193 199 L 2200 172 L 2200 126 L 2197 111 L 2193 99 L 2182 77 L 2173 65 L 2159 51 L 2139 37 Z M 1972 82 L 1973 81 L 2061 81 L 2080 86 L 2095 95 L 2108 110 L 2115 125 L 2118 139 L 2118 160 L 2116 170 L 2111 183 L 2102 196 L 2089 207 L 2079 212 L 2063 216 L 2055 216 L 2054 217 L 1973 217 L 1972 216 Z M 1522 16 L 1522 81 L 1638 81 L 1639 82 L 1639 431 L 1722 431 L 1722 82 L 1723 81 L 1840 81 L 1840 16 Z M 1040 16 L 1040 431 L 1123 431 L 1123 149 L 1124 148 L 1126 149 L 1132 162 L 1134 164 L 1155 207 L 1157 209 L 1177 250 L 1179 252 L 1200 295 L 1202 297 L 1222 338 L 1228 348 L 1284 348 L 1386 149 L 1388 148 L 1389 149 L 1389 431 L 1472 431 L 1472 16 L 1366 16 L 1365 17 L 1365 19 L 1355 38 L 1355 40 L 1345 59 L 1345 61 L 1257 245 L 1253 244 L 1247 232 L 1247 230 L 1240 217 L 1240 215 L 1233 202 L 1227 187 L 1220 174 L 1220 172 L 1213 159 L 1213 157 L 1206 144 L 1206 142 L 1147 16 Z M 799 11 L 767 17 L 744 25 L 717 40 L 709 46 L 694 61 L 685 74 L 679 86 L 674 101 L 673 112 L 672 113 L 672 140 L 675 155 L 678 164 L 685 178 L 694 191 L 710 207 L 731 222 L 760 237 L 777 244 L 836 263 L 858 273 L 873 283 L 885 296 L 892 311 L 893 330 L 890 341 L 886 348 L 878 356 L 866 363 L 857 366 L 841 368 L 840 369 L 803 369 L 802 368 L 792 368 L 791 367 L 770 365 L 744 359 L 711 347 L 695 339 L 677 328 L 675 333 L 675 337 L 672 346 L 672 350 L 669 359 L 669 363 L 666 372 L 666 376 L 663 385 L 660 401 L 674 408 L 702 419 L 722 425 L 749 431 L 767 433 L 768 434 L 775 434 L 776 435 L 801 436 L 802 437 L 841 437 L 842 436 L 860 435 L 888 429 L 905 423 L 920 416 L 942 401 L 958 384 L 968 367 L 973 353 L 976 339 L 977 316 L 976 315 L 975 299 L 971 283 L 965 269 L 953 251 L 938 236 L 920 223 L 900 212 L 879 203 L 803 178 L 777 164 L 765 153 L 757 140 L 755 132 L 756 114 L 758 108 L 764 98 L 775 88 L 790 81 L 804 78 L 814 78 L 815 77 L 841 78 L 842 79 L 856 80 L 874 84 L 903 94 L 935 110 L 956 38 L 927 26 L 883 15 L 862 13 L 861 12 L 851 12 L 850 11 L 830 11 L 829 10 Z M 0 7 L 0 437 L 578 437 L 578 7 Z M 562 34 L 562 420 L 561 421 L 275 421 L 274 420 L 277 416 L 427 306 L 429 304 L 429 302 L 420 290 L 244 419 L 243 421 L 38 421 L 37 420 L 38 418 L 559 33 Z M 19 33 L 52 56 L 276 220 L 269 227 L 20 411 L 18 410 L 18 34 Z M 37 24 L 38 23 L 541 23 L 542 25 L 294 209 L 290 210 L 38 26 Z" />
		</svg>
	);
} );

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

SMTPFullLogo.displayName = 'Svgs/SMTPFullLogo';

export default SMTPFullLogo;