UNPKG

react-undraw-illustrations

Version:

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

708 lines (703 loc) 35.5 kB
import React from "react"; import PropTypes from "prop-types"; const UndrawFirmware = props => ( <svg style={{height:props.height, width:'100%'}} className={props.class} id="af8363df-f336-47a7-a0a7-f658d27a6b25" data-name="Layer 1" xmlnsXlink="http://www.w3.org/1999/xlink" viewBox="0 0 1124.68 770.77" > <defs> <linearGradient id="e61bd437-9da2-4863-9545-c2af53c0a537" x1={806.25} y1={308.92} x2={806.25} y2={281.72} 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="10ef4d3d-1e97-4021-86f6-ed4174e2acc5" x1={843.91} y1={397.31} x2={843.91} y2={115.79} xlinkHref="#e61bd437-9da2-4863-9545-c2af53c0a537" /> <linearGradient id="7562a594-e7f2-488a-b294-03a8761f4adc" x1={779.04} y1={396.82} x2={779.04} y2={308.93} xlinkHref="#e61bd437-9da2-4863-9545-c2af53c0a537" /> <linearGradient id="02021a5a-8b4c-4a8f-a82b-baff5e596802" x1={830.31} y1={396.82} x2={830.31} y2={308.93} xlinkHref="#e61bd437-9da2-4863-9545-c2af53c0a537" /> <linearGradient id="dd623d78-3bb6-4132-be49-2e425533c027" x1={969.14} y1={556.31} x2={969.14} y2={137.12} xlinkHref="#e61bd437-9da2-4863-9545-c2af53c0a537" /> <linearGradient id="55adf8d3-7ffb-491e-9308-2cd46ab42596" x1={355.66} y1={691.67} x2={355.66} y2={298.98} xlinkHref="#e61bd437-9da2-4863-9545-c2af53c0a537" /> </defs> <title>firmware</title> <path d="M1098.47,502.77c-37.66,47.88-23,117.84.9,173.86,8,18.76,17.08,38.6,13.7,58.72-4.13,24.6-26.09,42.58-49.14,52.12-42,17.38-92.3,13.24-130.91-10.78-33.36-20.76-57.26-54.51-91.19-74.32C785,669.2,712.76,681.72,651.1,704.56c-43.63,16.16-91.32,37.17-134.67,20.28-30.5-11.88-51.59-40.8-63.08-71.45-5.55-14.8-9.57-30.82-20.16-42.55-6.3-7-14.51-11.92-22.93-16.1-76.87-38.11-174-17.7-248.63-60-50.43-28.55-82.71-82.41-97-138.56s-12.63-115-9-172.88c2.58-41.1,7.21-85,33.47-116.7,27.78-33.56,75.46-46,118.55-39.66s82.16,29.11,116.52,55.88c42.95,33.46,82.78,75.13,135.51,88.69,35.91,9.23,73.69,4.18,110.72,2.43,61.92-2.92,123.86,3.58,185.43,10.7,58.95,6.81,118.32,14.31,174.48,33.49,39.74,13.57,71.6,38.2,109.13,55.41,24.46,11.22,51.13,14.31,74.29,28.6,28.53,17.6,54.68,48.21,47.37,84C1154.15,460.27,1118.46,477.35,1098.47,502.77Z" transform="translate(-37.66 -65.37)" fill={props.primaryColor} opacity={0.1} /> <path d="M661.67,494.29c-3.42,3.42-4.2,8.12-5.41,12.48-3.47,12.44-11.63,23.92-23,32.35-8.33,6.18-19.51,13-17.53,22.23.47,2.2,1.72,4.26,2,6.48,1.42,9.61-13.27,14.67-19,23.08-4.24,6.26-3.1,14-1.85,21.16,1.54,8.73,3.41,18.05,10.57,24.48,1.93,1.73,4.24,3.24,5.59,5.33,3,4.69.4,10.83,3.14,15.64,3.66,6.41,15.2,6.69,21.9,2.37s9.79-11.43,12.76-18.09c8-18,17.88-36.07,34.55-49.19,16-12.57,39.23-22.33,42-40.63,1.18-7.85-1.8-16.45,2.75-23.36,2.15-3.27,5.74-5.69,8.18-8.81,7.25-9.3,1.85-22.75-8.76-29.36C713.57,480.49,675.61,480.33,661.67,494.29Z" transform="translate(-37.66 -65.37)" fill="#dee3f3" opacity={0.5} /> <ellipse cx={817.36} cy={390.84} rx={155.03} ry={26.04} fill="#dee3f3" opacity={0.5} /> <polygon points="841.82 290.09 853.33 290.09 853.33 282.96 853.33 281.72 759.16 281.72 759.16 282.96 759.16 290.09 770.67 290.09 770.67 298.46 751.83 298.46 751.83 308.92 860.66 308.92 860.66 298.46 841.82 298.46 841.82 290.09" fill="url(#e61bd437-9da2-4863-9545-c2af53c0a537)" /> <path d="M956.58,363.12h0a142,142,0,0,0-.6-29.31A79.66,79.66,0,0,0,949.26,310C943.2,297.3,934.57,290.4,927,286.66a41.89,41.89,0,0,0-16.29-4.44,7.32,7.32,0,0,0-14.48,0V263.37H856.46V252.91H910a6.06,6.06,0,0,0,6.06-6.06V192a6.06,6.06,0,0,0-6.06-6.06H889.7V131.88a8.16,8.16,0,0,0,4.8-7.44c0-.08,0-.16,0-.24s0-.16,0-.24a8.17,8.17,0,0,0-16.33,0c0,.08,0,.16,0,.24s0,.16,0,.24a8.16,8.16,0,0,0,4.32,7.21v54.29H807.07V131.65a8.16,8.16,0,0,0,4.32-7.21c0-.08,0-.16,0-.24s0-.16,0-.24a8.17,8.17,0,0,0-16.33,0c0,.08,0,.16,0,.24s0,.16,0,.24a8.16,8.16,0,0,0,4.8,7.44v54.06H777.77a6.06,6.06,0,0,0-6.06,6.06v54.84a6.06,6.06,0,0,0,6.06,6.06h53.58v10.46H791.59v15.42a7.31,7.31,0,0,0-1.58-2.63l-.17-.18a7.32,7.32,0,0,0-12.5,5.18v1a41.12,41.12,0,0,0-16.52,4.45c-7.58,3.75-16.2,10.65-22.26,23.36a79.66,79.66,0,0,0-6.72,23.79,142,142,0,0,0-.6,29.31c-16.79,13.94,4.24,34.19,4.24,34.19,17.23,0,16.84-28.6,16.65-33.48h.09s0-.24-.12-.69v0h0a107.13,107.13,0,0,1-1-24.16,61.7,61.7,0,0,1,4.08-18.54,32.91,32.91,0,0,1,8.28-12.15,28.31,28.31,0,0,1,13.91-6.71v4.71a7.32,7.32,0,0,0,14.25,2.37v38.44H896.23V309.44a7.31,7.31,0,0,0,1.86,3.9l.2.21a7.32,7.32,0,0,0,12.5-5.18v-6.74a28.24,28.24,0,0,1,13.6,6.64,32.91,32.91,0,0,1,8.28,12.15A61.7,61.7,0,0,1,936.76,339a107.13,107.13,0,0,1-1,24.16h0v0c-.07.45-.12.69-.12.69h.09c-.19,4.88-.57,33.48,16.65,33.48C952.34,397.31,973.37,377.06,956.58,363.12Z" transform="translate(-37.66 -65.37)" fill="url(#10ef4d3d-1e97-4021-86f6-ed4174e2acc5)" /> <polygon points="757.07 309.89 757.07 319.39 769.62 319.39 769.62 334.04 769.62 334.04 769.62 346.59 769.62 365.43 769.62 375.89 769.62 382.17 754.97 382.17 754.97 396.82 794.74 396.82 794.74 382.17 788.46 382.17 788.46 375.89 788.46 375.89 788.46 365.43 788.46 365.43 788.46 346.59 788.46 346.59 788.46 334.04 788.46 334.04 788.46 319.39 803.11 319.39 803.11 309.89 803.11 308.93 757.07 308.93 757.07 309.89" fill="url(#7562a594-e7f2-488a-b294-03a8761f4adc)" /> <polygon points="807.29 309.89 807.29 319.39 826.13 319.39 826.13 334.04 826.13 334.04 826.13 346.59 826.13 365.43 826.13 375.89 826.13 382.17 811.48 382.17 811.48 396.82 851.24 396.82 851.24 382.17 844.96 382.17 844.96 375.89 844.96 365.43 844.96 346.59 844.96 334.04 844.96 334.04 844.96 319.39 853.33 319.39 853.33 309.89 853.33 308.93 807.29 308.93 807.29 309.89" fill="url(#02021a5a-8b4c-4a8f-a82b-baff5e596802)" /> <rect x={735.99} y={123.35} width={140.51} height={65.16} rx={12.97} ry={12.97} fill={props.primaryColor} /> <rect x={747.19} y={178.51} width={118.11} height={1.22} opacity={0.1} /> <rect x={747.19} y={133.53} width={118.11} height={44.8} opacity={0.3} /> <circle cx={774.68} cy={156.87} r={16.29} opacity={0.1} /> <circle cx={774.68} cy={155.93} r={16.29} fill="#dee3f3" /> <circle cx={837.81} cy={156.87} r={16.29} opacity={0.1} /> <circle cx={837.81} cy={155.93} r={16.29} fill="#dee3f3" /> <rect x={794.03} y={188.51} width={24.43} height={14.26} fill={props.primaryColor} /> <rect x={755.34} y={198.7} width={101.82} height={81.45} fill={props.primaryColor} /> <polygon points="852.06 280.15 852.06 288.29 840.86 288.29 840.86 296.44 771.63 296.44 771.63 288.29 760.43 288.29 760.43 280.15 852.06 280.15" fill={props.primaryColor} /> <polygon points="852.06 280.15 852.06 288.29 840.86 288.29 840.86 296.44 771.63 296.44 771.63 288.29 760.43 288.29 760.43 280.15 852.06 280.15" opacity={0.3} /> <rect x={753.3} y={296.44} width={105.89} height={10.18} fill={props.primaryColor} /> <rect x={758.39} y={306.62} width={44.8} height={10.18} fill={props.primaryColor} /> <rect x={807.27} y={306.62} width={44.8} height={10.18} fill={props.primaryColor} /> <rect x={756.36} y={377.89} width={38.69} height={14.25} fill={props.primaryColor} /> <polygon points="770.61 331.06 770.61 343.27 770.61 361.6 770.61 371.78 770.61 377.89 788.94 377.89 788.94 371.78 788.94 361.6 788.94 343.27 788.94 331.06 788.94 316.8 770.61 316.8 770.61 331.06" fill={props.primaryColor} /> <polygon points="825.59 316.8 825.59 331.06 825.59 343.27 825.59 361.6 825.59 371.78 825.59 377.89 843.92 377.89 843.92 371.78 843.92 361.6 843.92 343.27 843.92 331.06 843.92 316.8 825.59 316.8" fill={props.primaryColor} /> <rect x={811.34} y={377.89} width={38.69} height={14.25} fill={props.primaryColor} /> <path d="M793.39,281.37v24.43c0,.18,0,.37,0,.55a7.13,7.13,0,0,1-14.23-.55V281.37a7.12,7.12,0,0,1,12.16-5l.17.17a7.1,7.1,0,0,1,1.9,4.32C793.38,281,793.39,281.19,793.39,281.37Z" transform="translate(-37.66 -65.37)" fill={props.primaryColor} /> <path d="M909,283.4v24.44a7.12,7.12,0,0,1-12.16,5l-.2-.21a7.11,7.11,0,0,1-1.89-4.83V283.4a7.13,7.13,0,0,1,14.25,0Z" transform="translate(-37.66 -65.37)" fill={props.primaryColor} /> <path d="M779.13,282.39v18.83a27.55,27.55,0,0,0-13.54,6.53,32,32,0,0,0-8.06,11.82,60,60,0,0,0-4,18,103.14,103.14,0,0,0,1.13,24.2H734.33a139,139,0,0,1,.53-29.21,77.51,77.51,0,0,1,6.54-23.15c5.9-12.37,14.29-19.09,21.66-22.73A40,40,0,0,1,779.13,282.39Z" transform="translate(-37.66 -65.37)" fill={props.primaryColor} /> <path d="M738.4,394.39s-20.46-19.7-4.12-33.27h20.29S756.73,394.39,738.4,394.39Z" transform="translate(-37.66 -65.37)" fill={props.primaryColor} /> <path d="M738.4,394.39s-20.46-19.7-4.12-33.27h20.29S756.73,394.39,738.4,394.39Z" transform="translate(-37.66 -65.37)" opacity={0.3} /> <rect x={771.63} y={210.91} width={69.23} height={52.94} opacity={0.3} /> <rect x={770.61} y={316.8} width={18.33} height={14.25} opacity={0.3} /> <rect x={770.61} y={343.27} width={18.33} height={18.33} opacity={0.3} /> <rect x={770.61} y={371.78} width={18.33} height={6.11} opacity={0.3} /> <rect x={825.59} y={316.8} width={18.33} height={14.25} opacity={0.3} /> <rect x={825.59} y={343.27} width={18.33} height={18.33} opacity={0.3} /> <rect x={825.59} y={371.78} width={18.33} height={6.11} opacity={0.3} /> <path d="M779.13,282.39v18.83a27.55,27.55,0,0,0-13.54,6.53l-2.53-21A40,40,0,0,1,779.13,282.39Z" transform="translate(-37.66 -65.37)" opacity={0.3} /> <path d="M757.54,319.57a60,60,0,0,0-4,18l-18.7-5a77.51,77.51,0,0,1,6.54-23.15Z" transform="translate(-37.66 -65.37)" opacity={0.3} /> <path d="M908.68,282.39v18.83a27.55,27.55,0,0,1,13.54,6.53,32,32,0,0,1,8.06,11.82,60,60,0,0,1,4,18,103.14,103.14,0,0,1-1.13,24.2h20.36A139,139,0,0,0,953,332.6a77.51,77.51,0,0,0-6.54-23.15c-5.9-12.37-14.29-19.09-21.66-22.73A40,40,0,0,0,908.68,282.39Z" transform="translate(-37.66 -65.37)" fill={props.primaryColor} /> <path d="M949.41,394.39s20.46-19.7,4.12-33.27H933.24S931.08,394.39,949.41,394.39Z" transform="translate(-37.66 -65.37)" fill={props.primaryColor} /> <path d="M949.41,394.39s20.46-19.7,4.12-33.27H933.24S931.08,394.39,949.41,394.39Z" transform="translate(-37.66 -65.37)" opacity={0.3} /> <path d="M908.68,282.39v18.83a27.55,27.55,0,0,1,13.54,6.53l2.53-21A40,40,0,0,0,908.68,282.39Z" transform="translate(-37.66 -65.37)" opacity={0.3} /> <path d="M930.28,319.57a60,60,0,0,1,4,18l18.7-5a77.51,77.51,0,0,0-6.54-23.15Z" transform="translate(-37.66 -65.37)" opacity={0.3} /> <rect x={794.03} y={188.51} width={24.43} height={1.69} opacity={0.1} /> <path d="M896.62,278.58v34.1a7.11,7.11,0,0,1-1.89-4.83V283.4A7.09,7.09,0,0,1,896.62,278.58Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M793.36,280.82v25.53a7.1,7.1,0,0,1-1.9,4.32V276.5A7.1,7.1,0,0,1,793.36,280.82Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <rect x={760.43} y={280.15} width={91.63} height={1.21} opacity={0.1} /> <rect x={758.39} y={306.62} width={44.8} height={0.93} opacity={0.1} /> <rect x={807.27} y={306.62} width={44.8} height={0.93} opacity={0.1} /> <rect x={763.39} y={63.05} width={7.01} height={60.3} fill={props.primaryColor} /> <rect x={843.79} y={63.05} width={7.01} height={60.3} fill={props.primaryColor} /> <circle cx={766.66} cy={63.52} r={7.95} opacity={0.1} /> <circle cx={766.66} cy={63.05} r={7.95} fill={props.primaryColor} /> <circle cx={847.53} cy={63.52} r={7.95} opacity={0.1} /> <circle cx={847.53} cy={63.05} r={7.95} fill={props.primaryColor} /> <path d="M636.56,313.15s23.26,45.65,4.31,70.63,1.72,93,1.72,93" transform="translate(-37.66 -65.37)" fill="none" stroke="#fc6681" strokeMiterlimit={10} strokeWidth={2} /> <path d="M643.45,298.94c0,8.8-6.46,15.93-6.46,15.93s-6.46-7.13-6.46-15.93S637,283,637,283,643.45,290.14,643.45,298.94Z" transform="translate(-37.66 -65.37)" fill="#fc6681" /> <path d="M648.62,313.15s-23.26,45.65-4.31,70.63-1.72,93-1.72,93" transform="translate(-37.66 -65.37)" fill="none" stroke="#ffd037" strokeMiterlimit={10} strokeWidth={2} /> <path d="M641.73,298.94c0,8.8,6.46,15.93,6.46,15.93s6.46-7.13,6.46-15.93S648.19,283,648.19,283,641.73,290.14,641.73,298.94Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <path d="M658.09,313.15s23.26,45.65,4.31,70.63,1.72,93,1.72,93" transform="translate(-37.66 -65.37)" fill="none" stroke="#fc6681" strokeMiterlimit={10} strokeWidth={2} /> <path d="M665,298.94c0,8.8-6.46,15.93-6.46,15.93s-6.46-7.13-6.46-15.93S658.52,283,658.52,283,665,290.14,665,298.94Z" transform="translate(-37.66 -65.37)" fill="#fc6681" /> <path d="M661.36,335.52c-6.1,6.34-15.7,7-15.7,7s.29-9.62,6.39-16,15.7-7,15.7-7S667.46,329.17,661.36,335.52Z" transform="translate(-37.66 -65.37)" fill="#fc6681" /> <path d="M662,367c-6.1,6.34-15.7,7-15.7,7s.29-9.62,6.39-16,15.7-7,15.7-7S668.07,360.67,662,367Z" transform="translate(-37.66 -65.37)" fill="#fc6681" /> <path d="M628.88,384.34c5.77,6.65,5.57,16.27,5.57,16.27s-9.55-1.15-15.32-7.8-5.57-16.27-5.57-16.27S623.11,377.69,628.88,384.34Z" transform="translate(-37.66 -65.37)" fill="#fc6681" /> <path d="M634.23,317.18c7.34,4.86,9.71,14.19,9.71,14.19s-9.52,1.44-16.85-3.42-9.71-14.19-9.71-14.19S626.9,312.31,634.23,317.18Z" transform="translate(-37.66 -65.37)" fill="#fc6681" /> <path d="M670.15,313.15s-23.26,45.65-4.31,70.63-1.72,93-1.72,93" transform="translate(-37.66 -65.37)" fill="none" stroke="#ffd037" strokeMiterlimit={10} strokeWidth={2} /> <path d="M663.26,298.94c0,8.8,6.46,15.93,6.46,15.93s6.46-7.13,6.46-15.93S669.72,283,669.72,283,663.26,290.14,663.26,298.94Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <path d="M665.12,336.19c-6.18,6.27-6.58,15.88-6.58,15.88s9.61-.55,15.79-6.82,6.58-15.88,6.58-15.88S671.29,329.93,665.12,336.19Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <path d="M677.23,379.8c-6.18,6.27-6.58,15.88-6.58,15.88s9.61-.55,15.79-6.82S693,373,693,373,683.41,373.53,677.23,379.8Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <path d="M659.41,370.21s14-22.07,33.65-22.54" transform="translate(-37.66 -65.37)" fill="none" stroke="#ffd037" strokeMiterlimit={10} strokeWidth={2} /> <path d="M648.51,356.89s-14-22.07-33.65-22.54" transform="translate(-37.66 -65.37)" fill="none" stroke="#fc6681" strokeMiterlimit={10} strokeWidth={2} /> <path d="M646.69,388.38s14-22.07,33.65-22.54" transform="translate(-37.66 -65.37)" fill="none" stroke="#ffd037" strokeMiterlimit={10} strokeWidth={2} /> <circle cx={654.75} cy={282.14} r={3.63} fill="#ffd037" /> <circle cx={577.54} cy={269.12} r={3.63} fill="#fc6681" /> <path d="M657,395.65s-14-22.07-33.65-22.54" transform="translate(-37.66 -65.37)" fill="none" stroke="#fc6681" strokeMiterlimit={10} strokeWidth={2} /> <circle cx={586.02} cy={307.88} r={3.63} fill="#fc6681" /> <circle cx={642.94} cy={300.61} r={3.63} fill="#ffd037" /> <path d="M734.36,450.29s-33.73-6.75-42.73-15.74-49.48-24.74-54-13.49-60.72,49.48-22.49,56.22,90,9,101.2,4.5S734.36,450.29,734.36,450.29Z" transform="translate(-37.66 -65.37)" fill="#a8a8a8" /> <path d="M615.17,473.1c38.23,6.75,90,9,101.2,4.5,8.56-3.43,14.51-19.88,16.87-27.54l1.12.23s-6.75,27-18,31.48-63,2.25-101.2-4.5c-11-1.95-14.19-6.52-13-12.31C603.11,468.75,607,471.65,615.17,473.1Z" transform="translate(-37.66 -65.37)" opacity={0.2} /> <path d="M1098.71,321.21s8.08,10.57-3.73,26.53-21.55,29.43-17.62,39.38c0,0,17.82-29.64,32.33-30.05S1114.67,339,1098.71,321.21Z" transform="translate(-37.66 -65.37)" fill="#fc6681" /> <path d="M1098.71,321.21a13.09,13.09,0,0,1,1.65,3.31c14.15,16.63,21.7,32.15,8.09,32.54-12.67.36-27.88,23-31.52,28.75a12.28,12.28,0,0,0,.43,1.3s17.82-29.64,32.33-30.05S1114.67,339,1098.71,321.21Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M1113.73,334.68c0,3.72-.42,6.74-.93,6.74s-.93-3-.93-6.74.52-2,1-2S1113.73,331,1113.73,334.68Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <path d="M1118.89,339.12c-3.27,1.78-6.11,2.86-6.36,2.4s2.2-2.26,5.47-4,2-.48,2.22,0S1122.16,337.34,1118.89,339.12Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <path d="M1056,321.21s-8.08,10.57,3.73,26.53,21.55,29.43,17.62,39.38c0,0-17.82-29.64-32.33-30.05S1040.06,339,1056,321.21Z" transform="translate(-37.66 -65.37)" fill="#fc6681" /> <path d="M1056,321.21a13.09,13.09,0,0,0-1.65,3.31c-14.15,16.63-21.7,32.15-8.09,32.54,12.67.36,27.88,23,31.52,28.75a12.28,12.28,0,0,1-.43,1.3s-17.82-29.64-32.33-30.05S1040.06,339,1056,321.21Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M1041,334.68c0,3.72.42,6.74.93,6.74s.93-3,.93-6.74-.52-2-1-2S1041,331,1041,334.68Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <path d="M1035.83,339.12c3.27,1.78,6.11,2.86,6.36,2.4s-2.2-2.26-5.47-4-2-.48-2.22,0S1032.57,337.34,1035.83,339.12Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <path d="M1043.56,385.74s22.6-.7,29.41-5.55,34.76-10.64,36.45-2.86,34,38.68,8.45,38.89-59.28-4-66.08-8.11S1043.56,385.74,1043.56,385.74Z" transform="translate(-37.66 -65.37)" fill="#a8a8a8" /> <path d="M1118.33,413.51c-25.51.21-59.28-4-66.08-8.11-5.18-3.15-7.24-14.47-7.93-19.69l-.75,0s1.43,18.23,8.23,22.37,40.57,8.32,66.08,8.11c7.36-.06,9.91-2.68,9.77-6.56C1126.62,412,1123.81,413.47,1118.33,413.51Z" transform="translate(-37.66 -65.37)" opacity={0.2} /> <rect x={871.67} y={170.79} width={74} height={9} transform="translate(-48.59 213.6) rotate(-17.35)" fill={props.primaryColor} /> <path d="M974.09,494.31s-38.72-7.74-49.05-18.07-56.79-28.4-62-15.49-69.7,56.79-25.82,64.54,103.26,10.33,116.17,5.16S974.09,494.31,974.09,494.31Z" transform="translate(-37.66 -65.37)" fill="#a8a8a8" /> <path d="M837.26,520.49c43.89,7.74,103.26,10.33,116.17,5.16,9.83-3.93,16.66-22.82,19.36-31.62l1.29.27s-7.74,31-20.65,36.14-72.28,2.58-116.17-5.16c-12.67-2.24-16.29-7.49-14.93-14.13C823.42,515.49,827.83,518.83,837.26,520.49Z" transform="translate(-37.66 -65.37)" opacity={0.2} /> <path d="M1060.08,156.7a11.38,11.38,0,0,0-3.2-4.44c-10.39-9.47-27.2-6.6-40.1-12.38-3-1.33-6-3.18-9.25-2.67-4.51.71-8.7,5.84-12.63,3.56l.28.86-.28-.15,2.89,8.8c1.11,3.38,2.28,6.86,4.44,9.67a25.32,25.32,0,0,0,6.12,42.11l.4.89.37.16a29.56,29.56,0,0,1,1.91,6.13c-3.34.46-9.17,4.16-14.91,9.62l-11.47-.39a37.5,37.5,0,0,1-20.6-7l-34.29-24.65a11.48,11.48,0,0,0-6.57,2.9c-4.26-4.44-7.87-9.07-7.56-11.79,0,0-15.95-29.84-21.74-14.92s10.87,30.56,10.87,30.56l10.58,13.7a57.63,57.63,0,0,0-.79,7.26c13,14.92,58.71,28.42,58.71,28.42l7.12.34,0,.35a24.24,24.24,0,0,0-.64,5.7c0,.28,0,.56,0,.85s0,.38,0,.57c.36,23.8,3.62,96.64,3.62,96.64.63-.28,1.29-.54,2-.79l-.51,6.47s-30.44,4.26-52.91,12.79-23.19,18.48-23.19,18.48v87.78c-6.42,3.29-16.55,7.62-21.74,5.31-5.64-2.51-8.74-.4-9.3,1.8h0a2.8,2.8,0,0,0,0,1.33v0a2.38,2.38,0,0,0,.22.56l0,0a2.26,2.26,0,0,0,.38.5c2.17,2.13,49.29,20.61,60.16,17.76a7.51,7.51,0,0,0,1-.33l.3-.15c.2-.09.4-.19.59-.3s.21-.15.32-.22.33-.21.48-.34.2-.18.3-.27.28-.25.41-.38.18-.21.27-.31.25-.28.36-.43.16-.23.23-.34.22-.32.32-.49.13-.24.2-.36.2-.36.28-.54.11-.25.16-.37.17-.4.25-.6l.13-.37c.08-.22.15-.44.22-.66l.1-.35c.07-.24.13-.48.19-.73l.07-.33c.06-.26.11-.53.16-.79l0-.3c0-.29.09-.57.13-.86l0-.25c0-.31.07-.62.09-.94l0-.2q0-.51.06-1v-.14q0-.54,0-1.09v-.07a59.5,59.5,0,0,0-1.4-12.6h0l2.63-74.78A407.79,407.79,0,0,0,989.1,397l1.56,35.68s0,23.45,8,34.11c6.82,9.12,14.71,49.46,16.84,60.91-2.93,5.59-8.53,12.49-18.29,12.28,0,0-18.36-1.59-17.32,3.46h0a2.6,2.6,0,0,0,.12.39v0a3.59,3.59,0,0,0,.2.42l0,0c.07.13.16.26.25.4l.06.08c.11.15.22.3.36.46l0,0,.4.44.12.12c.16.16.34.33.53.51,9.42,8.53,64.51,9.95,64.51,9.95v-.19c0-.05,0-.12,0-.2v0c0-2.47-.36-15.42-3.66-25.16h.76s-8-71.77-14.5-80.3c0,0-1.73-37.84,2.18-61.56l.72-.26c18.27-6.82,19.57-23.63,17.69-36,3.46,1.11,5.51,1.87,5.51,1.87s-.06-.54-.18-1.49l.18.07s-.35-2.26-.92-5.78c-1.31-9.68-3.84-26.6-6.54-34.59-.44-1.76-.85-3.26-1.24-4.4a75.12,75.12,0,0,1-3.19-14.76,174.94,174.94,0,0,1-1.12-19.57,187.88,187.88,0,0,1,2-26.11c1.11-7.55,2.1-16.14,2-22.14a29.52,29.52,0,0,0-.44-6.24c-1-4.43-5.24-7.31-9.68-9.14-.29-.12-.58-.21-.87-.32.11-1.68.25-3.58.43-5.59a4.77,4.77,0,0,0,3.69.75c1.91-.42,3.28-2,4.5-3.51,6.42-7.89,13-16.11,15.49-25.91a56,56,0,0,0,1.36-13.34q0-.37,0-.74A14.51,14.51,0,0,0,1060.08,156.7Z" transform="translate(-37.66 -65.37)" fill="url(#dd623d78-3bb6-4132-be49-2e425533c027)" /> <path d="M1001.59,195.16s9.73,14.6,7.65,21.55,22.94,2.78,22.94,2.78.7-27.11,5.56-33.37S1001.59,195.16,1001.59,195.16Z" transform="translate(-37.66 -65.37)" fill="#f7c4a7" /> <path d="M937.29,204.55s-20.16-16.68-19.47-22.94c0,0-15.29-29.2-20.86-14.6S907.4,196.9,907.4,196.9l19.47,25.72Z" transform="translate(-37.66 -65.37)" fill="#f7c4a7" /> <path d="M916.78,466.28S898,478.1,890.37,474.63s-10.43,2.09-8.34,4.17,47.27,20.16,57.7,17.38,5.12-25.55,5.12-25.55Z" transform="translate(-37.66 -65.37)" fill="#535461" /> <path d="M1016.19,517s-4.52,19.12-20.16,18.77c0,0-23.64-2.09-14.6,6.26s61.87,9.73,61.87,9.73,0-28.5-9.73-34.76S1016.19,517,1016.19,517Z" transform="translate(-37.66 -65.37)" fill="#535461" /> <path d="M987.69,382.17l2.09,48.66s0,22.94,7.65,33.37,16.68,62.57,16.68,62.57h26.42s-7.65-70.21-13.9-78.56c0,0-2.78-61.87,7-75.77Z" transform="translate(-37.66 -65.37)" fill="#575988" /> <path d="M987.69,382.17l2.09,48.66s0,22.94,7.65,33.37,16.68,62.57,16.68,62.57h26.42s-7.65-70.21-13.9-78.56c0,0-2.78-61.87,7-75.77Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M1042.61,338.37s16,38.23-13.21,49.36-82,9.73-82,9.73l-2.78,80.64s-32.67,4.17-33.37-6.26V383.56s.7-9.73,22.25-18.07S984.21,353,984.21,353l1.39-18.07Z" transform="translate(-37.66 -65.37)" fill="#575988" /> <path d="M1017,212.42a33.27,33.27,0,0,1,16.33,2.31c4.26,1.79,8.36,4.61,9.29,8.94,1.1,5.13-.12,16.64-1.52,26.37a181.63,181.63,0,0,0-.85,46.09c.72,6.39,1.71,12,3.06,14.44,4.17,7.65,8.34,43.8,8.34,43.8s-45.88-17.38-68.82-7c0,0-3.13-71.26-3.48-94.54-.27-18,22.59-38.58,30.24-39.28C1014.07,213.18,1012.54,212.88,1017,212.42Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M1017,211a33.27,33.27,0,0,1,16.33,2.31c4.26,1.79,8.36,4.61,9.29,8.94,1.1,5.13-.12,16.64-1.52,26.37a181.63,181.63,0,0,0-.85,46.09,74.75,74.75,0,0,0,3.06,14.44c3.13,9.38,8.34,43.8,8.34,43.8s-45.88-17.38-68.82-7c0,0-3.13-71.26-3.48-94.54-.27-18,22.59-38.58,30.24-39.28C1014.07,211.79,1012.54,211.49,1017,211Z" transform="translate(-37.66 -65.37)" fill="#e14b5a" /> <path d="M1029.4,249.39,980,246.61s-3.14-24.2,4-23.95l48.85,1.7S1043.31,236.87,1029.4,249.39Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M1029.4,248l-56.31-2.78S929.3,232,916.78,217.41c0,0,.7-25.72,14.6-27.11l32.89,24.12A35.51,35.51,0,0,0,984,221.27l48.85,1.7S1043.31,235.48,1029.4,248Z" transform="translate(-37.66 -65.37)" fill="#e14b5a" /> <path d="M1031.83,198.29c.83-6.59,3.82-8.78,5.91-11.47,4.87-6.26-36.15,9-36.15,9a73.74,73.74,0,0,1,5.54,10.23,24.92,24.92,0,0,0,10.44,2.28C1023.63,208.37,1027.51,201.86,1031.83,198.29Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <circle cx={979.92} cy={117.28} r={25.03} fill="#f7c4a7" /> <path d="M1001.78,165.11c-2.67-2.91-3.95-6.79-5.16-10.55l-2.77-8.61c3.77,2.23,7.79-2.79,12.11-3.48,3.1-.5,6,1.31,8.87,2.62,12.37,5.66,28.49,2.85,38.46,12.12a11.12,11.12,0,0,1,3.07,4.34,14.54,14.54,0,0,1,.56,4.9,55.83,55.83,0,0,1-1.3,13.05c-2.37,9.59-8.69,17.63-14.85,25.35-1.17,1.47-2.48,3-4.32,3.43-3.58.8-6.35-3.07-7.73-6.46a68.75,68.75,0,0,1-4-14A18.28,18.28,0,0,0,1023,182c-2.15-3.82-7.46-7.43-10.69-10.39S1004.74,168.35,1001.78,165.11Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M1001.78,164.41c-2.67-2.91-3.95-6.79-5.16-10.55l-2.77-8.61c3.77,2.23,7.79-2.79,12.11-3.48,3.1-.5,6,1.31,8.87,2.62,12.37,5.66,28.49,2.85,38.46,12.12a11.12,11.12,0,0,1,3.07,4.34,14.54,14.54,0,0,1,.56,4.9,55.83,55.83,0,0,1-1.3,13.05c-2.37,9.59-8.69,17.63-14.85,25.35-1.17,1.47-2.48,3-4.32,3.43-3.58.8-6.35-3.07-7.73-6.46a68.75,68.75,0,0,1-4-14,18.28,18.28,0,0,0-1.65-5.9c-2.15-3.82-7.46-7.43-10.69-10.39S1004.74,167.65,1001.78,164.41Z" transform="translate(-37.66 -65.37)" fill="#632652" /> <ellipse cx={986.53} cy={120.07} rx={2.09} ry={4.52} fill="#f7c4a7" /> <path d="M1036.7,306s-1.39,4.17-8.34,3.48-27.11-2.09-27.11,0" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M981.43,541.36a5.89,5.89,0,0,1-2-2.9c-.18.9.38,2.08,2,3.6,9,8.34,61.87,9.73,61.87,9.73s0-.25,0-.7C1043,551.09,990.44,549.68,981.43,541.36Z" transform="translate(-37.66 -65.37)" fill="#fff" opacity={0.5} /> <path d="M939.72,494.79c-10.43,2.78-55.61-15.29-57.7-17.38a2.26,2.26,0,0,1-.58-1,2.5,2.5,0,0,0,.58,2.41c2.09,2.09,47.27,20.16,57.7,17.38,5.37-1.43,6.56-8.16,6.46-14.35C946.09,487.6,944.69,493.46,939.72,494.79Z" transform="translate(-37.66 -65.37)" fill="#fff" opacity={0.5} /> <path d="M772.71,212.22s-60.54-17.93-64.54,33.07,16,135,0,162-73.09,66-43,69.5,45,8.5,36,26.5-56,35-46,48,15,29,5,45-45,26-39,37,28,17,17,29-42.89,39.3-30.44,39.15" transform="translate(-37.66 -65.37)" fill="none" stroke="#535461" strokeMiterlimit={10} strokeWidth={3} /> <path d="M543.16,548.07a298.41,298.41,0,0,1-4.48-41h0A55,55,0,0,0,500,456.8c-3.95-1.21-8.3-2.35-13.11-3.37-42.13-8.95-54.93-1.14-56.38-.11a54,54,0,0,1-3.19-7c-.07-.24-.14-.49-.21-.74a53.93,53.93,0,0,0,14.41-32.49c7-7.13,11.13-15.72,11.13-25,0-8-3-15.43-8.36-21.9V353.68A54.71,54.71,0,0,0,389.58,299h-4.44a54.71,54.71,0,0,0-54.71,54.71v13.56a34,34,0,0,0-7.56,20.9c0,9.06,3.94,17.49,10.7,24.53a53.94,53.94,0,0,0,15,33.55c.3,2.05.6,4.27.9,6.6l-75.37,15.94s-29.06,1.19-47.77,39.81C210.51,541.25,179,625.29,169.68,650.3h0c-1.69,4.53-2.64,7.13-2.64,7.13s.31-.31.9-.84L167,659s.46-.46,1.33-1.22c-1.32,10.47-1.51,28.44,12.21,30.68,11.5,1.88,41.11,2.65,63.49,3v0h1.55c14.83.2,26.11.2,26.11.2v-.2H512.36V689a16.59,16.59,0,0,0-1.33-6.52l.34-.4a13.21,13.21,0,0,1,2.5,5.79,5.79,5.79,0,0,1-.11.61l.14-.37a6.2,6.2,0,0,1-.14,2s30.87-79.55,30.54-127A80.47,80.47,0,0,0,543.16,548.07ZM350.72,463.55a55.19,55.19,0,0,1-.76-6.86v-.06C350.22,458.86,350.48,461.18,350.72,463.55ZM257.19,634.42v19l-11.88,2.54Z" transform="translate(-37.66 -65.37)" fill="url(#55adf8d3-7ffb-491e-9308-2cd46ab42596)" /> <path d="M348.47,241.26h0A54.71,54.71,0,0,1,403.17,296V319.3a0,0,0,0,1,0,0H293.76a0,0,0,0,1,0,0V296a54.71,54.71,0,0,1,54.71-54.71Z" fill="#e14b5a" /> <ellipse cx={348.85} cy={326.96} rx={62.36} ry={42.85} fill="#e14b5a" /> <path d="M346.53,433.83s13,68.09,0,86.46,39.79,25.63,39.79,25.63L441,526l7.65-49s-33.28-18.75-26.4-56.62Z" transform="translate(-37.66 -65.37)" fill="#f7c4a7" /> <path d="M508,663.36s3.44,14.92-15.3,17.6a106,106,0,0,1-33.36-.4l-4.13-37.48h43.61Z" transform="translate(-37.66 -65.37)" fill="#f7c4a7" /> <path d="M176.92,644.26S168.64,677.9,187.39,681,275,684,275,684V644.23l-31.17,6.66-29.27-28.08Z" transform="translate(-37.66 -65.37)" fill="#f7c4a7" /> <path d="M350.55,455.83l-73.26,15.49s-27.93,1.15-45.91,38.26-57,143.08-57,143.08,33.28-33.66,72.3,2.3l26-47.05L267,682.49H468.57v-35.2s42.08,22.57,39,35.2c0,0,36-92.78,28.26-134.95a286.78,286.78,0,0,1-4.3-39.45h0a52.85,52.85,0,0,0-37.19-48.26c-3.8-1.17-8-2.26-12.6-3.24-43.23-9.18-54.32,0-54.32,0s-8.37,27.25-8.22,39.59c.19,15.88-22.57,26.4-22.57,26.4s-33.66-8-35.2-14.54S347.87,463.48,350.55,455.83Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M350.55,454.3l-73.26,15.49s-27.93,1.15-45.91,38.26-57,143.08-57,143.08,33.28-33.66,72.3,2.3l26-47.05L267,681H468.57v-35.2s42.08,22.57,39,35.2c0,0,36-92.78,28.26-134.95a286.78,286.78,0,0,1-4.3-39.45h0a52.85,52.85,0,0,0-37.19-48.26c-3.8-1.17-8-2.26-12.6-3.24-43.23-9.18-54.32,0-54.32,0s-8.37,27.25-8.22,39.59c.19,15.88-22.57,26.4-22.57,26.4s-33.66-8-35.2-14.54S347.87,461.95,350.55,454.3Z" transform="translate(-37.66 -65.37)" fill="#575988" /> <path d="M425.42,451a51.78,51.78,0,0,1-2-27.16l-75.75,13.39s1.09,5.72,2.33,14.3a52,52,0,0,0,75.41-.53Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M438.35,412a52,52,0,0,1-104,1.26c0-.42,0-.84,0-1.26a52,52,0,0,1,29.17-46.75q2.34-1.14,4.81-2.06a52.4,52.4,0,0,1,26.8-2.49h0a52,52,0,0,1,43.15,47.85Q438.35,410.29,438.35,412Z" transform="translate(-37.66 -65.37)" fill="#f7c4a7" /> <g opacity={0.1}> <path d="M368.19,364.43l.07,0q-2.47.91-4.81,2.06a52,52,0,0,0-29.17,46.75c0,.42,0,.84,0,1.26a11.56,11.56,0,0,0,4.67-1.12c12.69-5.92,20.29-24,23.28-36.66C363.33,372.15,364.35,367.06,368.19,364.43Z" transform="translate(-37.66 -65.37)" /> <path d="M408,365.9a51.6,51.6,0,0,0-12.93-4,16.69,16.69,0,0,1,9.29,5.83,23.79,23.79,0,0,1,2.84,5.07,52.17,52.17,0,0,0-43.76.91c3.27,7.16,13.39,11.06,20.15,13.68q11.1,4.29,22.47,7.84l-6.69-5.43,15.11,2.4a26.17,26.17,0,0,0-1.05-8.91c2.88,2.33,6.73,3.11,9.87,5.1,5.89,3.71,8.34,10.87,11.55,17a11,11,0,0,0,3.37,4.32A52,52,0,0,0,408,365.9Z" transform="translate(-37.66 -65.37)" /> </g> <path d="M368.19,363.26l.07,0q-2.47.91-4.81,2.06A52,52,0,0,0,334.29,412c0,.42,0,.84,0,1.26a11.56,11.56,0,0,0,4.67-1.12c12.69-5.92,20.29-24,23.28-36.66C363.33,371,364.35,365.88,368.19,363.26Z" transform="translate(-37.66 -65.37)" fill="#632652" /> <path d="M408,364.72a51.6,51.6,0,0,0-12.93-4,16.69,16.69,0,0,1,9.29,5.83,23.79,23.79,0,0,1,2.84,5.07,52.17,52.17,0,0,0-43.76.91c3.27,7.16,13.39,11.06,20.15,13.68q11.1,4.29,22.47,7.84l-6.69-5.43,15.11,2.4a26.17,26.17,0,0,0-1.05-8.91c2.88,2.33,6.73,3.11,9.87,5.1,5.89,3.71,8.34,10.87,11.55,17a11,11,0,0,0,3.37,4.32A52,52,0,0,0,408,364.72Z" transform="translate(-37.66 -65.37)" fill="#632652" /> <path d="M328.36,403.44s53.56-66.56,115.53,0l-5.36-14.92s-29.07-42.46-49.73-33.28-40.93,15.68-40.93,15.68Z" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M328.36,402.27s53.56-66.56,115.53,0l-5.36-14.92s-29.07-42.46-49.73-33.28-40.93,15.68-40.93,15.68Z" transform="translate(-37.66 -65.37)" fill="#e14b5a" /> <path d="M284.37,545.73s-11.48,30.6,4.59,58.15-14.15,39-14.15,39" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M470.29,518.18s19.89,25.25,6.89,47.82-12.24,76.89-12.24,76.89" transform="translate(-37.66 -65.37)" opacity={0.1} /> <path d="M229.11,600.1H450.23a18.36,18.36,0,0,1,18.36,18.36v0a0,0,0,0,1,0,0H210.75a0,0,0,0,1,0,0v0A18.36,18.36,0,0,1,229.11,600.1Z" fill="#535461" /> <path d="M262.37,473.86H417a39,39,0,0,1,39,39v91.45a0,0,0,0,1,0,0H223.37a0,0,0,0,1,0,0V512.86A39,39,0,0,1,262.37,473.86Z" fill="#535461" /> <circle cx={339.48} cy={544.82} r={13.77} fill="#fff" /> <path d="M331.42,372.23s52.64-52.61,109.41-1" transform="translate(-37.66 -65.37)" fill="none" stroke="#000" strokeMiterlimit={10} opacity={0.1} /> <rect x={411.19} y={303.52} width={5.29} height={29.96} fill="#6a5c99" /> <path d="M404.14,322.9h0a18.21,18.21,0,0,1,18.21,18.21v1.17a18.21,18.21,0,0,1-18.21,18.21h0a0,0,0,0,1,0,0V322.9a0,0,0,0,1,0,0Z" fill="#ffd037" /> <rect x={400.61} y={321.14} width={8.22} height={41.12} rx={4.11} ry={4.11} fill="#6a5c99" /> <rect x={317.58} y={369.47} width={5.29} height={29.96} transform="translate(602.79 703.53) rotate(-180)" fill="#6a5c99" /> <path d="M311.71,388.85h0a18.21,18.21,0,0,1,18.21,18.21v1.17a18.21,18.21,0,0,1-18.21,18.21h0a0,0,0,0,1,0,0v-37.6a0,0,0,0,1,0,0Z" transform="translate(603.96 749.94) rotate(180)" fill="#ffd037" /> <rect x={325.22} y={387.09} width={8.22} height={41.12} rx={4.11} ry={4.11} transform="translate(621 749.94) rotate(-180)" fill="#6a5c99" /> <path d="M448.22,336.86C441.06,322,425.47,304,391.86,302.54v0l-.4,0h0l-11.91.57v.06c-33.39,1.54-48.9,19.46-56,34.3a77.16,77.16,0,0,0-7.38,32.12l4.11-.1,4.11-.09A70,70,0,0,1,331,340.76c9.06-18.61,25.74-28.52,49.56-29.43h0l10.53-.58h0c23.82.91,40.5,10.81,49.56,29.43a70,70,0,0,1,6.69,28.62l4.11.09,4.11.1A77.16,77.16,0,0,0,448.22,336.86Z" transform="translate(-37.66 -65.37)" fill="#ffd037" /> <rect x={37.61} y={618.7} width={560.78} height={150.56} fill="#d6d6e3" /> <rect x={37.61} y={628.84} width={560.78} height={19.54} opacity={0.1} /> <rect y={616.53} width={636} height={19.54} fill="#d6d6e3" /> <path d="M473.17,633.29s24,44,84,32,31,111,31,111-9.82,58.68-2.91,58.34" transform="translate(-37.66 -65.37)" fill="none" stroke="#535461" strokeMiterlimit={10} strokeWidth={3} /> </svg> ); UndrawFirmware.propTypes = { /** * Hex color */ primaryColor: PropTypes.string, /** * percentage */ height: PropTypes.string, /** * custom class for svg */ class: PropTypes.string }; UndrawFirmware.defaultProps = { primaryColor: "#6c68fb", height: "250px", class: "" }; export default UndrawFirmware;