predix-ui
Version:
px-* web components as React styled components
30 lines (29 loc) • 10.2 kB
HTML
<g id="administration"><path d="M21.65 25.48l3 2.36 1.57-1.57 1.58-1.58-2.36-3a11.21 11.21 0 0 0 1.26-2.99l3.8-.47v-4.46l-3.8-.47a11.21 11.21 0 0 0-1.23-2.95l2.36-3-1.57-1.59-1.58-1.58-3 2.36A11.21 11.21 0 0 0 18.7 5.3l-.47-3.8h-4.47l-.46 3.8a11.21 11.21 0 0 0-2.95 1.23l-3-2.36-1.59 1.57-1.58 1.58 2.36 3A11.21 11.21 0 0 0 5.3 13.3l-3.8.47v4.46l3.8.47a11.21 11.21 0 0 0 1.23 2.95l-2.36 3 1.57 1.57 1.58 1.58 3-2.36" transform="translate(-1 -1)" stroke-linejoin="round"/><path d="M22.08 16a6.1 6.1 0 0 0-3.74-5.61v6.08h-4.68v-6.08a6.07 6.07 0 0 0-.94 10.73v9.38h6.55v-9.39A6.08 6.08 0 0 0 22.08 16z" transform="translate(-1 -1)" stroke-linejoin="round"/></g>
<g id="alerts"><path d="M14.69 3.35L1.7 26.29A1.53 1.53 0 0 0 3 28.58h26a1.53 1.53 0 0 0 1.31-2.29l-13-22.94a1.5 1.5 0 0 0-2.62 0z" transform="translate(-1 -2.08)" stroke-miterlimit="10"/><path stroke-linejoin="round" d="M15 17.45h1.56l.78-7.07h-4.68l.78 7.07H15zm-1.4 1.97h2.81v3.37H13.6z"/></g>
<g id="analysis"><path stroke-linejoin="round" d="M.5 0v27.49h27.43"/><path stroke-linejoin="round" d="M3.5 18.36l7-6.99 7 3 8-8"/><path stroke-linejoin="round" d="M25.5 11.6l-8 8-7-3-7 7h22v-12z"/></g>
<g id="analytics"><path stroke-linejoin="round" d="M1.49 22.21h4v5.07h-4zm14-2.96h4v8.02h-4zm-7-4h4v12.03h-4zm14-6h4v18.03h-4z"/><path d="M27.5 1.5c-4 7-7.79 12.22-14.67 8.75S3.5 14.5 2.5 19.5" transform="translate(-2.01 -1.25)" stroke-linejoin="round"/></g>
<g id="asset"><path stroke-linejoin="round" d="M25.5 22.25V7.75L13 .5.5 7.75v14.5l13 7.25 12-7.25z"/><path stroke-linejoin="round" d="M.5 8.22l13 7.25 12-7.25m-12 21.18v-14"/><path stroke-linejoin="round" d="M6.67 7.99L13 4.31l6.3 3.66-6.36 3.65-6.27-3.63z"/></g>
<g id="asset-ingestion"><path d="M22.5 19.41v-8.34l-7-4.17-7 4.17v8.34l7 4.18 7-4.18z"/><path d="M8.5 11.34l7 4.17 7-4.17m-7 3.66v8.59"/><path d="M15.5 16v-.54l7-4.12v-.27l-7-4.17-7 4.17v.27l7 4.17 7-4.17"/><circle cx="3" cy="3" r="2.5"/><path d="M8.5 8.5L4.77 4.77"/><circle cx="28" cy="3" r="2.5"/><path d="M22.5 8.5l3.73-3.73"/><circle cx="28" cy="28" r="2.5"/><path d="M22.5 22.5l3.73 3.73"/><circle cx="3" cy="28" r="2.5"/><path d="M8.5 22.5l-3.73 3.73"/></g>
<g id="attribute"><path stroke-linejoin="round" d="M25.5 31.5H.5v-23l12.67-8 12.33 8v23zM5 23.5h16m-14 3h12"/><circle cx="13" cy="6.5" r="1.5"/><text fill="currentcolor" stroke="none" transform="translate(3.09 19.97)" font-size="12">123</text></g>
<g id="bug"><path stroke-linejoin="round" d="M6.17 17.85H0"/><path d="M10.89 8.94a5.61 5.61 0 0 1 11.23 0M17 30c4.21 0 8-2.5 8-8.5a25.08 25.08 0 0 0-2.81-11h-11.3a25.08 25.08 0 0 0-2.81 11c0 6 3.74 8.5 8 8.5z" transform="translate(-2 -1.65)" stroke-linejoin="round"/><path stroke-linejoin="round" d="M10.76 3.08L8.89.28m9.36 2.8l1.87-2.8"/><path d="M3.87 29.06a6.44 6.44 0 0 1 4.73-4.12m-4.73-14.2A6.13 6.13 0 0 0 9.06 15" transform="translate(-2 -1.65)" stroke-linejoin="round"/><path stroke-linejoin="round" d="M29 17.85h-6.16"/><path d="M24.41 24.94a6.46 6.46 0 0 1 4.72 4.13M24 15a6.14 6.14 0 0 0 5.17-4.27" transform="translate(-2 -1.65)" stroke-linejoin="round"/><path stroke-linejoin="round" d="M14.5 12.42v15.93"/></g>
<g id="calendar"><path stroke-linejoin="round" d="M.5 2.5h29v27H.5zm.48 7h28.04M.5 14.5h29m-29 5h29m-29 5h29m-11.6-15v20m5.8-20v20m-11.6-20v20m-5.8-20v20"/><path stroke-linecap="round" stroke-linejoin="round" d="M5.55.5v4m18.9-4v4"/></g>
<g id="cases"><path stroke-linejoin="round" d="M.5 14.06v11.08h29V14.06"/><path d="M18.34 18.71a30 30 0 0 0 12.16-3.65V7.58h-29v7.48a30.15 30.15 0 0 0 12.16 3.64" transform="translate(-1 -3.34)" stroke-linejoin="round"/><path stroke-linejoin="round" d="M12.66 13.6h4.68v3.74h-4.68zM8.92 4.24L11.73.5h6.54l2.69 3.74"/></g>
<g id="catalog"><path d="M15.16 24.85V7.19a3.78 3.78 0 0 0-3.73-3.83H1.16v23h11.06a3 3 0 0 1 2.94 2.94v.56" stroke-miterlimit="10"/><path d="M15.16 24.85V7.19a3.92 3.92 0 0 1 4-3.83h11v23H18.09a2.93 2.93 0 0 0-2.93 2.93v.57m-10-21.51h5v5h-5zm0 8h5v5h-5z" stroke-miterlimit="10"/><path stroke-miterlimit="10" d="M20.16 8.35h5v5h-5zm0 8h5v5h-5z"/></g>
<g id="dashboard"><path d="M25.71 28.5H6.29a1 1 0 0 1-.73-.31 14.5 14.5 0 1 1 20.88 0 1 1 0 0 1-.73.31z" transform="translate(-1 -3)" stroke-miterlimit="10"/><path d="M5.5 18A10.55 10.55 0 0 1 16 7.43a10.4 10.4 0 0 1 6.73 2.46" transform="translate(-1 -3)" stroke-miterlimit="10"/><circle cx="15" cy="18" r="2.5" stroke-miterlimit="10"/><path stroke-miterlimit="10" d="M24.5 7.5l-7.86 8.61"/></g>
<g id="data-sources"><rect x=".5" y="23.64" width="22" height="6" rx="1" ry="1" stroke-miterlimit="10"/><path d="M18.5 7.39H26a1 1 0 0 1 1 1v17m-22 0v-17a1 1 0 0 1 1-1h7.5" transform="translate(-4.5 -.75)" stroke-miterlimit="10"/><circle cx="4.5" cy="26.64" r="1" stroke-miterlimit="10"/><path stroke-miterlimit="10" d="M8 26.64h12M11.5 14.5V1"/><path stroke-linejoin="round" d="M7.5 4.5l4-4 4 4"/></g>
<g id="deployments"><path stroke-linejoin="round" d="M9.95 15.11L7 12.16 3.61 14.2.5 11.08l2.71-2.72L15.2 6.63"/><path d="M11.8 17l5 5a133 133 0 0 0 10.89-9.49 9 9 0 0 0 2-10.19 9 9 0 0 0-10.19 2A133 133 0 0 0 10 15.2l1.8 1.8" transform="translate(-1 -1)" stroke-linejoin="round"/><circle cx="23.02" cy="8.98" r="2.81" transform="rotate(-45 21.314 9.691)" stroke-linejoin="round"/><path stroke-linejoin="round" d="M13.74 22.47l-6.21-6.21m15.37-1.38l-1.26 11.91-2.72 2.71-3.12-3.11L17.84 23l-1.99-1.99"/><path d="M4.49 22.06a3.54 3.54 0 0 1 5 5c-1.79 1.8-6.44 1.44-6.44 1.44s-.35-4.65 1.44-6.44z" transform="translate(-1 -1)" stroke-miterlimit="10"/></g>
<g id="dev-ops"><path stroke-linejoin="round" d="M18.27 16.39V5.8L9.39.5.5 5.8v10.59l8.89 5.3 8.88-5.3zm-.5-13.64L21.55.5l7.95 4.74v9.48l-3.74 2.24"/><path stroke-linejoin="round" d="M20.14 12.36l3.75 2.24v9.47l-7.95 4.75-7.96-4.75"/><path d="M12.67 18.79V15A4.24 4.24 0 0 0 12 7.56v4.24H8.76V7.56A4.24 4.24 0 0 0 8.1 15v3.74" transform="translate(-1 -1.04)" stroke-linejoin="round"/></g>
<g id="digital-twin"><path stroke-linejoin="round" d="M12.61 8.46v-2.9l3.37-1.97m1.98-1.18L21.16.5l3.2 1.91m1.99 1.18l3.2 1.91v3.72m0 2.56v3.73l-3.2 1.9m-1.99 1.18l-3.2 1.91-1.4-.83m-2.26 4.32V13.85L9 8.79.5 13.85v10.14L9 29.05l8.5-5.06z"/><circle cx="9" cy="18.92" r="2.81" stroke-linejoin="round"/></g>
<g id="home"><path stroke-linejoin="round" d="M5.5 16v14.5h21V16m-25-.79L16 2.1l14.5 13.11"/><path stroke-linejoin="round" d="M12.5 22.5h7v8h-7z"/></g>
<g id="log"><g><path d="M20.2 2.4h5.3v27H.5v-27h6.3"/><path d="M8.4.5h10v4h-10zm1.6 11h10.3m-14.9 0h3v3h-3zm4.6 3h8.4m-8.4 5h10.3m-14.9 0h3v3h-3zm4.6 3h8.4"/></g></g>
<g id="microservice"><path stroke-linejoin="round" d="M16.51 18.24l3.17-3.37-3.38-3.17m-7.38-.06l-3.28 3.28 3.28 3.27M10.79 21l3.74-12.16"/><path stroke-linejoin="round" d="M24.82 22.25V7.75L12.66.5.5 7.75v14.5l12.16 7.25 12.16-7.25z"/></g>
<g id="orchestration"><path d="M30.5 28.5h-29s0-14.28 6.21-22.43S10.82 24.42 17 21.36 30.5 3 30.5 28.5z" transform="translate(-1 -4)" stroke-linejoin="round"/><path d="M1.5 28.5C7.71 17.28 13.93 6.07 17 12.18s3.11 11.22 7.25 8.16 6.25 3.06 6.25 8.16" transform="translate(-1 -4)" stroke-linejoin="round"/></g>
<g id="orders"><path stroke-miterlimit="10" d="M25.5 6.5v25H.5V.5h19l6 6z"/><path stroke-miterlimit="10" d="M18.5.5v7h7M5 21.5h13m-13-4h16m-16 8h16"/><text fill="currentcolor" stroke="none" transform="translate(5.72 12.81)" font-size="12" font-weight="700">$</text></g>
<g id="pipeline"><rect x=".5" y=".5" width="6" height="6" rx="3" ry="3" stroke-miterlimit="10"/><rect x="21.5" y=".5" width="6" height="6" rx="3" ry="3" stroke-miterlimit="10"/><rect x=".5" y="19.5" width="6" height="6" rx="3" ry="3" stroke-miterlimit="10"/><rect x="21.5" y="19.5" width="6" height="6" rx="3" ry="3" stroke-miterlimit="10"/><path stroke-miterlimit="10" d="M19 3.5H6.5m12.5 19H6.5m1-4l15-13"/></g>
<g id="products"><rect x=".5" y=".5" width="29.11" height="21" rx="2" ry="2" stroke-linejoin="round"/><path stroke-linejoin="round" d="M19.44 23.5l3.17 5h-15l3.17-5m8.27-10.05l-3.19-3.18 2.67-1.97-8.84-2.47 2.48 8.84L14.13 12l3.18 3.19 1.74-1.74z"/></g>
<g id="spaces"><circle cx="8.5" cy="8.5" r="5" stroke-miterlimit="10"/><circle cx="8.5" cy="23.5" r="5" stroke-miterlimit="10"/><circle cx="23.5" cy="23.5" r="5" stroke-miterlimit="10"/><path stroke-miterlimit="10" d="M23.5 3v11M29 8.5H18"/></g>
<g id="tag"><path stroke-linejoin="round" d="M13.6 29.5L.5 16.4 16.4.5h13.1v13.1L13.6 29.5z"/><rect x="22.08" y="5.24" width="4.68" height="4.68" rx="2.34" ry="2.34" transform="rotate(90 24.42 6.58)" stroke-linejoin="round"/></g>
<g id="tag-group"><path stroke-linejoin="round" d="M11.06 23.89L.5 13.32 13.32.5h11.09v10.56L11.06 23.89z"/><path stroke-linejoin="round" d="M26.23 4.52h3.27V14.8L16.68 27.63l-3.03-3.02"/><path d="M18.15 7A1.87 1.87 0 0 1 20 5.13 1.79 1.79 0 0 1 21.89 7 1.87 1.87 0 0 1 20 8.87 1.87 1.87 0 0 1 18.15 7z" transform="translate(-1 -1.94)" stroke-linejoin="round"/></g>
<g id="templates"><path stroke-linecap="round" stroke-linejoin="round" d="M5.5.5h24v23h-24z"/><path stroke-linejoin="round" d="M25.5 26v2.5H.5v-23h3.19"/><path stroke-linecap="round" stroke-linejoin="round" d="M5.5 5.5h24"/><path stroke-linejoin="round" d="M17 12.5h7m-7-3h9"/><circle cx="11.5" cy="11" r="2" stroke-linejoin="round"/><path stroke-linejoin="round" d="M17 19.5h7m-7-3h9"/><circle cx="11.5" cy="18" r="2" stroke-linejoin="round"/><path stroke-linejoin="round" d="M1 9.5h2.69"/></g>
<g id="users"><path stroke-linejoin="round" d="M14.4 14l4.1 4v5.5H.5V18l4.1-4"/><rect x="5" y="3.5" width="9" height="11" rx="4.5" ry="4.5" stroke-linejoin="round"/><path stroke-linejoin="round" d="M25.43 11l4.13 4v5.5H20.5"/><rect x="16" y=".5" width="9" height="11" rx="4.5" ry="4.5" stroke-linejoin="round"/></g>
<g id="versions"><path stroke-linejoin="round" d="M15 24.5H.5V.5h27V13"/><path stroke-linecap="round" stroke-linejoin="round" d="M.5 5.5h27"/><circle cx="3" cy="3" r=".5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="6" cy="3" r=".5" stroke-linecap="round" stroke-linejoin="round"/><circle cx="9" cy="3" r=".5" stroke-linecap="round" stroke-linejoin="round"/><path stroke-linecap="round" stroke-linejoin="round" d="M29.5 24.03V17.1l-6-3.46-6 3.46v6.93l6 3.47 6-3.47z"/><path stroke-linejoin="round" d="M23.5 24.22v-5.5H22"/></g>