predix-ui
Version:
px-* web components as React styled components
36 lines (35 loc) • 13.4 kB
HTML
<g id="airplane"><path stroke-linejoin="round" d="M10.9 16L8.1 27h3.7l7.1-11m-8-4L8.1 5h3.7l5.6 7"/><path d="M8.5 18H5.2a3.89 3.89 0 0 1-3.7-4V8h1.9l1.9 4h21.5a3.89 3.89 0 0 1 3.7 4v2H19.7" stroke-linejoin="round"/><path d="M30.4 15.1h-4.5a1.35 1.35 0 0 1-1.3-1.4v-1.9" stroke-miterlimit="10"/></g>
<g id="airplane-engine"><path d="M12.9 28H7.4a.68.68 0 0 1-.7-.7 48 48 0 0 1 0-22.6.68.68 0 0 1 .7-.7H13a47.6 47.6 0 0 0-.1 24zm1.1-6.8a44.05 44.05 0 0 1-.3-5.2 45.33 45.33 0 0 1 .3-5.2" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.4 28h1.7a.68.68 0 0 0 .7-.7 41 41 0 0 0 1.1-6.1" stroke-miterlimit="10"/><path d="M11.4 4h1.7a.68.68 0 0 1 .7.7 59.72 59.72 0 0 1 1.1 6.1" stroke-linecap="round" stroke-linejoin="round"/><path stroke-miterlimit="10" d="M14.1 11l7.2-2m-7.2 12l7.2 2m-7.2-9h7.2m-7.2 4h7.2"/><path stroke-linecap="round" stroke-miterlimit="10" d="M21.5 8v16m.1-3.1s2.3 2 5.3-1V12c-3-3-5.3-1-5.3-1"/><path stroke-linecap="round" stroke-linejoin="round" d="M26.9 14l3.9 2-3.9 2m-21.7.8l-3-1.5a1.73 1.73 0 0 1-.5-2.2c.1-.2.3-.3.5-.5l3-1.5"/></g>
<g id="airport"><path stroke-linejoin="round" d="M6.84 21.5h19.94l1.81 9H7.75m-4.53-18L.5 9.5h9.06l-2.72 3m-5.78-3v-5m7.98 5v-5m-8.99 0h9.97m-4.99 0V0m21.3 21.5h2.72"/><path d="M16.61 16l-3.33-4.9 3.29.45 9.37-6.89a2.8 2.8 0 0 1 4.06.88v.09l-5.73 4.62 1 5.77-2 1.85-2-5.44z" transform="translate(-1.45)" stroke-linejoin="round"/><path stroke-linejoin="round" d="M20.95 7.28l-5.23-2.55-2.13 1.53 4.16 3.37M7.05 27.5v-15H3.08v15H1.41l-.91 3h9.06l-.9-3H7.05z"/></g>
<g id="automobile"><circle cx="7.3" cy="21.11" r="2.49" stroke-linejoin="round"/><circle cx="24.7" cy="21.11" r="2.49" stroke-linejoin="round"/><path stroke-linejoin="round" d="M22.21 21.11H9.79m-4.98.29H2.33a.85.85 0 0 1-.83-.87v-4.61a.87.87 0 0 1 .52-.8l5.28-1.48 1.76-4a2.47 2.47 0 0 1 2.13-1.26h6.68a2.43 2.43 0 0 1 1.76.76l3.21 4.23a.82.82 0 0 0 .48.25L29.25 15a1.72 1.72 0 0 1 1.25 1.66v3.85a.85.85 0 0 1-.83.87h-2.48"/><path d="M9.25 14.41l1.61-3.61a.76.76 0 0 1 .65-.39h6.12a.74.74 0 0 1 .54.23l2.68 3.77zm5.51-4.07v4.15m13.25.41v2.07h2.49" stroke-linejoin="round"/></g>
<g id="boiler"><ellipse cx="11" cy="3.5" rx="10.5" ry="3" stroke-linejoin="round"/><path stroke-linejoin="round" d="M21.5 11.09V3.5"/><path d="M25.5 26v1.5c0 1.66-4.7 3-10.5 3s-10.5-1.34-10.5-3V4.41" transform="translate(-4 -.91)" stroke-linejoin="round"/><circle cx="11" cy="13" r="3.5" stroke-linejoin="round"/><path stroke-linejoin="round" d="M11 13.5l1.5-2"/><path d="M28.53 20a3.53 3.53 0 0 1-7.07 0c0-2.05 1.58-2.61 1.58-4.29a10.43 10.43 0 0 1 1.68 2.24A4.42 4.42 0 0 0 25.84 14a7.38 7.38 0 0 1 2.69 6z" transform="translate(-4 -.91)" stroke-linejoin="round"/></g>
<g id="cell-tower"><circle cx="12.09" cy="6.47" r="1.5" stroke-linejoin="round"/><path d="M7.61 12.65a7.47 7.47 0 0 1 0-12m3.76 9.12a3.5 3.5 0 0 1 0-6.22M23.54.67a7.47 7.47 0 0 1 0 12m-3.79-9.12a3.5 3.5 0 0 1 0 6.22" transform="translate(-3.39 -.25)" stroke-linejoin="round"/><path stroke-linejoin="round" d="M12.1 8.02L.45 30.97M12.19 8.11l11.26 22.86m-20-6h17m-13-8h9m-4.3-8.5v23"/></g>
<g id="class"><path stroke-linejoin="round" d="M21.5 14.81V5.27L13.5.5l-8 4.77v9.54l8 4.77 8-4.77z"/><path stroke-linejoin="round" d="M16.5 23.81v-9.54l-8-4.77-8 4.77v9.54l8 4.77 8-4.77z"/><path stroke-linejoin="round" d="M26.5 23.81v-9.54l-8-4.77-8 4.77v9.54l8 4.77 8-4.77z"/></g>
<g id="condenser"><path d="M19.57 29h-4v-7.5c0-3 2.16-5.5 4.83-5.5h5.18v4h-4.3c-1.21 0-1.7 1.12-1.7 2.5z" stroke-linejoin="round"/><path d="M20.32 16h-7c-2.63 0-4.79 2.5-4.79 5.5V29h3.9v-6.5c0-1.36.57-2.47 1.76-2.5" stroke-linejoin="round"/><path d="M13.29 16h-7c-2.63 0-4.79 2.5-4.79 5.5V29h4v-6.5c0-1.36.5-2.5 1.66-2.5" stroke-linejoin="round"/><path d="M6.77 14.5v-2C6.77 10 9.41 7 9.41 3h18.45c0 4 2.64 7 2.64 9.5V25H20.39" stroke-linejoin="round"/></g>
<g id="controller"><path d="M7.6 16.86V.47h13v2.3m0 3.19v23.5h-13v-9.5"/><circle cx="13.9" cy="11.47" r="1.5"/><circle cx="13.9" cy="4.27" r="1.5"/><path d="M15.4 4.47h14.4"/><circle cx="13.9" cy="25.86" r="1.5"/><circle cx="13.9" cy="18.47" r="1.5"/><path d="M12.4 18.47H0"/></g>
<g id="cooling-tower"><path d="M5.44 30.5h-4V16a5.5 5.5 0 0 1 5.5-5.5h5.5v4h-4.5a2.5 2.5 0 0 0-2.5 2.5z" transform="translate(-.94 -1)" stroke-linejoin="round"/><path stroke-linejoin="round" d="M14.06 6.5l-2-6h12l-2 6h-8zM28.53 13V6.5h-20V10m.05 4v15.5h20V23"/><path d="M31 15.5c-1.83 0-1.83 2-3.66 2s-1.83-2-3.67-2-1.83 2-3.67 2m11 2c-1.83 0-1.83 2-3.66 2s-1.83-2-3.67-2-1.83 2-3.67 2" transform="translate(-.94 -1)" stroke-linejoin="round"/></g>
<g id="database"><g data-name="Layer 2"><path d="M28.35 8.74v3.59c0 2-5.62 3.6-12.55 3.6S3.25 14.31 3.25 12.34v-3.6" stroke-linejoin="round"/><ellipse cx="15.8" cy="4.99" rx="12.55" ry="3.59" stroke-linejoin="round"/><path d="M28.35 23.42v3.51c0 1.94-5.62 3.51-12.55 3.51s-12.55-1.56-12.55-3.5v-3.52m25.1-7.49v3.75c0 2-5.62 3.67-12.55 3.67S3.25 21.66 3.25 19.67v-3.74" stroke-linejoin="round"/></g></g>
<g id="desktop"><g data-name="Layer 2"><path stroke-linejoin="round" d="M1.45 1.41h29.07v19.14H1.45zm21.84 27.14c-2.29 0-3.86-3.88-3.86-7.89M8.79 28.55c2.29 0 3.69-3.88 3.69-7.89M7.1 28.55H25M1.93 14.45h28.12"/></g></g>
<g id="edge-box"><path d="M7.5 13.5h17v17h-17z"/><circle cx="16.2" cy="22" r="3.5"/><path d="M7.4 5.7C11.4.8 18.7.1 23.5 4.2c.6.5 1.1 1 1.5 1.5"/><path d="M10.2 8.5c2.5-3.3 7.1-4 10.4-1.6.6.4 1.1 1 1.6 1.6m-9.1 2.9c.9-1.7 3-2.4 4.7-1.5.6.3 1.2.9 1.5 1.5"/></g>
<g id="fleet"><path stroke-linejoin="round" d="M21.5 25.52v-8.35l-7-4.17-7 4.17v8.35l7 4.17 7-4.17z"/><path stroke-linejoin="round" d="M7.37 17.37l7.13 4.25 7.13-4.25M14.5 29.85v-8m7-4.66l7-4.17V4.67L21.5.5l-7 4.17"/><path stroke-linejoin="round" d="M14.37 4.87l7.13 4.25 7.13-4.25M21.5 17.35v-8"/><path stroke-linejoin="round" d="M14.5 4.67L7.5.5l-7 4.17v8.35l7 4.17"/><path stroke-linejoin="round" d="M.37 4.87L7.5 9.12l7.13-4.25M7.5 17.35v-8m7-4.5v8"/></g>
<g id="gas-turbine"><path d="M5.5 8.4l5 2.6m-5 14.5v-19m0 17.1l5-2.6m-5 0l-3 1.5c-1.3-4.2-1.3-8.8 0-13l3 1.5m4.1 0h5.9v10H9.6zm12.9 10.3l6 3.2c2.7-5.4 2.7-11.6 0-17-2.3 1.1-3.7 2.1-6 3.2v10.6zM15.5 8h3v4h-3zm3 1h4v2h-4zm-3 5h3v4h-3zm3 1h4v2h-4zm-3 5h3v4h-3zm3 1h4v2h-4z"/></g>
<g id="gateway"><path stroke-linejoin="round" d="M24.14 9.42h4.36v10H.5v-10H22M4.56 19.2v3.74m4.88-3.74v3.74m5.03-3.74v3.74m5.05-3.74v3.74m5.04-3.74v3.74M24.5 0v9.42"/><circle cx="6.51" cy="14.42" r="1.5" stroke-linejoin="round"/><circle cx="14.51" cy="14.42" r="1.5" stroke-linejoin="round"/><circle cx="22.54" cy="14.42" r="1.5" stroke-linejoin="round"/></g>
<g id="hrsg"><path stroke-linecap="round" stroke-linejoin="round" d="M22.5 7.64h7v22h-7z"/><path stroke-linejoin="round" d="M20.5 13.56h-11l-9 9.08v7h22"/><path stroke-linecap="round" stroke-linejoin="round" d="M22.5 10.64h7"/><path d="M17.42 1.4c0 5 9 2 9 6v-3s0-3-4-3z" transform="translate(-.92 -.9)" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.92 19.55c-1.83 0-1.83 2-3.66 2s-1.83-2-3.67-2-1.83 2-3.67 2m11 2c-1.83 0-1.83 2-3.66 2s-1.83-2-3.67-2-1.83 2-3.67 2" transform="translate(-.92 -.9)" stroke-miterlimit="10"/></g>
<g id="imaging-machine"><path d="M23.4 20.8c-1 3.9-3.2 6.6-5.7 6.6-3.5 0-6.4-5.2-6.4-11.6s2.8-11.6 6.4-11.6c3.2 0 5.9 4.4 6.3 10.1" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.8 20.8a2.63 2.63 0 0 1-2.2 1.4c-1.9 0-3.5-2.9-3.5-6.4s1.6-6.4 3.5-6.4c1.6 0 3 2 3.4 4.8" stroke-linecap="round" stroke-linejoin="round"/><path d="M18 27.4c-2.4 0-10.4-1.6-10.4-1.6-3.2-.9-6.4-5.2-6.4-11.6S5 2.7 8.5 2.7L18 4.2" stroke-linecap="round" stroke-linejoin="round"/><path stroke-linejoin="round" d="M14.3 17.9l13.2 2 2.7-2.3L14.1 15m11.7 4.9v8.6"/><path stroke-linecap="round" stroke-linejoin="round" d="M28.4 28.9l-5.2-.8"/></g>
<g id="light-bulb"><path d="M24.5 10c0-4.7-3.8-8.5-8.5-8.5S7.5 5.3 7.5 10c0 2.6 1.2 5.1 3.3 6.7 1.1.8 1.7 2 1.7 3.4v6.7c0 .4.3.7.7.7h5.6c.4 0 .7-.3.7-.7v-6.7c0-1.4.7-2.6 1.8-3.4 2-1.6 3.2-4.1 3.2-6.7zm-6 18c0 1.4-1.1 2.5-2.5 2.5s-2.5-1.1-2.5-2.5m-1-6.5h7m-7 3h7"/></g>
<g id="line"><path d="M2.5 9.2l6 2.8v8s-6 3-6 2.8V9.2zm12 0l-6 2.8v8s6 3 6 2.8V9.2zm8 4l-5-3.2v12c1.7-1 3.4-2.1 5-3.2l7 5.2V8s-7 5-7 5.2zm8 2.8h-1m-12 1h-3m3-2h-3m-12 1h-1m21 2.8v-5.6"/></g>
<g id="line-og"><path d="M27 19.38a11 11 0 1 1-22 0c0-8.18 8.65-13 11-17.88 2.39 4.83 11 9.71 11 17.88z" transform="translate(-4.5 -1)" stroke-linecap="round" stroke-linejoin="round"/><path d="M22.05 24.39a6.05 6.05 0 1 1-12.1 0c0-3.55 2.7-4.52 2.7-7.42a18 18 0 0 1 2.87 3.87 7.7 7.7 0 0 0 1.91-6.77 12.8 12.8 0 0 1 4.62 10.32z" transform="translate(-4.5 -1)" stroke-linecap="round" stroke-linejoin="round"/></g>
<g id="locomotive"><path stroke-miterlimit="10" d="M1 26h30"/><path stroke-linejoin="round" d="M4 17h23.5l3 6h-4l-1-3h-19l-1 3h-4V6h19l2 5h5v6"/><path d="M12 20a2.5 2.5 0 1 1-4 0m10 0a2.5 2.5 0 1 1-4 0m10 0a2.5 2.5 0 1 1-4 0" stroke-miterlimit="10"/><path d="M21.44 8h-4.88L17 9.55A1.63 1.63 0 0 0 18.44 11h4.5" stroke-linejoin="round"/></g>
<g id="machine"><path d="M4.5 18.81C4.5 9.25 9.65 1.5 16 1.5s11.5 7.75 11.5 17.31" transform="translate(-4 -1)" stroke-miterlimit="10"/><circle cx="12" cy="17.81" r="2.34" stroke-miterlimit="10"/><path d="M16 30.31a11.5 11.5 0 1 1 11.5-11.5A11.51 11.51 0 0 1 16 30.31zm-.41-13.99c-1.74-2.2-1.12-5.93-1.12-5.93m3 6.36c.32-2.79 3.4-5 3.4-5m-2.38 6.64c2.2-1.74 5.93-1.12 5.93-1.12m-6.37 3c2.79.32 5 3.4 5 3.4m-6.64-2.38c1.74 2.2 1.12 5.93 1.12 5.93m-3-6.36c-.32 2.79-3.4 5-3.4 5m2.38-6.64c-2.2 1.74-5.93 1.12-5.93 1.12m6.37-3c-2.79-.32-5-3.4-5-3.4" transform="translate(-4 -1)" stroke-miterlimit="10"/></g>
<g id="manufacturing-line"><path d="M1 14h23.23a6.3 6.3 0 0 1 6.13 5c.86 4.22-2.14 8-5.94 8H1" stroke-linejoin="round"/><ellipse cx="23.48" cy="20.5" rx="2.34" ry="2.5" stroke-linejoin="round"/><ellipse cx="15.04" cy="20.5" rx="2.34" ry="2.5" stroke-linejoin="round"/><ellipse cx="6.6" cy="20.5" rx="2.34" ry="2.5" stroke-linejoin="round"/><path stroke-linejoin="round" d="M3.48 5h8v9h-8z"/><path stroke-linejoin="round" d="M6.48 5h2v3h-2zm9 0h8v9h-8z"/><path stroke-linejoin="round" d="M18.48 5h2v3h-2z"/></g>
<g id="plant"><path d="M7.6 4.1l2.3 23.8H1.5L3.6 4.1"/><path d="M9 27.9h21.5V9.1l-6 5.9V8.4l-7 6.3V8.6l-6.2 5.7M2.1 3.9L9 3.8"/></g>
<g id="predix-box"><path d="M7.5 1.5h17v29h-17z"/><circle cx="12" cy="27.5" r=".5"/><path d="M17.5 9.5h7v4h-7zm-7.5-5h5m-5 4h5m-5 4h5m-5 4h5m-5 4h5m-5 4h5"/></g>
<g id="product"><path stroke-linejoin="round" d="M26.35 21.58V8.4L13.43.56.5 8.4v13.18l12.93 7.83 12.92-7.83zm-22.09-4.7l4.49 2.76"/><path stroke-linejoin="round" d="M26.35 9.31v-.97L13.43.5.5 8.34v.5-.47"/><path stroke-linejoin="round" d="M8.42 3.54l.04.02 13.18 8.2M5.74 5.42l.04.02 13.18 8.2"/><path stroke-linejoin="round" d="M.42 8.87l13.01 7.88 13-7.88m-13 7.95V29.5"/><path stroke-linejoin="round" d="M18.96 13.39v3.9l2.77-1.79v-3.74"/></g>
<g id="rail-yard"><path stroke-linejoin="round" d="M.98 25.5h30m-.46-7H20.38l-2.32 3h-4.12l-2.01-3H1.48v-12h29.04v12z"/><circle cx="3.98" cy="21" r="2.5" stroke-linejoin="round"/><path d="M12.11 18.77A2.5 2.5 0 1 0 13.48 21a1.34 1.34 0 0 0 0-.2m6.82-2.19a2.41 2.41 0 0 1 .7-.11 2.5 2.5 0 1 1-2.5 2.5v-.1" stroke-linejoin="round"/><circle cx="28.02" cy="21" r="2.5" stroke-linejoin="round"/><path stroke-linejoin="round" d="M7.48 10v5m11.04-5v5m-5.04-5v5m11.04-5v5"/></g>
<g id="routes"><path d="M24.92 7.31h-4a5 5 0 0 0-4.39 2.6L13 16.31H8.76" stroke-linejoin="round"/><circle cx="5.23" cy="16.31" r="4" stroke-miterlimit="10"/><path stroke-linejoin="round" d="M21.97 3.81l3.5 3.5-3.5 3.5m5.3 2l3.5 3.5-3.5 3.5M13 16.31l3.51 6.42a5 5 0 0 0 4.39 2.6h4"/><path stroke-linejoin="round" d="M21.97 28.81l3.5-3.5-3.5-3.5m-9.21-5.5h17.29"/></g>
<g id="sensor"><path stroke-linejoin="round" d="M22.53 12.89v-2.23l-8-4.77-8 4.77v9.54l8 4.77 8-4.77v-2.11"/><path d="M16.73 15.43a2 2 0 0 1-2 2 2 2 0 0 1-2-2 2 2 0 0 1 2-2 2 2 0 0 1 2 2zm-.03 0h14.15" stroke-linejoin="round"/><path d="M26.93 19a12.84 12.84 0 0 1-12.43 9.43 13 13 0 0 1 0-26A12.79 12.79 0 0 1 27 11.88" stroke-linejoin="round"/></g>
<g id="solar-panel"><path stroke-linejoin="round" d="M16 13.5h13.5v15h-18V16m6-2.5v15m6-15v15m-12-5h18m-18-5h18"/><circle cx="8.5" cy="8.5" r="4" stroke-linejoin="round"/><path stroke-miterlimit="10" d="M8.5 0v3"/><path stroke-linejoin="round" d="M17 8.5h-3M8.5 17v-3M0 8.5h3m11.51-6.01l-2.12 2.12m2.12 9.9l-2.12-2.12m-9.9 2.12l2.12-2.12m-2.12-9.9l2.12 2.12"/></g>
<g id="steam-turbine"><path d="M1.5 10.24l6 1.76v8c-1.62.6-4.38 1.19-6 1.79zm24 .01L20.5 8v16c1.62-.75 3.38-1.5 5-2.25l5 2.25V8c-1.62.75-3.38 1.5-5 2.25zM17.5 23l-6-2.25v-9.5c1.62-.75 4.38-1.5 6-2.25zm-6-9h-4m4 4h-4m24-2h-1m-10 2h-3m3-4h-3m-16 2h-1m25 5.75v-11.5" stroke-linecap="round" stroke-linejoin="round"/></g>
<g id="train"><path d="M1 23.5h30m-29.5-3h26.9c1.4 0 2.4-1.7 1.9-3.3l-.6-1.7c-1.4-4.2-4.8-7-8.5-7H1.5v12z"/><path d="M28 12.5h-6.5l.6 2.1c.1 1 .9 1.8 1.9 1.9h6m-28.5-4h8v4h-8zm5 4.5v-4m6 8v-8.5h4V21"/></g>
<g id="truck"><path d="M11.1 25h-4m8.9 0h3.5V10h4.9l6.1 7v8H28"/><path d="M21.6 16v-3h2.6l2.3 2.4c.1.1.1.4 0 .5-.1.1-.2.1-.3.1h-4.6zm2.4 9h-5"/><circle cx="5.1" cy="25.5" r="2.5"/><circle cx="13.1" cy="25.5" r="2.5"/><circle cx="26" cy="25.5" r="2.5"/><path d="M3.1 25H1.6V7H18m-.9-3h1c.8 0 1.5.6 1.5 1.5v5"/></g>
<g id="wind-turbine"><circle cx="15.9" cy="14.1" r="2.3"/><path d="M14.5 18.8l-1.7 11.7m6.4 0l-1.8-11.7m-1.8-7l-1.4-1.9c-.4-.6-.5-1.3-.1-1.9l3.2-6.5h1.9l-1.9 10.8m.8 2.7l2.3-.2c.7-.1 1.4.3 1.7.8l4 6-.9 1.6-8.4-7m-2.7-.6l-1 2.1c-.3.6-1.2.7-1.9.7l-7 .8-.9-1.6 10.3-3.8M9 30.5h14"/></g>