mirador
Version:
An open-source, web-based 'multi-up' viewer that supports zoom-pan-rotate functionality, ability to display/compare simple images, and images with annotations.
158 lines (156 loc) • 6.21 kB
JSX
import SvgIcon from '@mui/material/SvgIcon';
/**
* ElasticWorkspaceIcon ~
*/
export default function WorkspaceTypeElasticIcon(props) {
return (
<SvgIcon {...props}>
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="90" viewBox="0 0 300 225">
<defs>
<linearGradient id="linear-gradient" x1="0.5" y1="1" x2="0.5" gradientUnits="objectBoundingBox">
<stop offset="0" />
<stop offset="0.14" stopOpacity="0.631" />
<stop offset="1" stopOpacity="0" />
</linearGradient>
<linearGradient id="linear-gradient-2" x1="0.5" y1="1" x2="0.5" gradientUnits="objectBoundingBox">
<stop offset="0" stopColor="#fff" stopOpacity="0" />
<stop offset="0.23" stopColor="#fff" stopOpacity="0.012" />
<stop offset="0.36" stopColor="#fff" stopOpacity="0.039" />
<stop offset="0.47" stopColor="#fff" stopOpacity="0.102" />
<stop offset="0.57" stopColor="#fff" stopOpacity="0.18" />
<stop offset="0.67" stopColor="#fff" stopOpacity="0.278" />
<stop offset="0.75" stopColor="#fff" stopOpacity="0.412" />
<stop offset="0.83" stopColor="#fff" stopOpacity="0.561" />
<stop offset="0.91" stopColor="#fff" stopOpacity="0.741" />
<stop offset="0.98" stopColor="#fff" stopOpacity="0.929" />
<stop offset="1" stopColor="#fff" />
</linearGradient>
<clipPath id="clip-elastic_icon">
<rect width="300" height="225" />
</clipPath>
</defs>
<g id="elastic_icon" data-name="elastic icon" clipPath="url(#clip-elastic_icon)">
<rect width="300" height="225" fill="#fff" />
<g
id="Rectangle_278"
data-name="Rectangle 278"
transform="translate(232 159)"
fill="#88c6c3"
stroke="#707070"
strokeWidth="1"
opacity="0.747"
>
<rect width="54" height="54" stroke="none" />
<rect x="0.5" y="0.5" width="53" height="53" fill="none" />
</g>
<g
id="Rectangle_8"
data-name="Rectangle 8"
transform="translate(7 148)"
fill="#88c6c3"
stroke="#707070"
strokeWidth="1"
opacity="0.747"
>
<rect width="70" height="70" stroke="none" />
<rect x="0.5" y="0.5" width="69" height="69" fill="none" />
</g>
<g
id="Rectangle_258"
data-name="Rectangle 258"
transform="translate(224 6)"
fill="#88c6c3"
stroke="#707070"
strokeWidth="1"
opacity="0.747"
>
<rect width="70" height="100" stroke="none" />
<rect x="0.5" y="0.5" width="69" height="99" fill="none" />
</g>
<g
id="Rectangle_259"
data-name="Rectangle 259"
transform="translate(71 64)"
fill="#88c6c3"
stroke="#707070"
strokeWidth="1"
opacity="0.747"
>
<rect width="115" height="75" stroke="none" />
<rect x="0.5" y="0.5" width="114" height="74" fill="none" />
</g>
<g
id="Rectangle_260"
data-name="Rectangle 260"
transform="translate(99 87)"
fill="#88c6c3"
stroke="#707070"
strokeWidth="1"
opacity="0.747"
>
<rect width="115" height="75" stroke="none" />
<rect x="0.5" y="0.5" width="114" height="74" fill="none" />
</g>
<g id="Group_689" data-name="Group 689">
<g id="Group_687" data-name="Group 687" transform="translate(0 3)">
<path
id="checkbox"
d="M258.766,37.316v146.5H39.053V37.316Zm40.07-39.254h-300v225h300Z"
transform="translate(1.164 -1.063)"
fill="#010101"
fillRule="evenodd"
opacity="0.246"
/>
<g id="Path_821" data-name="Path 821" transform="translate(40 36)" fill="none">
<path d="M0,0H220V147H0Z" stroke="none" />
<path
d="M 2 2 L 2 145 L 218 145 L 218 2 L 172.9869689941406 2 L 2 2 M 0 0 L 172.9869689941406 0 L 220 0 L 220 147 L 0 147 L 0 0 Z"
stroke="none"
fill="#01579b"
/>
</g>
</g>
<g
id="Rectangle_257"
data-name="Rectangle 257"
transform="translate(40 39)"
fill="#fff"
stroke="#01579b"
strokeWidth="2"
>
<rect width="20" height="147" stroke="none" />
<rect x="1" y="1" width="18" height="145" fill="none" />
</g>
<g id="Group_688" data-name="Group 688" transform="translate(-27.5 -126)">
<circle
id="teal_circle"
data-name="teal circle"
cx="7.5"
cy="7.5"
r="7.5"
transform="translate(70 171)"
fill="#009688"
/>
<g id="Group_333" data-name="Group 333" transform="translate(70 171)" opacity="0.12">
<path
id="gradient_border_2"
data-name="gradient border 2"
d="M3408,959.089A4.911,4.911,0,1,1,3403.09,964a4.911,4.911,0,0,1,4.911-4.911m0-.089a5,5,0,1,0,5,5,5,5,0,0,0-5-5Z"
transform="translate(-3403 -959)"
fill="url(#linear-gradient)"
/>
<path
id="gradient_border_1"
data-name="gradient border 1"
d="M3408,959.089A4.911,4.911,0,1,1,3403.09,964a4.911,4.911,0,0,1,4.911-4.911m0-.089a5,5,0,1,0,5,5,5,5,0,0,0-5-5Z"
transform="translate(-3403 -959)"
fill="url(#linear-gradient-2)"
/>
</g>
</g>
</g>
</g>
</svg>
</SvgIcon>
);
}