kitten-components
Version:
Front-end components library
93 lines (87 loc) • 7.65 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.PhoneIllustration = undefined;
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var PhoneIllustration = exports.PhoneIllustration = function PhoneIllustration(props) {
return _react2.default.createElement(
"svg",
_extends({
width: "66",
height: "62",
viewBox: "0 0 66 62",
xmlns: "http://www.w3.org/2000/svg"
}, props),
_react2.default.createElement(
"title",
null,
"Phone"
),
_react2.default.createElement(
"defs",
null,
_react2.default.createElement("rect", {
id: "a",
x: "21",
y: "10",
width: "24",
height: "50",
rx: "3.409",
strokeWidth: "2"
})
),
_react2.default.createElement(
"g",
{ fill: "none", fillRule: "evenodd" },
_react2.default.createElement("path", {
d: "M64.672 44.198c-.163-.142-.377-.213-.593-.195l-2.337.185c-.426.04-.75.4-.743.825.008.427.344.775.772.8h.105l2.316-.187c.334-.018.622-.237.728-.552.107-.315.008-.663-.248-.876zM58.022 9.25c-.234-.01-.463.072-.634.23l-4.117 3.79c-.358.326-.384.88-.058 1.237.226.254.58.35.906.248.123-.047.238-.113.34-.195l4.116-3.793c.173-.158.276-.378.287-.61.02-.485-.355-.892-.84-.912l.002.005zM12.465 30.014L5.942 29h-.124c-.428 0-.783.328-.816.752-.032.424.27.802.692.867l6.494 1.004h.19c.42-.027.75-.364.767-.782.016-.417-.288-.78-.704-.837l.025.01zM6.5 40.89l-1.915-.085-1.005-1.61c-.075-.122-.21-.196-.354-.195h-.043c-.156.017-.29.12-.345.267l-.67 1.77-1.847.477c-.154.037-.275.158-.31.314-.035.155.023.316.148.415l1.484 1.18v.09l-.13 1.797c-.01.158.07.31.207.39.134.08.304.08.44 0l1.588-1.043 1.76.714c.144.058.308.03.425-.07.118-.098.17-.255.136-.405l-.504-1.824 1.225-1.427c.102-.12.126-.29.064-.433-.04-.17-.18-.298-.354-.32zm-1.704 1.762c-.088.105-.118.246-.082.377l.34 1.222-1.167-.504c-.128-.052-.273-.038-.388.038l-1.068.7.09-1.267c.01-.14-.05-.272-.157-.358l-1.015-.78 1.24-.306c.134-.032.243-.128.292-.257l.45-1.187.674 1.077c.073.116.198.19.335.195l1.274.057-.818.99zM10.88 23.748v.033l-.06.84c-.037.196.055.394.228.495.173.1.39.084.546-.043l.728-.477.81.33c.175.09.39.065.538-.066.15-.132.2-.34.13-.526l-.23-.84.56-.665c.145-.14.188-.352.108-.535-.08-.183-.266-.297-.466-.285l-.87-.038-.48-.738c-.088-.15-.252-.24-.426-.234h-.047c-.192.014-.355.14-.418.32l-.306.814-.847.21c-.186.045-.328.19-.37.375-.038.18.03.364.177.475l.694.553zM65.045 25.862l-4-.186-.168-.262-1.953-3.124c-.112-.18-.312-.292-.526-.29h-.063c-.234.022-.435.176-.516.395l-1.437 3.734-3.89.95c-.242.05-.43.238-.48.477-.048.23.037.467.22.614l3.126 2.487v.305l-.24 3.686c-.017.234.102.457.306.576.203.12.457.12.66 0l3.35-2.195 3.714 1.5c.22.085.468.043.646-.11.177-.156.25-.398.187-.625l-1.063-3.843 2.584-3.052c.15-.18.187-.43.092-.644-.094-.214-.302-.358-.537-.37l-.015-.024zm-3.302 3.52c-.133.154-.18.365-.125.56l.814 2.948-2.87-1.147c-.192-.077-.41-.055-.58.057l-2.57 1.68.22-3.05c.015-.204-.07-.402-.23-.53l-2.393-1.905 2.985-.733c.198-.05.36-.19.43-.38l1.087-2.858 1.628 2.595c.103.167.28.275.478.29l3.073.138-1.947 2.333zM10.99 15.187l-1.126-.052-.598-.952c-.055-.09-.153-.144-.26-.143H8.98c-.117.01-.215.087-.255.195l-.397 1.048-1.096.27c-.113.028-.2.117-.225.23-.024.11.016.227.105.3l.88.7v.033l-.076 1.09c-.012.118.047.232.15.29.104.06.233.052.33-.018l.956-.62 1.043.425c.09.03.19.016.268-.038.087-.076.122-.195.09-.305l-.296-1.08.728-.858c.064-.087.076-.202.032-.3-.045-.1-.14-.167-.248-.176l.02-.04zm-1.136 1.358l.177.647-.62-.252c-.094-.038-.2-.027-.283.028l-.565.372.048-.672c.007-.1-.036-.195-.115-.257l-.526-.418.654-.162c.097-.023.176-.093.21-.185l.24-.63.354.572c.053.085.144.14.245.143l.674.03-.435.513c-.064.077-.086.18-.058.276v-.005z",
fill: "#60EE94"
}),
_react2.default.createElement("path", {
d: "M16.03 9.23c-.177 0-.347-.067-.477-.187L9.19 3.208c-.25-.272-.254-.694-.006-.97.247-.277.663-.317.96-.094L16.51 7.98c.218.198.292.512.186.79-.105.275-.368.46-.662.46h-.005z",
fill: "#59F091"
}),
_react2.default.createElement("path", {
stroke: "#52DF85",
strokeWidth: "1.19",
d: "M55.26 52.848l-2.26-1.8L55.7 50z"
}),
_react2.default.createElement("path", {
d: "M6.814 55.94c-.317.002-.598-.207-.688-.514-.09-.306.03-.635.297-.808l6.905-4.503c.33-.215.774-.12.988.214.214.332.12.778-.212.994L7.2 55.826c-.115.075-.25.115-.386.115zM5.714 61.94c-.29-.002-.55-.178-.66-.448-.11-.27-.047-.58.16-.785l4.738-4.7c.28-.278.734-.275 1.012.008.277.283.274.74-.007 1.02l-4.74 4.698c-.133.133-.314.207-.503.206z",
fill: "#59F091"
}),
_react2.default.createElement("path", {
d: "M10.452 57.24c-.08 0-.162-.015-.238-.043l-3.638-1.3c-.373-.132-.568-.543-.436-.918.13-.375.54-.572.912-.44l3.638 1.3c.325.12.52.455.46.798-.058.343-.352.595-.698.597v.005z",
fill: "#59F091"
}),
_react2.default.createElement("path", {
d: "M24.88 2.748v.033l-.06.84c-.037.196.055.394.228.495.173.1.39.084.546-.043l.728-.477.81.33c.175.09.39.065.538-.066.15-.132.2-.34.13-.526l-.23-.84.56-.665c.145-.14.188-.352.108-.535-.08-.183-.266-.297-.466-.285l-.87-.038-.48-.738c-.088-.15-.252-.24-.426-.234h-.047c-.192.014-.355.14-.418.32l-.306.814-.847.21c-.186.045-.328.19-.37.375-.038.18.03.364.177.475l.694.553z",
fill: "#60EE94"
}),
_react2.default.createElement("rect", { fill: "#D5FFE4", x: "23", y: "12", width: "24", height: "50", rx: "3.409" }),
_react2.default.createElement("use", { stroke: "#59F091", mask: "url(#b)", strokeWidth: "2.273", xlinkHref: "#a" }),
_react2.default.createElement("circle", { fill: "#FFF", cx: "33", cy: "35", r: "7.5" }),
_react2.default.createElement("path", {
d: "M33 26.477c-3.467 0-6.592 2.077-7.92 5.26-1.325 3.186-.592 6.852 1.86 9.29 2.45 2.437 6.137 3.166 9.34 1.847 3.203-1.32 5.29-4.427 5.29-7.874 0-4.707-3.836-8.523-8.57-8.523zm5.063 14.05v-5.776c0-.21-.295-.408-.508-.408h-.736c-.214 0-.263.2-.263.41v6.805c-.373.063-.373.123-.373.178v-8.842c0-.21-.296-.408-.51-.408h-1.097c-.213 0-.262.2-.262.408v9.403c-.373.02-.373.045-.373.056V30.664c0-.21-.295-.408-.508-.408h-1.1c-.212 0-.26.2-.26.408v11.658c-.374 0-.374-.033-.374-.055v-9.374c0-.21-.295-.408-.508-.408h-.725c-.213 0-.262.2-.262.408v8.917c-.373-.056-.373-.12-.373-.18v-6.853c0-.227-.296-.435-.508-.435H28.6c-.214 0-.263.212-.263.435v5.896c-.374-.112-.26-.23-.374-.35.004-.03.004-.064 0-.096V37.39c-.044-.25-.255-.434-.508-.447h-1.472c-.055.005-.11.023-.157.052-.188-.65-.285-1.325-.287-2.003.09-4.025 3.397-7.242 7.447-7.242 4.05 0 7.358 3.217 7.45 7.242-.003.664-.096 1.324-.278 1.962h-1.473c-.213 0-.262.216-.262.446v2.79c-.362.11-.362.223-.362.338z",
fill: "#59F091"
}),
_react2.default.createElement("ellipse", { fill: "#59F091", cx: "33", cy: "56.023", rx: "1.714", ry: "1.705" }),
_react2.default.createElement("path", {
fill: "#59F091",
d: "M22.143 52.045h21.714v1.136H22.143zM22.143 16.818h21.714v1.136H22.143z"
}),
_react2.default.createElement("rect", {
fill: "#59F091",
x: "31.286",
y: "13.409",
width: "3.429",
height: "1.136",
rx: ".568"
})
)
);
};