@sexyicons/react
Version:
React components for sexy icons: Icons speak louder than words
33 lines (30 loc) • 5.38 kB
JavaScript
import React from 'react';
import { withSVG } from '../helpers/withSVG.js';
const Chat = ({ color = "currentColor", secondaryColor, set = "line", }) => {
const Line = () => (React.createElement(React.Fragment, null,
React.createElement("path", { d: "M7.5 13.5C8.32843 13.5 9 12.8284 9 12C9 11.1716 8.32843 10.5 7.5 10.5C6.67157 10.5 6 11.1716 6 12C6 12.8284 6.67157 13.5 7.5 13.5Z", fill: color }),
React.createElement("path", { d: "M13.5 12C13.5 12.8284 12.8284 13.5 12 13.5C11.1716 13.5 10.5 12.8284 10.5 12C10.5 11.1716 11.1716 10.5 12 10.5C12.8284 10.5 13.5 11.1716 13.5 12Z", fill: color }),
React.createElement("path", { d: "M16.5 13.5C17.3284 13.5 18 12.8284 18 12C18 11.1716 17.3284 10.5 16.5 10.5C15.6716 10.5 15 11.1716 15 12C15 12.8284 15.6716 13.5 16.5 13.5Z", fill: color }),
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.6522 2.71772C12.9188 2.22247 11.0814 2.22247 9.34802 2.71772L9.22162 2.75383C6.09319 3.64767 3.64777 6.09309 2.75393 9.22152C2.23256 11.0463 2.27471 12.9861 2.87486 14.7865L3.42237 16.4291C3.44651 16.5015 3.4495 16.5793 3.43098 16.6534L2.52996 20.2575C2.44476 20.5982 2.54461 20.9587 2.79299 21.2071C3.04137 21.4555 3.40186 21.5553 3.74264 21.4701L7.34674 20.5691C7.42079 20.5506 7.49859 20.5536 7.57101 20.5777L9.21355 21.1252C11.014 21.7254 12.9538 21.7675 14.7786 21.2462C17.907 20.3523 20.3524 17.9069 21.2463 14.7785L21.2824 14.6521C21.7776 12.9187 21.7776 11.0813 21.2824 9.34792C20.3661 6.14088 17.8592 3.63402 14.6522 2.71772ZM9.89746 4.64077C11.2717 4.24812 12.7285 4.24812 14.1027 4.64077C16.6454 5.36723 18.6329 7.35474 19.3593 9.89736C19.752 11.2716 19.752 12.7284 19.3593 14.1026L19.3232 14.229C18.6192 16.6931 16.6932 18.6191 14.2291 19.3231C12.7919 19.7338 11.2641 19.7006 9.84601 19.2279L8.98347 18.9404C7.89526 18.3048 7.20374 17.8211 6.71829 17.3855L6.71692 17.3843C6.68118 17.3522 6.64655 17.3204 6.61298 17.2888C6.56704 17.2456 6.52305 17.2028 6.48081 17.1602C5.98829 16.6644 5.73426 16.21 5.40919 15.6284C5.30367 15.4396 5.19066 15.2375 5.05957 15.0161L4.77222 14.1541C4.29953 12.736 4.26634 11.2082 4.67698 9.77096C5.38099 7.30695 7.30705 5.38089 9.77107 4.67688L9.89746 4.64077Z", fill: color })));
const Solid = () => (React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9.34802 2.71763C11.0814 2.22238 12.9188 2.22238 14.6522 2.71763C17.8592 3.63393 20.3661 6.14079 21.2824 9.34783C21.7776 11.0812 21.7776 12.9186 21.2824 14.652L21.2463 14.7784C20.3524 17.9068 17.907 20.3522 14.7786 21.2461C12.9538 21.7674 11.014 21.7253 9.21355 21.1252L7.57101 20.5776C7.49859 20.5535 7.42079 20.5505 7.34674 20.569L3.74264 21.47C3.40186 21.5552 3.04137 21.4554 2.79299 21.207C2.54461 20.9586 2.44476 20.5981 2.52996 20.2574L3.43098 16.6533C3.4495 16.5792 3.44651 16.5014 3.42237 16.429L2.87486 14.7865C2.27471 12.986 2.23256 11.0462 2.75393 9.22143C3.64777 6.093 6.09319 3.64758 9.22162 2.75374L9.34802 2.71763ZM7.5 13.4999C8.32843 13.4999 9 12.8283 9 11.9999C9 11.1715 8.32843 10.4999 7.5 10.4999C6.67157 10.4999 6 11.1715 6 11.9999C6 12.8283 6.67157 13.4999 7.5 13.4999ZM13.5 11.9999C13.5 12.8283 12.8284 13.4999 12 13.4999C11.1716 13.4999 10.5 12.8283 10.5 11.9999C10.5 11.1715 11.1716 10.4999 12 10.4999C12.8284 10.4999 13.5 11.1715 13.5 11.9999ZM16.5 13.4999C17.3284 13.4999 18 12.8283 18 11.9999C18 11.1715 17.3284 10.4999 16.5 10.4999C15.6716 10.4999 15 11.1715 15 11.9999C15 12.8283 15.6716 13.4999 16.5 13.4999Z", fill: color }));
const Lineal = () => (React.createElement(React.Fragment, null,
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.652 2.718a9.654 9.654 0 0 0-5.304 0l-.126.036a9.417 9.417 0 0 0-6.347 12.032l.547 1.643c.025.073.027.15.009.224l-.901 3.605a1 1 0 0 0 1.213 1.212l3.604-.9a.402.402 0 0 1 .224.008l1.643.547a9.417 9.417 0 0 0 12.032-6.347l.036-.126a9.655 9.655 0 0 0-6.63-11.934ZM9.897 4.64a7.654 7.654 0 0 1 9.462 9.462l-.036.126a7.417 7.417 0 0 1-9.477 4.999l-.863-.288c-1.088-.635-1.78-1.119-2.265-1.555h-.001a6.037 6.037 0 0 1-.236-.225c-.493-.496-.747-.95-1.072-1.532a25.21 25.21 0 0 0-.35-.612l-.287-.862a7.417 7.417 0 0 1 5-9.477l.125-.036Z", fill: color }),
React.createElement("path", { d: "M7.5 13.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Zm6-1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm3 1.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z", fill: secondaryColor })));
const Bulk = () => (React.createElement(React.Fragment, null,
React.createElement("path", { d: "M5.207 15.793a1 1 0 0 0-1.677.465l-1 4a1 1 0 0 0 1.213 1.212l4-1a1 1 0 0 0 .464-1.677l-3-3Z", fill: color }),
React.createElement("path", { d: "M12 2.5a9.5 9.5 0 1 0 0 19 9.5 9.5 0 0 0 0-19Z", fill: secondaryColor }),
React.createElement("path", { d: "M9 12a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm4.5 0a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z", fill: color })));
switch (set) {
case "solid":
return React.createElement(Solid, null);
case "lineal":
return React.createElement(Lineal, null);
case "bulk":
return React.createElement(Bulk, null);
default:
return React.createElement(Line, null);
}
};
var Chat$1 = withSVG(Chat);
export { Chat, Chat$1 as default };
//# sourceMappingURL=Chat.js.map