undraw-react
Version:
Undraw Illustrations for react!
39 lines • 8.08 kB
JavaScript
import React from 'react';
const Selfie = ({ color = '#6D07E8', size = '100%', style }) => (React.createElement("svg", { style, xmlns: "http://www.w3.org/2000/svg", "data-name": "Layer 1", height: size, viewBox: "0 0 505.46625 596.94537", xmlnsXlink: "http://www.w3.org/1999/xlink" },
React.createElement("path", { d: "M493.26688,652.47268l-5,96S699.761,547.178,726.10937,488.28153,702.86079,283.694,702.86079,283.694L592.81747,344.14029Z", transform: "translate(-347.26688 -151.52732)", fill: "#9f616a" }),
React.createElement("path", { d: "M817.55382,243.39641l32.548,3.09981s17.049,37.19774-35.64783,40.29756Z", transform: "translate(-347.26688 -151.52732)", fill: "#9f616a" }),
React.createElement("path", { d: "M817.55382,300.74293l32.548,3.09981s17.049,37.19774-35.64783,40.29755Z", transform: "translate(-347.26688 -151.52732)", fill: "#9f616a" }),
React.createElement("path", { d: "M817.55382,362.73916l32.548,3.09981s17.049,37.19774-35.64783,40.29756Z", transform: "translate(-347.26688 -151.52732)", fill: "#9f616a" }),
React.createElement("path", { d: "M808.25438,424.7354l32.548,3.09981s17.049,37.19774-35.64784,40.29755Z", transform: "translate(-347.26688 -151.52732)", fill: "#9f616a" }),
React.createElement("path", { d: "M833.39956,258.3401H830.9299V190.68455a39.15718,39.15718,0,0,0-39.15715-39.15723H648.43523a39.15718,39.15718,0,0,0-39.15726,39.1571V561.84816a39.15719,39.15719,0,0,0,39.15715,39.15723H791.77256a39.1572,39.1572,0,0,0,39.15731-39.15708V306.49848h2.46969Z", transform: "translate(-347.26688 -151.52732)", fill: "#3f3d56" }),
React.createElement("path", { d: "M822.59266,190.95615v370.62a29.23612,29.23612,0,0,1-29.23974,29.24H649.32264a29.23832,29.23832,0,0,1-29.23974-29.24v-370.62a29.23834,29.23834,0,0,1,29.23974-29.24h17.48a13.89125,13.89125,0,0,0,12.86035,19.14H761.7826a13.89735,13.89735,0,0,0,12.86035-19.14h18.71A29.23834,29.23834,0,0,1,822.59266,190.95615Z", transform: "translate(-347.26688 -151.52732)", fill: "#f1f1f1" }),
React.createElement("rect", { x: "830.30082", y: "249.5256", height: size, transform: "matrix(0.93836, -0.34566, 0.34566, 0.93836, -381.8812, 154.41714)", opacity: "0.2" }),
React.createElement("rect", { x: "830.30082", y: "307.5256", height: size, transform: "matrix(0.93836, -0.34566, 0.34566, 0.93836, -401.92948, 157.99227)", opacity: "0.2" }),
React.createElement("rect", { x: "830.30082", y: "369.5256", height: size, transform: "matrix(0.93836, -0.34566, 0.34566, 0.93836, -423.36041, 161.81396)", opacity: "0.2" }),
React.createElement("rect", { x: "830.25794", y: "430.2345", height: size, transform: "translate(-451.38707 252.3754) rotate(-25.63899)", opacity: "0.2" }),
React.createElement("polygon", { points: "305.766 261.169 294.116 286.879 272.816 333.889 272.816 250.739 305.766 261.169", fill: "#9f616a" }),
React.createElement("path", { d: "M782.47835,307.473c0,35.20443-32.5521,29.87966-72.70715,29.87966S637.064,342.67741,637.064,307.473s15.90087-97.60686,72.70715-97.60686C768.53452,209.86612,782.47835,272.26855,782.47835,307.473Z", transform: "translate(-347.26688 -151.52732)", fill: "#2f2e41" }),
React.createElement("path", { d: "M819.94276,430.8461l2.6499,16.56v114.17a29.01752,29.01752,0,0,1-3.79,14.4l-26.61963-46.67-9.59033-97.74-2.38965-24.41,36.06983.76Z", transform: "translate(-347.26688 -151.52732)", fill: "#9f616a" }),
React.createElement("path", { d: "M822.59278,426.82612c-1.28-4.16-3.45-11.19-5.94-19.03-4.38-13.81-9.74-30.16-12.92-37.95-6.07-14.87-37-8.91-37-8.91l-105.97-3.97s-3.95-.52-21.72-2.88c-7.45-.99-13.94,9.45-18.96,21.92v39.25l24.69,1.88a89.10574,89.10574,0,0,0-3.39,21.27c-.28,9.85,1.46,20.86,8.97,27.69,16.19,14.76,21.4,81.2,21.4,81.2l-11.39,43.52h132.99a29.236,29.236,0,0,0,29.24-29.24v-16.12c-8.39-13.58-15.28-20.41-15.28-20.41l-23.79-93.57,36.42-.63,2.65-.05Z", transform: "translate(-347.26688 -151.52732)", fill: "#2f2e41" }),
React.createElement("circle", { cx: "712.97091", cy: "284.80831", r: "48.925", transform: "translate(-339.83242 436.03767) rotate(-45)", fill: "#9f616a" }),
React.createElement("path", { d: "M652.99986,283.56921v0h19.35077l8.53691-23.90372,1.707,23.90372h9.24888l4.97994-13.94384.996,13.94384h68.7232v0a51.79135,51.79135,0,0,0-51.79135-51.79134h-9.96A51.79135,51.79135,0,0,0,652.99986,283.56921Z", transform: "translate(-347.26688 -151.52732)", fill: "#2f2e41" }),
React.createElement("path", { d: "M347.26688,702.47268l173.48-197.91713,6.19962-127.09228,65.096-108.49341,18.59887-46.49718s43.39736,4.64972,7.74953,92.99435l-14.72411,47.27213,0,0c13.27263,28.58719,10.14876,59.72584,10.14876,91.24394v108.3237c0,25.50678-111.55,164.44287-125.69866,185.6658l0,0Z", transform: "translate(-347.26688 -151.52732)", fill: "#9f616a" }),
React.createElement("polygon", { points: "258.272 126.636 245.33 120.276 245.771 119.378 257.728 125.255 275.778 77.932 276.712 78.289 258.272 126.636", opacity: "0.2" }),
React.createElement("circle", { cx: "375.4459", cy: "394.3388", r: "27", fill: color }),
React.createElement("circle", { cx: "312.4459", cy: "395.3388", r: "18.20833", fill: "#fff" }),
React.createElement("path", { d: "M659.71278,565.86612a19,19,0,1,1,19-19A19.02164,19.02164,0,0,1,659.71278,565.86612Zm0-36.41667a17.41667,17.41667,0,1,0,17.41667,17.41667A17.43638,17.43638,0,0,0,659.71278,529.44945Z", transform: "translate(-347.26688 -151.52732)", fill: "#cbcbcb" }),
React.createElement("g", { id: "aaa7a710-b437-4434-978d-0883174430d7", "data-name": "Group 38" },
React.createElement("path", { id: "a7a108c7-0bd7-4f18-a7e8-a19423e60387-3987", "data-name": "Path 63", d: "M663.61629,553.19927H645.87066a.36309.36309,0,0,1-.06624-.0054l8.39322-14.53738a.58751.58751,0,0,1,1.02292,0l5.63262,9.75579.27.46672Z", transform: "translate(-347.26688 -151.52732)", fill: "#e5e5e5" }),
React.createElement("path", { id: "ad5937c6-b05a-482c-a1d5-f08ce1790654-3988", "data-name": "Path 65", d: "M673.49646,553.19945H658.14783l2.97408-4.3199.214-.31122,3.87568-5.62991a.78427.78427,0,0,1,1.16493-.06948.69879.69879,0,0,1,.0558.06948Z", transform: "translate(-347.26688 -151.52732)", fill: "#e5e5e5" })),
React.createElement("circle", { cx: "437.4459", cy: "395.3388", r: "18.20833", fill: "#fff" }),
React.createElement("path", { d: "M784.71278,565.86612a19,19,0,1,1,19-19A19.02164,19.02164,0,0,1,784.71278,565.86612Zm0-36.41667a17.41667,17.41667,0,1,0,17.41667,17.41667A17.43638,17.43638,0,0,0,784.71278,529.44945Z", transform: "translate(-347.26688 -151.52732)", fill: "#cbcbcb" }),
React.createElement("path", { d: "M792.23421,544.93062l-.59211.59221v-4.28678a.86621.86621,0,0,0-.86616-.86617H777.78346a.86617.86617,0,1,0,0,1.73233h12.12631v3.42062l-.59168-.59221a.8663.8663,0,0,0-1.479.6123v.043a.86642.86642,0,0,0,.25376.61246l2.07068,2.07068a.866.866,0,0,0,1.22481,0l2.07068-2.07068a.86638.86638,0,0,0,.25376-.61246v-.043A.866.866,0,0,0,792.23421,544.93062Z", transform: "translate(-347.26688 -151.52732)", fill: "#e5e5e5" }),
React.createElement("path", { d: "M791.6421,551.63H779.51579v-3.42062l.5921.59221a.866.866,0,0,0,1.47857-.6123v-.043a.86638.86638,0,0,0-.25376-.61246L779.262,545.4632a.86605.86605,0,0,0-1.22482,0l-2.07067,2.07068a.86638.86638,0,0,0-.25376.61246v.043a.86629.86629,0,0,0,1.479.6123l.59169-.59221v4.28679a.8662.8662,0,0,0,.86616.86616H791.6421a.86617.86617,0,1,0,0-1.73233Z", transform: "translate(-347.26688 -151.52732)", fill: "#e5e5e5" }),
React.createElement("rect", { x: "283.73008", y: "45.56732", height: size, fill: "#fff" }),
React.createElement("rect", { x: "351.73008", y: "45.56732", height: size, fill: "#fff" }),
React.createElement("rect", { x: "419.73008", y: "45.56732", height: size, fill: "#fff" }),
React.createElement("rect", { x: "283.73008", y: "351.56732", height: size, fill: "#fff" }),
React.createElement("rect", { x: "351.73008", y: "351.56732", height: size, fill: "#fff" }),
React.createElement("rect", { x: "419.73008", y: "351.56732", height: size, fill: "#fff" })));
export default Selfie;
//# sourceMappingURL=Selfie.js.map