@gravityforms/components/react/admin/elements/Svgs/SendLayerFullLogo/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 SendLayerFullLogo
 * @description The SendLayer full logo.
 *
 * @since 6.7.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 SendLayerFullLogo from '@gravityforms/components/react/admin/elements/Svgs/SendLayerFullLogo';
 *
 * return (
 *    <SendLayerFullLogo height={ 24.53 } width={ 110 } />
 * );
 *
 */
const SendLayerFullLogo = forwardRef( ( {
	height = 25,
	title = '',
	width = 110,
}, ref ) => {
	return (
		<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 982 219" fill="none" ref={ ref }>
			{ title !== '' && <title>{ title }</title> }
			<g transform="matrix(.1 0 0 -.1 0 219)">
				<path d="m832 2069c-26-13-55-39-70-62l-27-41-3-850c-2-615 0-862 8-890 25-83 95-136 181-136 37 0 72 15 221 98 98 54 187 107 199 118 12 10 30 37 40 59 17 38 19 81 19 725 0 645-2 687-19 725-26 57-46 71-241 179-195 107-227 115-308 75zm-374-284c-15-9-32-24-38-35-6-12-10-242-10-662 0-711-3-675 64-698 28-9 40-8 65 5 17 8 35 24 41 34 6 13 10 241 10 665v645l-22 25c-29 32-74 41-110 21zm-335-259-28-24v-412-412l28-24c50-43 118-28 143 31 21 50 21 760 0 810-25 59-93 74-143 31z" fill="#211fa6" />
				<path d="m2378 1709c-65-15-152-65-196-113-65-71-86-125-86-226-1-73 3-92 26-135 47-89 111-137 300-221 130-58 200-103 217-140 20-44 13-104-14-140-67-88-242-77-388 26l-56 39-56-79c-30-43-55-82-55-87 0-15 82-73 146-103 207-100 447-73 569 62 63 69 80 118 80 233 0 84-4 107-22 141-37 69-120 136-229 185-193 86-257 122-281 158-29 43-29 89 0 131 65 97 234 100 372 6l50-33 48 90 49 91-24 18c-39 31-160 85-216 97-62 13-181 13-234 0zm3042-221v-212l-27 27c-54 51-118 72-223 72-84 0-102-3-157-29-178-82-269-311-218-551 42-195 163-311 339-323 105-6 170 15 240 79l56 51v-56-56h100 100v605 605h-105-105zm-133-309c129-49 182-280 97-426-91-156-315-122-368 56-32 107-16 233 38 304 50 66 155 96 233 66zm563-84v-605h370 370v95 95h-260-260v510 510h-110-110zm-2585 272c-331-85-434-541-176-779 144-134 370-156 568-57 101 51 102 54 53 143l-41 75-46-29c-134-86-290-84-382 3-37 35-70 99-71 134v23l293 2 292 3 3 70c9 180-72 327-216 392-66 31-198 40-277 20zm195-179c47-32 71-68 77-116l6-42h-187c-102 0-186 2-186 4 0 17 28 78 48 105 51 68 176 94 242 49zm835 178c-81-26-146-74-187-141l-18-30v83 82h-100-100v-435-435h105 105v220c0 247 8 300 54 368 61 87 192 129 267 85 54-32 59-64 59-383v-290h111 111l-4 333c-4 315-5 335-26 389-29 73-91 131-163 152-62 19-158 20-214 2zm2599-1c-52-11-146-52-192-83-11-7-7-22 18-73 48-95 41-92 126-52 98 47 183 55 246 24 46-22 78-69 78-115 0-23-4-24-87-31-232-17-360-71-418-177-72-130-14-298 125-362 35-16 65-21 135-21 78 0 97 4 141 27 29 15 68 46 88 69l36 43v-62-62h95 95v314c0 376-3 389-90 478-47 46-68 60-124 77-78 24-179 26-272 6zm276-513c0-51-46-139-92-175-71-57-178-45-213 23-55 107 50 183 263 189l42 1zm1415 515c-217-57-348-269-315-510 37-266 283-432 562-378 71 14 194 69 222 99 17 20 16 23-24 96l-41 75-46-29c-134-86-290-84-382 3-37 35-70 99-71 135v22h296 297l-5 108c-4 96-8 115-38 180-61 134-166 202-319 208-50 2-107-2-136-9zm195-178c43-25 80-83 80-128v-31h-186-185l6 23c23 73 64 121 125 146 44 17 119 13 160-10zm819 167c-72-26-113-64-159-147l-30-54v103 102h-100-100v-435-435h105 105v188c0 104 5 215 11 247 26 142 112 225 239 231l55 3v103 103l-45 2c-25 2-61-3-81-11zm-2196-13c5-19 344-820 352-833 3-4-11-39-31-78-23-48-46-78-68-91-40-25-105-27-147-6-28 15-30 15-38-7-5-13-21-49-35-81s-26-59-26-61 24-14 53-27c72-33 192-33 257-2 69 34 114 76 147 140 25 46 413 1042 413 1059 0 3-53 3-117 2l-117-3-93-280c-51-154-93-288-93-297 0-30-17-20-24 15-3 17-50 152-103 300l-96 267h-120c-109 0-119-2-114-17z" fill="#09092c" />
			</g>
		</svg>
	);
} );

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

SendLayerFullLogo.displayName = 'Svgs/SendLayerFullLogo';

export default SendLayerFullLogo;