UNPKG

react-undraw-illustrations

Version:

unDraw: MIT licensed illustrations for every project you can imagine and create...for React!

703 lines (698 loc) 20.5 kB
import React from "react"; import PropTypes from "prop-types"; const UndrawResumeFolder = props => ( <svg style={{height:props.height, width:'100%'}} className={props.class} id="0b188637-16b1-4c40-a71f-ceebe5cfc5ec" data-name="Layer 1" xmlnsXlink="http://www.w3.org/1999/xlink" viewBox="0 0 729.22 746.14" > <defs> <linearGradient id="161b0b7e-f39b-42f9-9ca9-e5f4182b27e7" x1={459.12} y1={621} x2={459.12} y2={193.38} gradientTransform="translate(-9.77 -29.03)" gradientUnits="userSpaceOnUse" > <stop offset={0} stopColor="gray" stopOpacity={0.25} /> <stop offset={0.54} stopColor="gray" stopOpacity={0.12} /> <stop offset={1} stopColor="gray" stopOpacity={0.1} /> </linearGradient> <linearGradient id="0379165a-8b01-4db8-a9fd-a7f74912e5f9" x1={459.12} y1={355.96} x2={459.12} y2={192.97} gradientTransform="translate(-44.96 -24.28)" gradientUnits="userSpaceOnUse" > <stop offset={0} stopColor="#b3b3b3" stopOpacity={0.25} /> <stop offset={0.54} stopColor="#b3b3b3" stopOpacity={0.1} /> <stop offset={1} stopColor="#b3b3b3" stopOpacity={0.05} /> </linearGradient> <linearGradient id="a5c94603-d688-4cb8-935e-8753937e09f1" x1={890.03} y1={384.1} x2={893.49} y2={466.67} gradientTransform="matrix(-0.96, 0.28, -0.28, -0.96, 1290.21, 438.32)" gradientUnits="userSpaceOnUse" > <stop offset={0} stopOpacity={0.12} /> <stop offset={0.55} stopOpacity={0.09} /> <stop offset={1} stopOpacity={0.02} /> </linearGradient> <linearGradient id="452544f9-f0e1-48f7-bf2a-2e6d32ceef9c" x1={630.78} y1={714.25} x2={630.78} y2={285.78} gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlinkHref="#161b0b7e-f39b-42f9-9ca9-e5f4182b27e7" /> <linearGradient id="b357cf12-7038-49e2-a945-bede915bae9c" x1={737.4} y1={672.7} x2={737.4} y2={245.08} gradientTransform="translate(15.96 0.36)" xlinkHref="#161b0b7e-f39b-42f9-9ca9-e5f4182b27e7" /> <linearGradient id="ea27b32b-d891-4df9-a7ed-488b1d56dfe9" x1={737.4} y1={407.66} x2={737.4} y2={244.68} gradientTransform="translate(1.98 1.1)" xlinkHref="#0379165a-8b01-4db8-a9fd-a7f74912e5f9" /> <linearGradient id="e9a0bbc5-d046-4610-9b74-eda9798afd67" x1={612.39} y1={329.04} x2={615.85} y2={411.61} gradientTransform="translate(1291.19 632.77) rotate(173.26)" xlinkHref="#a5c94603-d688-4cb8-935e-8753937e09f1" /> <linearGradient id="d89d3977-de30-46d1-ab57-98fa636459b9" x1={382.92} y1={428.03} x2={382.92} y2={0.4} gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlinkHref="#161b0b7e-f39b-42f9-9ca9-e5f4182b27e7" /> <linearGradient id="1e925d76-3047-4c1e-82a0-04113f14e226" x1={382.92} y1={162.99} x2={382.92} y2={0} gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlinkHref="#0379165a-8b01-4db8-a9fd-a7f74912e5f9" /> <linearGradient id="9a56d00c-164c-4fec-8f17-f5f893f4fff9" x1={729.45} y1={498.21} x2={732.9} y2={580.79} gradientTransform="matrix(-1, 0.01, -0.01, -1, 1253.94, 688.13)" xlinkHref="#a5c94603-d688-4cb8-935e-8753937e09f1" /> <linearGradient id="595bce0a-5d70-43e8-a094-99f33f4517de" x1={328.81} y1={746.14} x2={328.81} y2={254.91} gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlinkHref="#161b0b7e-f39b-42f9-9ca9-e5f4182b27e7" /> <linearGradient id="7d63bf16-77e8-4c09-b275-41a64fa57a97" x1={329.34} y1={675.01} x2={329.34} y2={373.01} gradientTransform="matrix(1, 0, 0, 1, 0, 0)" xlinkHref="#161b0b7e-f39b-42f9-9ca9-e5f4182b27e7" /> <linearGradient id="cafffc46-2bab-4c9b-8a17-f57a9c7cb665" x1={683.6} y1={52.97} x2={690.12} y2={208.87} gradientTransform="matrix(-1, 0.01, -0.01, -1, 1253.94, 688.13)" xlinkHref="#a5c94603-d688-4cb8-935e-8753937e09f1" /> </defs> <title>resume folder_2</title> <rect x={286.73} y={164.35} width={325.25} height={427.62} transform="matrix(0.96, -0.27, 0.27, 0.96, -319.57, 55.74)" fill="url(#161b0b7e-f39b-42f9-9ca9-e5f4182b27e7)" /> <rect x={251.16} y={168.7} width={326} height={162.99} transform="translate(-286.9 41.83) rotate(-15.37)" fill="url(#0379165a-8b01-4db8-a9fd-a7f74912e5f9)" /> <rect x={290.45} y={167.72} width={316.93} height={417.67} transform="translate(-319.16 55.57) rotate(-15.37)" fill="#eee" /> <rect x={255.71} y={171.97} width={317.66} height={159.19} transform="translate(-287.25 41.98) rotate(-15.37)" fill={props.primaryColor} /> <rect x={358.16} y={384.47} width={86.17} height={6.57} transform="translate(-323.84 43.33) rotate(-15.37)" fill="#bdbdbd" /> <rect x={365.13} y={409.82} width={86.17} height={6.57} transform="translate(-330.31 46.09) rotate(-15.37)" fill="#f5f5f5" /> <rect x={359.16} y={378.75} width={224.92} height={6.57} transform="translate(-319.8 61.79) rotate(-15.37)" fill="#69f0ae" /> <rect x={375.45} y={229.76} width={86.17} height={6.57} transform="translate(-282.2 42.38) rotate(-15.37)" fill="#fff" /> <rect x={378.38} y={236.87} width={138.75} height={6.57} transform="translate(-283.04 50.38) rotate(-15.37)" fill="#fff" /> <rect x={409.8} y={255.17} width={86.17} height={7.3} rx={3.09} ry={3.09} transform="translate(-287.8 52.41) rotate(-15.37)" opacity={0.2} /> <circle cx={325.31} cy={413.18} r={15.34} transform="translate(-333.29 24.11) rotate(-15.37)" fill="#69f0ae" /> <rect x={375.01} y={445.73} width={86.17} height={6.57} transform="translate(-339.47 49.99) rotate(-15.37)" fill="#bdbdbd" /> <rect x={381.98} y={471.08} width={86.17} height={6.57} transform="translate(-345.95 52.75) rotate(-15.37)" fill="#f5f5f5" /> <rect x={376.01} y={440.01} width={224.92} height={6.57} transform="translate(-335.44 68.45) rotate(-15.37)" fill="#e0e0e0" /> <circle cx={342.15} cy={474.44} r={15.34} transform="translate(-348.93 30.77) rotate(-15.37)" fill="#e0e0e0" /> <rect x={391.85} y={506.98} width={86.17} height={6.57} transform="translate(-355.11 56.65) rotate(-15.37)" fill="#bdbdbd" /> <rect x={398.82} y={532.33} width={86.17} height={6.57} transform="translate(-361.58 59.4) rotate(-15.37)" fill="#f5f5f5" /> <rect x={392.85} y={501.27} width={224.92} height={6.57} transform="translate(-351.08 75.1) rotate(-15.37)" fill="#e0e0e0" /> <circle cx={359} cy={535.7} r={15.34} transform="translate(-364.57 37.43) rotate(-15.37)" fill="#e0e0e0" /> <path d="M274.62,287.15A42.28,42.28,0,1,0,318,233.24l3,10.47a14.36,14.36,0,0,1-9.8,17.72h0a14.36,14.36,0,0,1-17.72-9.8l-3-10.47A42.3,42.3,0,0,0,274.62,287.15Z" transform="translate(-235.39 -76.93)" fill="url(#a5c94603-d688-4cb8-935e-8753937e09f1)" /> <path d="M355,260.43a42.28,42.28,0,1,0-44,53.38l-2.89-10.5a14.36,14.36,0,0,1,10-17.6h0a14.36,14.36,0,0,1,17.6,10l2.89,10.5A42.3,42.3,0,0,0,355,260.43Z" transform="translate(-235.39 -76.93)" fill={props.primaryColor} /> <circle cx={312.7} cy={266.03} r={16.25} transform="translate(-294.73 15.5) rotate(-15.37)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M318.09,285.71h0a14.36,14.36,0,0,0-10,17.6l2.89,10.5a42.44,42.44,0,0,0,27.61-7.59l-2.89-10.5A14.36,14.36,0,0,0,318.09,285.71Z" transform="translate(-235.39 -76.93)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M296.66,269.51a15.77,15.77,0,0,1-3.84-7.42,10.93,10.93,0,0,1,1.51-8.11c1.75-2.57,4.65-4.11,7.58-5.17s6-1.75,8.78-3.14a19.44,19.44,0,0,0,9.74-11.41,26.14,26.14,0,0,1,1.83,6.92,8.81,8.81,0,0,1-2,6.68c2.08-1.76,2.53.9,2.44,2.59,1.57,1.1,4.5.55,5.16,2.35a12,12,0,0,1,.9,5.61c-.25,1.9,1.34,4.68-.46,5.32" transform="translate(-235.39 -76.93)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M321,247.24s11.2-2.05,7.87,16.32" transform="translate(-235.39 -76.93)" fill="#fff" /> <polygon points="637.77 714.25 532.34 714.25 532.34 285.78 729.22 285.78 637.77 714.25" fill="url(#452544f9-f0e1-48f7-bf2a-2e6d32ceef9c)" /> <polygon points="632.52 714.25 529.17 714.25 529.17 285.78 722.16 285.78 632.52 714.25" fill="#bdbdbd" /> <rect x={590.74} y={245.44} width={325.25} height={427.62} transform="translate(-279.59 5.03) rotate(-6.05)" fill="url(#b357cf12-7038-49e2-a945-bede915bae9c)" /> <rect x={576.38} y={245.78} width={326} height={162.99} transform="translate(-265.76 2.82) rotate(-6.05)" fill="url(#ea27b32b-d891-4df9-a7ed-488b1d56dfe9)" /> <rect x={594.73} y={248.76} width={316.93} height={417.67} transform="translate(-279.42 5) rotate(-6.05)" fill="#f5f5f5" /> <rect x={580.7} y={249.09} width={317.66} height={159.19} transform="translate(-265.91 2.84) rotate(-6.05)" fill={props.primaryColor} /> <rect x={661.26} y={457.64} width={86.17} height={6.57} transform="translate(-280.04 -0.13) rotate(-6.05)" fill="#bdbdbd" /> <rect x={664.03} y={483.78} width={86.17} height={6.57} transform="translate(-282.78 0.31) rotate(-6.05)" fill="#f5f5f5" /> <rect x={662.26} y={463.4} width={224.92} height={6.57} transform="translate(-280.26 7.32) rotate(-6.05)" fill="#69f0ae" /> <rect x={703.39} y={307.77} width={86.17} height={6.57} transform="translate(-264.01 3.48) rotate(-6.05)" fill="#fff" /> <rect x={704.78} y={319.53} width={138.75} height={6.57} transform="translate(-265.1 6.46) rotate(-6.05)" fill="#fff" /> <rect x={733.11} y={338.4} width={86.17} height={7.3} rx={3.09} ry={3.09} transform="translate(-267.12 6.78) rotate(-6.05)" opacity={0.2} /> <circle cx={625.29} cy={473.71} r={15.34} transform="translate(-281.83 -8.39) rotate(-6.05)" fill="#69f0ae" /> <rect x={667.96} y={520.81} width={86.17} height={6.57} transform="translate(-286.66 0.93) rotate(-6.05)" fill="#bdbdbd" /> <rect x={670.73} y={546.96} width={86.17} height={6.57} transform="translate(-289.4 1.36) rotate(-6.05)" fill="#f5f5f5" /> <rect x={668.96} y={526.57} width={224.92} height={6.57} transform="translate(-286.88 8.38) rotate(-6.05)" fill="#e0e0e0" /> <circle cx={631.99} cy={536.88} r={15.34} transform="translate(-288.45 -7.33) rotate(-6.05)" fill="#e0e0e0" /> <rect x={674.65} y={583.99} width={86.17} height={6.57} transform="translate(-293.28 1.98) rotate(-6.05)" fill="#bdbdbd" /> <rect x={677.42} y={610.13} width={86.17} height={6.57} transform="translate(-296.02 2.42) rotate(-6.05)" fill="#f5f5f5" /> <rect x={675.65} y={589.75} width={224.92} height={6.57} transform="translate(-293.5 9.43) rotate(-6.05)" fill="#e0e0e0" /> <circle cx={638.68} cy={600.06} r={15.34} transform="translate(-295.07 -6.28) rotate(-6.05)" fill="#e0e0e0" /> <path d="M595.69,341.12A42.28,42.28,0,1,0,647.23,295l1.28,10.82A14.36,14.36,0,0,1,636,321.67h0a14.36,14.36,0,0,1-15.9-12.54l-1.28-10.82A42.3,42.3,0,0,0,595.69,341.12Z" transform="translate(-235.39 -76.93)" fill="url(#e9a0bbc5-d046-4610-9b74-eda9798afd67)" /> <path d="M679.33,327.79a42.28,42.28,0,1,0-52.09,45.54l-1.15-10.83a14.36,14.36,0,0,1,12.73-15.75h0a14.36,14.36,0,0,1,15.75,12.73l1.15,10.83A42.3,42.3,0,0,0,679.33,327.79Z" transform="translate(-235.39 -76.93)" fill={props.primaryColor} /> <circle cx={636.7} cy={326.46} r={16.25} transform="translate(-266.25 -8.01) rotate(-6.05)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M638.82,346.75h0a14.36,14.36,0,0,0-12.73,15.75l1.15,10.83a42.44,42.44,0,0,0,28.48-3l-1.15-10.83A14.36,14.36,0,0,0,638.82,346.75Z" transform="translate(-235.39 -76.93)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M620.3,327.29a15.77,15.77,0,0,1-2.59-7.95,10.93,10.93,0,0,1,2.8-7.75c2.14-2.26,5.26-3.31,8.32-3.88S635,307,638,306a19.44,19.44,0,0,0,11.46-9.68,26.14,26.14,0,0,1,.69,7.12,8.81,8.81,0,0,1-3.06,6.27c2.33-1.4,2.35,1.29,2,2.95,1.37,1.34,4.35,1.27,4.71,3.16a12,12,0,0,1,0,5.68c-.56,1.83.57,4.84-1.32,5.17" transform="translate(-235.39 -76.93)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M647.93,309.26s11.38-.21,5.13,17.38" transform="translate(-235.39 -76.93)" fill="#fff" /> <rect x={220.3} y={0.4} width={325.25} height={427.62} fill="url(#d89d3977-de30-46d1-ab57-98fa636459b9)" /> <rect x={219.92} width={326} height={162.99} fill="url(#1e925d76-3047-4c1e-82a0-04113f14e226)" /> <rect x={224.46} y={3.71} width={316.93} height={417.67} fill="#f5f5f5" /> <rect x={224.1} y={3.32} width={317.66} height={159.19} fill={props.primaryColor} /> <rect x={290.91} y={207.42} width={86.17} height={6.57} fill="#bdbdbd" /> <rect x={290.91} y={233.71} width={86.17} height={6.57} fill="#f5f5f5" /> <rect x={290.91} y={220.57} width={224.92} height={6.57} fill="#69f0ae" /> <rect x={348.6} y={62.84} width={86.17} height={6.57} fill="#fff" /> <rect x={348.6} y={77.44} width={138.75} height={6.57} fill="#fff" /> <rect x={374.89} y={96.43} width={86.17} height={7.3} rx={3.09} ry={3.09} opacity={0.2} /> <circle cx={254.04} cy={215.09} r={15.34} fill="#69f0ae" /> <rect x={290.91} y={270.95} width={86.17} height={6.57} fill="#bdbdbd" /> <rect x={290.91} y={297.24} width={86.17} height={6.57} fill="#f5f5f5" /> <rect x={290.91} y={284.1} width={224.92} height={6.57} fill="#e0e0e0" /> <circle cx={254.04} cy={278.62} r={15.34} fill="#e0e0e0" /> <rect x={290.91} y={334.49} width={86.17} height={6.57} fill="#bdbdbd" /> <rect x={290.91} y={360.77} width={86.17} height={6.57} fill="#f5f5f5" /> <rect x={290.91} y={347.63} width={224.92} height={6.57} fill="#e0e0e0" /> <circle cx={254.04} cy={342.15} r={15.34} fill="#e0e0e0" /> <path d="M474,157.06a42.28,42.28,0,1,0,56.12-40.48l.13,10.89A14.36,14.36,0,0,1,516.07,142h0a14.36,14.36,0,0,1-14.49-14.14l-.13-10.89A42.3,42.3,0,0,0,474,157.06Z" transform="translate(-235.39 -76.93)" fill="url(#9a56d00c-164c-4fec-8f17-f5f893f4fff9)" /> <path d="M558.55,152.61a42.28,42.28,0,1,0-56.6,39.8V181.51a14.36,14.36,0,0,1,14.32-14.32h0a14.36,14.36,0,0,1,14.32,14.32v10.89A42.3,42.3,0,0,0,558.55,152.61Z" transform="translate(-235.39 -76.93)" fill={props.primaryColor} /> <circle cx={280.9} cy={69.87} r={16.25} fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M516.26,167.19h0a14.36,14.36,0,0,0-14.32,14.32v10.89a42.44,42.44,0,0,0,28.64,0V181.51A14.36,14.36,0,0,0,516.26,167.19Z" transform="translate(-235.39 -76.93)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M499.9,145.89a15.77,15.77,0,0,1-1.73-8.18,10.93,10.93,0,0,1,3.6-7.42c2.37-2,5.58-2.73,8.68-3s6.24-.1,9.3-.7a19.44,19.44,0,0,0,12.41-8.42,26.14,26.14,0,0,1-.07,7.15,8.81,8.81,0,0,1-3.7,5.91c2.47-1.14,2.2,1.53,1.67,3.14,1.22,1.48,4.2,1.72,4.35,3.64a12,12,0,0,1-.62,5.65c-.75,1.76.05,4.87-1.86,5" transform="translate(-235.39 -76.93)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M529.27,130.88s11.34,1,3.27,17.82" transform="translate(-235.39 -76.93)" fill="#fff" /> <polygon points="190.59 304.74 119.42 254.91 20.88 254.91 20.88 304.74 20.88 329.15 20.88 746.14 636.74 746.14 636.74 304.74 190.59 304.74" fill="url(#595bce0a-5d70-43e8-a094-99f33f4517de)" /> <polyline points="26.15 309.78 26.15 333.48 26.15 738.25 632.52 738.25 632.52 309.78 193.25 309.78" fill="#fff" /> <polyline points="193.25 309.78 123.17 261.41 26.15 261.41 26.15 309.78" fill="#bdbdbd" /> <text x={-235.39} y={-76.93} /> <rect x={162.34} y={373.01} width={334} height={302} fill="url(#7d63bf16-77e8-4c09-b275-41a64fa57a97)" /> <rect x={166.88} y={375.21} width={326.42} height={294.31} fill="#fff" /> <rect x={268.19} y={595.49} width={128.34} height={10.51} fill="#bdbdbd" /> <rect x={189.87} y={616.52} width={280.44} height={10.51} fill="#e0e0e0" /> <rect x={189.87} y={637.55} width={280.44} height={10.51} fill="#e0e0e0" /> <path d="M485.62,564.67a79.84,79.84,0,1,0,106-76.43l.25,20.57a27.11,27.11,0,0,1-26.7,27.36h0a27.11,27.11,0,0,1-27.36-26.7l-.25-20.57A79.87,79.87,0,0,0,485.62,564.67Z" transform="translate(-235.39 -76.93)" fill="url(#cafffc46-2bab-4c9b-8a17-f57a9c7cb665)" /> <path d="M645.32,556.28a79.84,79.84,0,1,0-106.87,75.14V610.85a27.11,27.11,0,0,1,27-27h0a27.11,27.11,0,0,1,27,27v20.57A79.87,79.87,0,0,0,645.32,556.28Z" transform="translate(-235.39 -76.93)" fill="#bdbdbd" /> <rect x={323.18} y={488.01} width={9.6} height={33.85} rx={4.8} ry={4.8} fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <circle cx={328.03} cy={461.87} r={30.69} fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M563.37,577.31h0a27.11,27.11,0,0,0-27,27v20.57a80.13,80.13,0,0,0,54.07,0V604.35A27.11,27.11,0,0,0,563.37,577.31Z" transform="translate(-235.39 -76.93)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M532.47,537.1a29.77,29.77,0,0,1-3.27-15.44,20.64,20.64,0,0,1,6.8-14c4.47-3.81,10.53-5.16,16.39-5.63s11.79-.19,17.55-1.32a36.69,36.69,0,0,0,23.43-15.89c.37,4.5.74,9.07-.13,13.51s-3.15,8.79-7,11.16c4.66-2.16,4.15,2.9,3.14,5.93,2.31,2.79,7.92,3.25,8.21,6.86s.24,7.34-1.17,10.67.1,9.19-3.5,9.45" transform="translate(-235.39 -76.93)" fill="#fff" stroke="#fff" strokeMiterlimit={10} /> <path d="M587.94,508.75s21.41,1.87,6.17,33.65" transform="translate(-235.39 -76.93)" fill="#fff" /> </svg> ); UndrawResumeFolder.propTypes = { /** * Hex color */ primaryColor: PropTypes.string, /** * percentage */ height: PropTypes.string, /** * custom class for svg */ class: PropTypes.string }; UndrawResumeFolder.defaultProps = { primaryColor: "#6c68fb", height: "250px", class: "" }; export default UndrawResumeFolder;