@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
59 lines (53 loc) • 5.04 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module MicrosoftFullLogo
* @description The Microsoft full logo.
*
* @since 4.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 MicrosoftFullLogo from '@gravityforms/components/react/admin/elements/Svgs/MicrosoftFullLogo';
*
* return (
* <MicrosoftFullLogo height={ 24 } width={ 110 } />
* );
*
*/
const MicrosoftFullLogo = forwardRef( ( {
height = 24,
title = '',
width = 110,
}, ref ) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={ width } height={ height } fill="none" viewBox="0 0 110 24" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<g clipPath="url(#a)">
<path fill="#737373" d="M45.746 4.692v14.076h-2.443V7.722h-.033l-4.366 11.046h-1.63L32.812 7.722h-.032v11.046H30.53V4.692h3.52l4.04 10.427h.065l4.268-10.427h3.323Zm2.02 1.075c0-.39.131-.717.424-.977.294-.26.62-.391 1.01-.391.424 0 .782.13 1.043.39.26.261.423.587.423.978s-.13.717-.423.978a1.48 1.48 0 0 1-1.043.39c-.423 0-.75-.13-1.01-.39-.26-.293-.423-.62-.423-.978Zm2.64 2.9v10.1h-2.379v-10.1h2.379Zm7.2 8.374c.36 0 .75-.065 1.174-.26a5.148 5.148 0 0 0 1.173-.652v2.215a4.159 4.159 0 0 1-1.304.49 8.022 8.022 0 0 1-1.596.162c-1.499 0-2.705-.456-3.617-1.401-.945-.945-1.401-2.15-1.401-3.584 0-1.63.489-2.965 1.434-4.008.945-1.043 2.28-1.564 4.04-1.564.456 0 .912.065 1.336.163.456.098.814.26 1.075.391v2.28c-.358-.26-.75-.488-1.108-.618-.39-.13-.782-.228-1.173-.228-.945 0-1.694.293-2.28.912-.587.62-.848 1.434-.848 2.476 0 1.01.294 1.825.847 2.379.554.554 1.304.847 2.249.847Zm9.091-8.537c.196 0 .359 0 .522.033.163.032.293.065.39.098v2.41a1.463 1.463 0 0 0-.553-.26 3.34 3.34 0 0 0-.88-.13c-.587 0-1.075.26-1.466.75-.391.488-.62 1.237-.62 2.28v5.083h-2.378v-10.1h2.379v1.596h.032a3.07 3.07 0 0 1 .978-1.304 2.87 2.87 0 0 1 1.596-.456Zm1.043 5.377c0-1.662.489-2.998 1.401-3.976.945-.977 2.248-1.466 3.91-1.466 1.564 0 2.802.456 3.682 1.401.88.945 1.336 2.216 1.336 3.812 0 1.63-.489 2.933-1.401 3.91-.945.978-2.216 1.467-3.845 1.467-1.564 0-2.802-.457-3.714-1.369-.913-.945-1.369-2.216-1.369-3.78Zm2.476-.098c0 1.042.228 1.857.717 2.41.489.555 1.173.848 2.053.848.847 0 1.531-.26 1.987-.847.457-.554.685-1.369.685-2.476 0-1.076-.228-1.89-.685-2.477-.456-.554-1.14-.847-1.955-.847-.88 0-1.531.293-2.02.88-.554.619-.782 1.434-.782 2.509Zm11.404-2.444c0 .326.098.62.326.815.228.195.684.423 1.434.716.945.391 1.629.815 1.987 1.271.391.489.587 1.043.587 1.727 0 .945-.359 1.694-1.108 2.28-.717.587-1.727.848-2.965.848-.424 0-.88-.065-1.401-.163a5.642 5.642 0 0 1-1.303-.39v-2.347c.423.293.912.554 1.4.717.49.163.946.26 1.37.26.52 0 .944-.065 1.172-.227.26-.163.391-.392.391-.75 0-.326-.13-.586-.39-.847-.261-.228-.783-.489-1.5-.782-.88-.359-1.499-.782-1.857-1.238-.358-.456-.554-1.043-.554-1.76 0-.912.359-1.661 1.075-2.248.717-.586 1.662-.88 2.803-.88.358 0 .749.033 1.172.13.424.098.815.196 1.108.294v2.313a7.02 7.02 0 0 0-1.108-.554 3.448 3.448 0 0 0-1.238-.228c-.456 0-.814.098-1.042.261-.228.228-.359.456-.359.782Zm5.344 2.541c0-1.661.489-2.997 1.401-3.975.945-.977 2.248-1.466 3.91-1.466 1.564 0 2.802.456 3.682 1.401.88.945 1.336 2.216 1.336 3.812 0 1.63-.489 2.933-1.401 3.91-.945.978-2.216 1.467-3.845 1.467-1.564 0-2.802-.457-3.715-1.369-.88-.945-1.368-2.216-1.368-3.78Zm2.476-.097c0 1.042.228 1.857.717 2.41.489.555 1.173.848 2.053.848.847 0 1.531-.26 1.987-.847.456-.554.685-1.369.685-2.476 0-1.076-.229-1.89-.685-2.477-.456-.554-1.14-.847-1.955-.847-.88 0-1.531.293-2.02.88-.521.619-.782 1.434-.782 2.509Zm15.77-3.16h-3.551v8.145h-2.411v-8.146h-1.695V8.667h1.695v-1.4c0-1.044.358-1.923 1.042-2.608.685-.684 1.564-1.01 2.64-1.01.293 0 .553.033.782.033.228 0 .423.065.586.13v2.053a3.952 3.952 0 0 0-.424-.163 2.16 2.16 0 0 0-.684-.098c-.489 0-.88.163-1.14.457-.261.293-.391.782-.391 1.368v1.206h3.551V6.354l2.379-.717v2.998H110v1.955h-2.411v4.724c0 .62.13 1.043.326 1.303.228.261.586.391 1.075.391.13 0 .293-.032.489-.097.195-.066.358-.13.488-.228v1.955c-.162.097-.391.162-.749.228a5.64 5.64 0 0 1-1.043.097c-1.01 0-1.759-.26-2.248-.782-.489-.52-.749-1.335-.749-2.41l.032-5.149Z" />
<path fill="#F25022" d="M11.143 0H0v11.143h11.143V0Z" />
<path fill="#7FBA00" d="M23.46 0H12.316v11.143H23.46V0Z" />
<path fill="#00A4EF" d="M11.143 12.316H0V23.46h11.143V12.316Z" />
<path fill="#FFB900" d="M23.46 12.316H12.316V23.46H23.46V12.316Z" />
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h110v23.46H0z" />
</clipPath>
</defs>
</svg>
);
} );
MicrosoftFullLogo.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
MicrosoftFullLogo.displayName = 'Svgs/MicrosoftFullLogo';
export default MicrosoftFullLogo;