@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
65 lines (59 loc) • 8.11 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module MailchimpFullLogo
* @description The Mailchimp Full 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 MailchimpFullLogo from '@gravityforms/components/react/admin/elements/Svgs/MailchimpFullLogo';
*
* return (
* <MailchimpFullLogo height={ 44 } width={ 44 } />
* );
*
*/
const MailchimpFullLogo = forwardRef( ( {
height = 30,
title = '',
width = 110,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } viewBox="0 0 110 30" fill="none" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.963 13.976c.216-.026.423-.027.613 0 .11-.252.13-.687.03-1.16-.147-.705-.346-1.13-.757-1.064-.412.066-.427.576-.28 1.28.083.396.23.735.394.944ZM17.432 14.533c.294.13.476.215.546.14.046-.046.032-.135-.038-.25-.146-.237-.444-.478-.761-.613-.648-.279-1.422-.186-2.018.243-.197.144-.384.344-.357.465.008.04.038.069.107.079.162.018.73-.269 1.383-.309.461-.028.843.116 1.138.245M16.84 14.871c-.383.06-.595.187-.73.305-.116.1-.188.213-.187.291 0 .038.016.06.03.07a.092.092 0 0 0 .062.024c.087 0 .28-.077.28-.077.534-.191.886-.168 1.235-.129.192.022.284.034.326-.032.012-.02.027-.06-.01-.123-.09-.145-.478-.391-1.006-.329M19.771 16.111c.26.128.547.078.64-.112.094-.19-.042-.447-.302-.575-.26-.128-.547-.077-.64.112-.093.19.042.448.302.575ZM21.444 14.65c-.211-.004-.387.228-.392.518-.005.29.163.528.374.532.212.003.387-.229.392-.52.005-.289-.163-.527-.374-.53ZM7.243 19.877c-.053-.066-.14-.046-.223-.026a.796.796 0 0 1-.197.028.428.428 0 0 1-.361-.183c-.097-.148-.091-.368.015-.62l.05-.114c.17-.38.453-1.017.134-1.624-.24-.457-.63-.74-1.1-.8a1.415 1.415 0 0 0-1.214.436c-.467.517-.54 1.219-.45 1.467.033.09.085.116.122.121.08.01.198-.047.271-.245l.021-.065c.033-.105.094-.3.195-.456a.848.848 0 0 1 1.177-.245c.327.214.454.616.314.998-.073.199-.19.578-.164.889.052.63.44.883.788.91.338.012.575-.178.635-.316.035-.083.005-.133-.014-.154"
fill="#231F20"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.46 8.306c1.105-1.276 2.464-2.385 3.681-3.008.043-.021.087.024.065.066-.097.175-.283.55-.342.834-.01.045.039.078.076.053.758-.517 2.075-1.07 3.231-1.141.05-.003.074.06.034.09a2.747 2.747 0 0 0-.508.51.05.05 0 0 0 .039.08c.811.005 1.955.29 2.7.708.051.028.015.126-.041.113-1.128-.259-2.975-.455-4.894.013-1.712.418-3.02 1.063-3.973 1.756-.048.035-.106-.028-.067-.073Zm5.5 12.361v.002-.002Zm4.552.537a.088.088 0 0 0 .052-.088.083.083 0 0 0-.09-.074s-2.357.349-4.583-.466c.243-.788.887-.503 1.862-.425 1.756.105 3.33-.152 4.494-.486 1.007-.289 2.331-.86 3.36-1.671.346.762.47 1.6.47 1.6s.268-.047.492.09c.212.131.367.402.261 1.103-.216 1.31-.773 2.374-1.709 3.352a7.045 7.045 0 0 1-2.052 1.534 8.63 8.63 0 0 1-1.34.566c-3.53 1.153-7.14-.114-8.305-2.835a4.339 4.339 0 0 1-.233-.642c-.496-1.793-.075-3.944 1.241-5.298.082-.087.164-.188.164-.316 0-.107-.068-.22-.127-.3-.46-.668-2.056-1.806-1.735-4.01.23-1.582 1.614-2.697 2.904-2.63l.327.018c.56.033 1.047.105 1.508.124.77.034 1.463-.079 2.284-.762.277-.231.5-.431.875-.495.04-.007.137-.042.334-.033.2.011.39.066.562.18.658.438.751 1.498.786 2.274.019.443.073 1.514.09 1.822.043.703.228.802.602.925.21.07.405.121.693.202.871.245 1.387.493 1.713.811.194.2.285.411.313.613.102.75-.582 1.675-2.394 2.516-1.98.919-4.383 1.152-6.043.967l-.582-.066c-1.327-.179-2.085 1.537-1.288 2.713.514.758 1.913 1.25 3.312 1.251 3.21 0 5.676-1.37 6.594-2.554l.073-.104c.046-.068.008-.106-.048-.067-.75.513-4.08 2.55-7.641 1.937 0 0-.433-.072-.828-.225-.314-.122-.971-.425-1.051-1.099 2.874.89 4.684.049 4.684.049Zm-15.787-6.83c-1 .194-1.88.76-2.42 1.543-.322-.268-.921-.788-1.028-.99-.86-1.634.939-4.81 2.196-6.603 3.105-4.432 7.97-7.786 10.22-7.178.367.104 1.58 1.51 1.58 1.51s-2.252 1.248-4.339 2.99c-2.812 2.165-4.937 5.312-6.21 8.728Zm1.68 7.494a2.363 2.363 0 0 1-.462.033c-1.504-.04-3.129-1.395-3.29-3-.178-1.776.729-3.142 2.334-3.466.192-.038.424-.06.675-.048.9.05 2.225.74 2.528 2.7.268 1.736-.158 3.504-1.785 3.781Zm20.374-3.143c-.013-.046-.097-.352-.212-.722a5.835 5.835 0 0 0-.235-.63c.463-.692.471-1.312.41-1.663-.066-.434-.248-.805-.612-1.188-.365-.383-1.111-.775-2.16-1.07l-.55-.152c-.003-.023-.03-1.298-.053-1.845-.017-.395-.051-1.013-.243-1.62-.228-.824-.626-1.545-1.122-2.005 1.37-1.42 2.226-2.986 2.223-4.328C24.221.921 21.051.14 17.144 1.757l-.828.352A954.469 954.469 0 0 0 14.796.62C10.343-3.265-3.585 12.216.867 15.976l.974.825c-.252.654-.352 1.403-.27 2.209.103 1.035.637 2.026 1.502 2.793.822.727 1.902 1.188 2.95 1.187 1.732 3.994 5.692 6.443 10.334 6.581 4.98.148 9.16-2.188 10.912-6.386.115-.294.6-1.622.6-2.794 0-1.177-.665-1.665-1.089-1.665"
fill="#231F20"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M50.3 18.286c-.768.177-1.165-.059-1.165-.568 0-.697.72-.976 1.75-.976.453 0 .88.04.88.04 0 .298-.648 1.316-1.465 1.504Zm.782-6.978c-2.459 0-4.224.904-4.224.904v2.657s1.949-1.12 3.53-1.12c1.261 0 1.416.68 1.36 1.245 0 0-.365-.096-1.475-.096-2.617 0-3.938 1.19-3.938 3.096 0 1.809 1.485 2.565 2.735 2.565 1.825 0 2.628-1.227 2.874-1.808.171-.404.203-.676.356-.676.175 0 .116.195.108.597-.015.703.018 1.235.13 1.683h2.42v-4.352c0-2.718-.962-4.695-3.876-4.695ZM67.008 15.938c0-.795.74-1.52 2.096-1.52 1.478 0 2.667.713 2.934.874v-3.076s-.94-.905-3.248-.905c-2.434 0-4.46 1.424-4.46 4.49 0 3.064 1.839 4.764 4.453 4.764 2.043 0 3.26-1.122 3.26-1.122V16.52c-.385.215-1.458.96-2.924.96-1.552 0-2.11-.714-2.11-1.543Zm-32.341-4.425c0 .002.154.663-.05 1.527-.103.44-.293.814-.063.814.158 0 .159-.131.365-.602.301-.69.936-1.943 2.42-1.943 1.412 0 2.077.857 2.297 1.66.168.61.021.885.225.885.146 0 .196-.316.375-.717.32-.717 1.02-1.828 2.432-1.828 2.13 0 2.945 1.539 2.945 3.848v5.202h-3.166v-4.796c0-.8-.13-1.575-.859-1.575-.675 0-.99 1.197-.99 1.97v4.403h-3.224v-4.798c0-1.023-.144-1.575-.863-1.575-.623 0-.986 1.101-.986 1.97v4.401h-3.212v-8.846h2.353Zm21.345.012c.001 0 .548.316 1.609.316 1.062 0 1.602-.316 1.602-.316v8.836h-3.211v-8.836Zm26.511 0c.002 0 .548.316 1.61.316s1.602-.316 1.602-.316v8.836h-3.212v-8.836Zm-19.05-2.69V20.36h-3.21V8.835h3.21Zm12.381 0s.133.332.133 1.317c0 1.455-.316 2.639-.466 3.09-.079.24-.22.608-.017.614.117.004.187-.172.33-.478.143-.306.85-2.067 2.709-2.067 2.56 0 2.937 2.097 2.937 4.367v4.683h-3.212v-4.875c0-1-.21-1.496-.88-1.496-.808 0-1.094 1.252-1.094 1.97v4.4h-3.212V8.835h2.773Zm13.319 2.678c0 .002.154.663-.05 1.527-.103.44-.293.814-.063.814.158 0 .159-.131.365-.602.3-.69.936-1.943 2.42-1.943 1.476 0 2.062.861 2.297 1.66.158.536.021.885.225.885.146 0 .196-.316.375-.717.32-.717 1.02-1.828 2.432-1.828 2.13 0 2.945 1.539 2.945 3.848v5.202h-3.166v-4.796c0-.8-.13-1.575-.859-1.575-.675 0-.99 1.197-.99 1.97v4.403H91.88v-4.798c0-1.023-.144-1.575-.863-1.575-.623 0-.986 1.101-.986 1.97v4.401h-3.212v-8.846h2.353ZM57.608 8.745c-1.085 0-1.966.575-1.966 1.283 0 .709.88 1.283 1.966 1.283 1.086 0 1.966-.574 1.966-1.283 0-.708-.88-1.283-1.966-1.283Zm26.511 0c-1.085 0-1.966.575-1.966 1.283 0 .709.88 1.283 1.966 1.283 1.086 0 1.966-.574 1.966-1.283 0-.708-.88-1.283-1.966-1.283ZM105.589 18.455c-.736 0-1.278-.934-1.278-2.235 0-1.264.556-2.234 1.253-2.234.893 0 1.274.82 1.274 2.234 0 1.472-.351 2.235-1.249 2.235Zm.881-7.15c-1.65 0-2.407 1.238-2.735 1.943-.218.466-.206.603-.365.603-.229 0-.039-.374.064-.814.204-.866.049-1.528.049-1.528h-2.352v11.287h3.211v-3.578c.379.644 1.083 1.333 2.168 1.333 2.321 0 3.49-1.965 3.49-4.618 0-3.008-1.399-4.627-3.529-4.627"
fill="#100F0D"
/>
</svg>
);
} );
MailchimpFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
MailchimpFullLogo.displayName = 'Svgs/MailchimpFullLogo';
export default MailchimpFullLogo;