@elgato/icons
Version:
Icons used throughout the Elgato ecosystem.
17 lines (16 loc) • 4.01 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { sizeMap } from "../../metadata/sizing.js";
const IconMessage = (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: "M8 10.25C8 9.83579 8.33579 9.5 8.75 9.5H15.25C15.6642 9.5 16 9.83579 16 10.25C16 10.6642 15.6642 11 15.25 11H8.75C8.33579 11 8 10.6642 8 10.25Z" }), _jsx("path", { d: "M8.75 13C8.33579 13 8 13.3358 8 13.75C8 14.1642 8.33579 14.5 8.75 14.5H13.25C13.6642 14.5 14 14.1642 14 13.75C14 13.3358 13.6642 13 13.25 13H8.75Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M22 12C22 17.5228 17.5228 22 12 22C10.3461 22 8.786 21.5985 7.41182 20.8877L3.18829 22.0395C2.44179 22.2431 1.75682 21.5582 1.96041 20.8117L3.11228 16.5881C2.40145 15.214 1.99996 13.6539 1.99996 12C1.99996 6.47715 6.47711 2 12 2C17.5228 2 22 6.47715 22 12ZM4.71334 16.4185L3.63779 20.3622L7.58147 19.2866L8.101 19.5554C9.26718 20.1586 10.5915 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30554 3.5 3.49996 7.30558 3.49996 12C3.49996 13.4085 3.84135 14.7328 4.44459 15.899L4.71334 16.4185Z" })] }));
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.99988 6.5C4.99988 6.22386 5.22374 6 5.49988 6H10.4999C10.776 6 10.9999 6.22386 10.9999 6.5C10.9999 6.77614 10.776 7 10.4999 7H5.49988C5.22374 7 4.99988 6.77614 4.99988 6.5Z" }), _jsx("path", { d: "M5.49988 9C5.22374 9 4.99988 9.22386 4.99988 9.5C4.99988 9.77614 5.22374 10 5.49988 10H8.49988C8.77602 10 8.99988 9.77614 8.99988 9.5C8.99988 9.22386 8.77602 9 8.49988 9H5.49988Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.87141 11.3853L0.816074 14.5513C0.685781 14.9422 1.05765 15.3141 1.44853 15.1838L4.61454 14.1284C5.61781 14.6838 6.77191 15 7.99985 15C11.8658 15 14.9998 11.866 14.9998 8C14.9998 4.13401 11.8658 1 7.99985 1C4.13385 1 0.999846 4.13401 0.999846 8C0.999846 9.22794 1.31602 10.382 1.87141 11.3853ZM2.95892 11.2851L2.08098 13.9189L4.71478 13.0409L5.09886 13.2535C5.95768 13.729 6.94561 14 7.99985 14C11.3136 14 13.9998 11.3137 13.9998 8C13.9998 4.68629 11.3136 2 7.99985 2C4.68614 2 1.99985 4.68629 1.99985 8C1.99985 9.05423 2.27088 10.0422 2.7463 10.901L2.95892 11.2851Z" })] }));
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: "M7.50012 8C7.22398 8 7.00012 8.22386 7.00012 8.5C7.00012 8.77614 7.22398 9 7.50012 9H12.5001C12.7763 9 13.0001 8.77614 13.0001 8.5C13.0001 8.22386 12.7763 8 12.5001 8H7.50012Z" }), _jsx("path", { d: "M7.00012 11.5C7.00012 11.2239 7.22398 11 7.50012 11H10.5001C10.7763 11 11.0001 11.2239 11.0001 11.5C11.0001 11.7761 10.7763 12 10.5001 12H7.50012C7.22398 12 7.00012 11.7761 7.00012 11.5Z" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.0001 18C14.4183 18 18.0001 14.4183 18.0001 10C18.0001 5.58172 14.4183 2 10.0001 2C5.58179 2 2.00006 5.58172 2.00006 10C2.00006 11.3519 2.3354 12.6255 2.92743 13.7421L1.76689 17.6106C1.65247 17.992 2.00807 18.3476 2.38947 18.2332L6.25795 17.0726C7.37457 17.6647 8.64816 18 10.0001 18ZM2.99154 17.0085L4.0032 13.6363L3.81093 13.2737C3.29354 12.2978 3.00006 11.1847 3.00006 10C3.00006 6.13401 6.13407 3 10.0001 3C13.8661 3 17.0001 6.13401 17.0001 10C17.0001 13.866 13.8661 17 10.0001 17C8.81539 17 7.70222 16.7065 6.72638 16.1891L6.36374 15.9969L2.99154 17.0085Z" })] }));
}
};
IconMessage.iconName = "message";
export default IconMessage;