@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
69 lines (63 loc) • 5.64 kB
JavaScript
import { React, PropTypes } from '@gravityforms/libraries';
const { forwardRef } = React;
/**
* @module BrokenImageFull
* @description The BrokenImageFull svg.
*
* @since 5.4.4
*
* @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 BrokenImageFull from '@gravityforms/components/react/admin/elements/Svgs/BrokenImageFull';
*
* return (
* <BrokenImageFull height={ 23 } width={ 116 } />
* );
*
*/
const BrokenImageFull = forwardRef( ( {
height = 23,
title = '',
width = 116,
}, ref ) => {
return (
<svg width={ width } height={ height } viewBox="0 0 116 23" fill="none" xmlns="http://www.w3.org/2000/svg" ref={ ref }>
{ title !== '' && <title>{ title }</title> }
<path
fill="#10B3FF"
fillRule="evenodd"
d="m14.704 16.65 2.46-2.46 2.69 2.688c.629.63 1.773.343 1.945-.8 0-.23-.058-.459-.23-.573l-3.432-3.433c-1.087-.972-1.945 0-1.945 0l-2.46 2.46-2.919-2.918h-.057l1.087 4.063.916.915c.972 1.087 1.945.057 1.945.057ZM23.858 1.2H7.953c-.115 0-.172.115-.172.172l.515 2.003c0 .057.057.114.172.114h14.246c.057 0 .172.057.172.172V20.54c0 .057-.058.171-.172.171H12.93c-.057 0-.114.058-.057.115l.572 2.117c0 .057.057.057.057.057h10.413c.744 0 1.316-.572 1.316-1.316V2.517c-.057-.743-.629-1.316-1.373-1.316Zm-6.694 5.722c0-.63-.515-1.144-1.144-1.144-.63 0-1.144.515-1.144 1.144 0 .63.514 1.144 1.144 1.144.63 0 1.144-.515 1.144-1.144Zm-13.502 9.84c.4.573 1.201.63 1.659.115l2.117-2.117v-.057l-.687-2.346s-.057-.057-.057 0l-2.918 2.918c-.343.4-.458 1.03-.114 1.488Zm5.206 2.861c0-.057-.057-.114-.171-.114H3.433c-.63 0-1.144-.515-1.144-1.144V3.719c0-.744.629-1.373 1.373-1.373.114 0 .229-.115.229-.286L3.376.172C3.376.057 3.26 0 3.146 0H2.29A2.295 2.295 0 0 0 0 2.289v17.164a2.295 2.295 0 0 0 2.289 2.288h6.98c.114 0 .171-.114.171-.229l-.572-1.888Z"
clipRule="evenodd"
/>
<path
fill="#000"
d="M30.231 15.19v-1.652h.98V7.04h-.98V5.39h4.732c1.96 0 3.066 1.036 3.066 2.45 0 .924-.658 1.722-1.442 1.834v.294c.63.127 1.736.868 1.736 2.352 0 1.68-1.19 2.87-3.192 2.87h-4.9Zm2.786-1.666h2.1c.756 0 1.33-.546 1.33-1.302s-.574-1.288-1.33-1.288h-2.1v2.59Zm0-4.117h1.932c.728 0 1.204-.546 1.204-1.176 0-.658-.49-1.176-1.204-1.176h-1.932v2.352ZM39.144 15.19V7.937h1.736v1.54h.294c.224-.882.952-1.666 2.296-1.666v1.862h-.896c-1.106 0-1.68.784-1.68 1.709v3.808h-1.75ZM47.286 15.371c-2.254 0-3.892-1.596-3.892-3.808 0-2.198 1.638-3.808 3.892-3.808 2.156 0 3.892 1.61 3.892 3.808 0 2.212-1.736 3.808-3.892 3.808Zm-2.114-3.808c0 1.358.924 2.212 2.114 2.212s2.114-.854 2.114-2.212c0-1.302-.924-2.212-2.114-2.212s-2.114.91-2.114 2.212ZM51.8 15.19V4.69h1.735v5.88h.28l2.464-2.633h1.96v.238l-2.492 2.59 2.632 4.186v.239h-1.876l-1.974-3.165-.994 1.037v2.128H51.8Z"
/>
<path
fill="#000"
d="M61.7 15.371c-2.141 0-3.737-1.54-3.737-3.835 0-2.185 1.512-3.78 3.696-3.78s3.514 1.68 3.486 3.514l-.014.882h-5.446c.196 1.091.966 1.694 2.016 1.694.77 0 1.442-.406 1.75-.896l1.274.868c-.602.924-1.61 1.553-3.024 1.553Zm-1.973-4.633h3.724c-.042-.799-.77-1.54-1.792-1.54-.994 0-1.694.587-1.932 1.54ZM65.753 15.19V7.937h1.75v1.386h.28a2.07 2.07 0 0 1 2.03-1.568c1.624 0 2.408 1.204 2.408 2.535v4.9h-1.75v-4.284c0-.854-.616-1.47-1.456-1.47-.91 0-1.512.658-1.512 1.54v4.213h-1.75ZM75.535 15.19v-1.694h1.876V7.069h-1.876V5.39h5.572v1.68H79.23v6.426h1.876v1.695h-5.572ZM82.233 15.19V7.937h1.75v1.386h.28c.196-.826.882-1.568 1.974-1.568 1.204 0 1.904.7 2.17 1.568h.28c.238-.84.938-1.568 2.002-1.568 1.596 0 2.38 1.19 2.38 2.535v4.9h-1.75v-4.284c0-.869-.518-1.47-1.386-1.47-.812 0-1.386.616-1.386 1.54v4.213h-1.75v-4.284c0-.867-.574-1.47-1.414-1.47-.826 0-1.4.659-1.4 1.54v4.215h-1.75ZM96.308 15.371c-1.4 0-2.506-.91-2.506-2.338 0-1.343 1.036-2.268 2.688-2.268h2.044v-.181c0-.77-.56-1.345-1.442-1.345-.896 0-1.316.574-1.414 1.05l-1.554-.434c.364-1.33 1.47-2.1 2.968-2.1 2.086 0 3.15 1.4 3.15 2.829v2.87c0 .252.14.335.364.335h.224v1.4h-1.022c-.714 0-1.134-.447-1.134-1.091v-.323h-.28c-.14.995-.924 1.596-2.086 1.596Zm-.742-2.38c0 .56.49.953 1.176.953 1.246 0 1.792-.785 1.792-1.695v-.181h-1.82c-.672 0-1.148.293-1.148.924Z"
/>
<path
fill="#000"
d="M104.35 18.311c-2.044 0-3.654-.671-3.654-2.183 0-.757.602-1.47 1.652-1.47h.28v-.28c-.63-.085-1.092-.505-1.092-1.092 0-.49.322-.826.616-.98-.49-.406-.826-1.064-.826-1.848 0-1.583 1.19-2.703 2.982-2.703.322 0 .672.042.994.154l2.814-.112v1.414h-2.044v.28c.77.112 1.162.715 1.162 1.33 0 1.485-1.428 2.184-2.926 2.184-.28 0-.56-.028-.84-.098a.383.383 0 0 0-.21.336c0 .309.28.448.602.448h1.932c1.512 0 2.436.84 2.436 2.086 0 1.89-1.932 2.534-3.878 2.534Zm-1.876-2.421c0 .7.798.951 1.876.951 1.246 0 2.086-.294 2.086-.966 0-.42-.266-.727-.924-.727h-2.114c-.532 0-.924.28-.924.742Zm.588-5.433c0 .84.49 1.316 1.246 1.316s1.246-.476 1.246-1.316c0-.7-.49-1.288-1.246-1.288s-1.246.588-1.246 1.288Z"
/>
<path
fill="#000"
d="M111.748 15.371c-2.142 0-3.738-1.54-3.738-3.835 0-2.185 1.512-3.78 3.696-3.78s3.514 1.68 3.486 3.514l-.014.882h-5.446c.196 1.091.966 1.694 2.016 1.694.77 0 1.442-.406 1.75-.896l1.274.868c-.602.924-1.61 1.553-3.024 1.553Zm-1.974-4.633h3.724c-.042-.799-.77-1.54-1.792-1.54-.994 0-1.694.587-1.932 1.54Z"
/>
</svg>
);
} );
BrokenImageFull.propTypes = {
height: PropTypes.number,
title: PropTypes.string,
width: PropTypes.number,
};
BrokenImageFull.displayName = 'Svgs/BrokenImageFull';
export default BrokenImageFull;