@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
17 lines (16 loc) • 3.58 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconHdmi = (props) => {
const size = sizeMap[props?.size ?? "m"];
const label = props?.label ?? "Icon";
switch (props?.size) {
case "l":
return (_jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M6.75 12C6.33579 12 6 12.3358 6 12.75C6 13.1642 6.33579 13.5 6.75 13.5H17.25C17.6642 13.5 18 13.1642 18 12.75C18 12.3358 17.6642 12 17.25 12H6.75Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.82843 17.5C5.29799 17.5 4.78929 17.2893 4.41421 16.9142L2.58579 15.0858C2.21071 14.7107 2 14.202 2 13.6716V10C2 8.89543 2.89543 8 4 8H20C21.1046 8 22 8.89543 22 10V13.6716C22 14.202 21.7893 14.7107 21.4142 15.0858L19.5858 16.9142C19.2107 17.2893 18.702 17.5 18.1716 17.5H5.82843ZM20.3536 14.0251L18.5251 15.8536C18.4314 15.9473 18.3042 16 18.1716 16H5.82843C5.69582 16 5.56864 15.9473 5.47487 15.8536L3.64645 14.0251C3.55268 13.9314 3.5 13.8042 3.5 13.6716V10C3.5 9.72386 3.72386 9.5 4 9.5H20C20.2761 9.5 20.5 9.72386 20.5 10V13.6716C20.5 13.8042 20.4473 13.9314 20.3536 14.0251Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 12.75C6 12.3358 6.33579 12 6.75 12H17.25C17.6642 12 18 12.3358 18 12.75C18 13.1642 17.6642 13.5 17.25 13.5H6.75C6.33579 13.5 6 13.1642 6 12.75Z" })] }));
case "s":
return (_jsxs("svg", { viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M4.5 7C4.22386 7 4 7.22386 4 7.5C4 7.77614 4.22386 8 4.5 8H11.5C11.7761 8 12 7.77614 12 7.5C12 7.22386 11.7761 7 11.5 7H4.5Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.43934 8.93934L3.06066 10.5607C3.34196 10.842 3.7235 11 4.12132 11H11.8787C12.2765 11 12.658 10.842 12.9393 10.5607L14.5607 8.93934C14.842 8.65804 15 8.2765 15 7.87868V5.5C15 4.67157 14.3284 4 13.5 4H2.5C1.67157 4 1 4.67157 1 5.5V7.87868C1 8.2765 1.15803 8.65803 1.43934 8.93934ZM2.5 5H13.5C13.7761 5 14 5.22386 14 5.5V7.87868C14 8.01129 13.9473 8.13846 13.8536 8.23223L12.2322 9.85355C12.1385 9.94732 12.0113 10 11.8787 10H4.12132C3.98871 10 3.86153 9.94732 3.76777 9.85355L2.14645 8.23223C2.05268 8.13846 2 8.01129 2 7.87868V5.5C2 5.22386 2.22386 5 2.5 5Z" })] }));
default:
return (_jsxs("svg", { viewBox: "0 0 20 20", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", width: size, height: size, "aria-label": label, role: "img", ...props, children: [_jsx("path", { d: "M5.5 10C5.22386 10 5 10.2239 5 10.5C5 10.7761 5.22386 11 5.5 11H14.5C14.7761 11 15 10.7761 15 10.5C15 10.2239 14.7761 10 14.5 10H5.5Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.43934 11.9393L4.06066 13.5607C4.34196 13.842 4.7235 14 5.12132 14H14.8787C15.2765 14 15.658 13.842 15.9393 13.5607L17.5607 11.9393C17.842 11.658 18 11.2765 18 10.8787V8.5C18 7.67157 17.3284 7 16.5 7H3.5C2.67157 7 2 7.67157 2 8.5V10.8787C2 11.2765 2.15803 11.658 2.43934 11.9393ZM3.5 8H16.5C16.7761 8 17 8.22386 17 8.5V10.8787C17 11.0113 16.9473 11.1385 16.8536 11.2322L15.2322 12.8536C15.1385 12.9473 15.0113 13 14.8787 13H5.12132C4.98871 13 4.86153 12.9473 4.76777 12.8536L3.14645 11.2322C3.05268 11.1385 3 11.0113 3 10.8787V8.5C3 8.22386 3.22386 8 3.5 8Z" })] }));
}
};
IconHdmi.iconName = "hdmi";
export default IconHdmi;