react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
738 lines (733 loc) • 27 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawNews = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="c1beeda2-3973-4ae6-86a9-52f16471172f"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 901.87 622"
>
<defs>
<linearGradient
id="cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
x1={214.76}
y1={345.82}
x2={214.76}
y2={176.98}
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="7dbfc0ad-0edd-4962-ae53-3e10f8076a30"
x1={370.41}
y1={529.73}
x2={370.41}
y2={514.61}
gradientTransform="translate(-261.96 -454.67) rotate(-3.75)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="2e677a00-ad84-462f-a755-cc915391eaef"
x1={472.13}
y1={507.75}
x2={472.13}
y2={492.63}
gradientTransform="translate(-261.96 -454.67) rotate(-3.75)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="6fc9dfcb-959f-45f5-9e30-981ed1ece4ee"
x1={646.14}
y1={517.73}
x2={646.14}
y2={494.63}
gradientTransform="translate(-332.83 -332.73) rotate(-13.48)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="39a84653-3cf1-4134-ab42-bf2b0e824fc4"
x1={557.24}
y1={563.18}
x2={557.24}
y2={548.06}
gradientTransform="translate(-117.85 -585.68) rotate(10.2)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="7782327f-ae36-4a9a-b462-151375f444b6"
x1={441.24}
y1={625.84}
x2={441.24}
y2={610.73}
gradientTransform="translate(-261.96 -454.67) rotate(-3.75)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="8fce74bc-e786-4184-8196-133889bce917"
x1={662.02}
y1={559.99}
x2={662.02}
y2={536.88}
gradientTransform="translate(-332.83 -332.73) rotate(-13.48)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="ec4cef39-2f7d-4633-a76d-8aa6eb49d472"
x1={718.48}
y1={687.72}
x2={718.48}
y2={664.62}
gradientTransform="translate(-332.83 -332.73) rotate(-13.48)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="a0c3a354-3d2b-4575-9c71-49ce4224960a"
x1={960.18}
y1={802.18}
x2={960.18}
y2={779.08}
gradientTransform="translate(-332.83 -332.73) rotate(-13.48)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="40fab73a-0f13-498f-8851-d851c09f96b3"
x1={576.26}
y1={650.26}
x2={576.26}
y2={635.14}
gradientTransform="translate(-117.85 -585.68) rotate(10.2)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="0d812ec4-18d3-4fc9-95b5-b567b3aa17d2"
x1={953.34}
y1={715.38}
x2={953.34}
y2={700.26}
gradientTransform="translate(-117.85 -585.68) rotate(10.2)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="c67bcd62-ea1d-4e84-87c1-af7379266e5a"
x1={907.15}
y1={582.9}
x2={907.15}
y2={567.79}
gradientTransform="translate(-117.85 -585.68) rotate(10.2)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="7fce4d5f-14d9-4f34-a1c1-b993bca17afd"
x1={1066.36}
y1={436.94}
x2={1066.36}
y2={421.82}
gradientTransform="translate(-117.85 -585.68) rotate(10.2)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="fb214ff2-ed96-4be0-880a-75de4a76f8f9"
x1={408.47}
y1={593.3}
x2={408.47}
y2={578.18}
gradientTransform="translate(-117.85 -585.68) rotate(10.2)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="4d87164c-caac-4a77-9549-821d8d9bfaaa"
x1={795.18}
y1={562.41}
x2={795.18}
y2={539.31}
gradientTransform="translate(-261.96 -454.67) rotate(-3.75)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="468c021b-e5c9-4e7f-8066-86a3295c31c0"
x1={818.98}
y1={744.95}
x2={818.98}
y2={692.09}
gradientTransform="translate(218.15 -819.06) rotate(27.07)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="2bba3003-1a7c-40bc-8007-601995116a1b"
x1={1009.63}
y1={941.57}
x2={1009.63}
y2={831.19}
gradientTransform="matrix(0.9, 0.43, -0.43, 0.9, 289.5, -873.01)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="7d984b9b-79bf-4ccd-9c01-273bb4695a47"
x1={983.97}
y1={578.48}
x2={983.97}
y2={525.62}
gradientTransform="matrix(1, -0.01, 0.01, 1, -233.9, -501.24)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="fce4593a-d20b-4d6c-94f1-f929bcf1e06a"
x1={1058.69}
y1={659.83}
x2={1058.69}
y2={606.97}
gradientTransform="matrix(1, -0.01, 0.01, 1, -233.9, -501.24)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="e7fad314-c36a-43e5-85d6-709074a63ec6"
x1={691.97}
y1={619.33}
x2={691.97}
y2={596.23}
gradientTransform="translate(-261.96 -454.67) rotate(-3.75)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
<linearGradient
id="40600300-78d0-490f-be9f-5cfbcdd9ea47"
x1={882.74}
y1={617.51}
x2={882.74}
y2={594.41}
gradientTransform="translate(-261.96 -454.67) rotate(-3.75)"
xlinkHref="#cb4c75d7-b8af-4b7c-b93c-0d81a615737d"
/>
</defs>
<title>news</title>
<rect x={17.58} y={224.67} width={75.37} height={11.45} fill="#4d8af0" />
<polygon
points="17.58 235.85 9.05 622 14.38 622 26.19 236.12 17.58 235.85"
fill="#eee"
/>
<polygon
points="92.94 235.85 101.46 622 96.14 622 84.33 236.12 92.94 235.85"
fill="#eee"
/>
<polygon
points="33.64 236.12 24.5 622 30.89 622 39.33 235.85 33.64 236.12"
fill="#e0e0e0"
/>
<polygon
points="78.47 236.12 87.62 622 81.22 622 72.79 235.85 78.47 236.12"
fill="#e0e0e0"
/>
<rect x={31.96} y={575.13} width={48.47} height={5.86} fill="#e0e0e0" />
<rect x={30.36} y={542.64} width={52.2} height={5.86} fill="#e0e0e0" />
<rect x={31.96} y={510.68} width={50.6} height={5.86} fill="#e0e0e0" />
<rect x={31.96} y={478.19} width={48.47} height={5.86} fill="#e0e0e0" />
<rect x={31.96} y={444.64} width={48.47} height={5.33} fill="#e0e0e0" />
<rect x={33.56} y={412.68} width={46.87} height={6.39} fill="#e0e0e0" />
<rect x={33.56} y={380.72} width={45.27} height={4.26} fill="#e0e0e0" />
<rect x={35.15} y={346.64} width={39.95} height={6.92} fill="#e0e0e0" />
<rect x={35.15} y={314.68} width={41.54} height={5.86} fill="#e0e0e0" />
<rect x={35.15} y={281.66} width={41.54} height={6.39} fill="#e0e0e0" />
<rect x={37.28} y={249.17} width={37.82} height={6.39} fill="#e0e0e0" />
<rect y={202.83} width={110.78} height={23.44} fill="#4d8af0" />
<g opacity={0.5}>
<path
d="M254,177,215.47,202.1a7.26,7.26,0,0,0-2.5-3.94,6.37,6.37,0,0,0,.21-3.78,2.37,2.37,0,0,0-.41-1,1.69,1.69,0,0,0-1.51-.42l-6.12.4a3.21,3.21,0,0,0-2,.58c-.86.72-1.12,2.23-2,2.87-.59.42-1.34.38-2,.71-1.41.75-1.72,3-1.83,4.83-.15,2.5-.14,5.44,1.49,7,1.19,1.11,2.84,1,4.34.92l1.51-.12a7.22,7.22,0,0,0,1.2.57v2.13h-.28s-17.27-5-36.24,47.24H169s-2.8,9.5,1.68,7.83c3.9-1.46,4-6.33,3.93-7.55h.26s7.83-22.92,20.13-25.72c0,0,8.95,11.18-5.59,33.54h11.38a17.37,17.37,0,0,0,1.48,7.27c3.35,6.71-6.71,70.44-6.71,70.44h8.39l4.22-21.12.53,21.12h6.15L221,305.29l-.84-48.92V243.7l1.12,1.49V225.62h16.21l2.8-21.8H240a26.38,26.38,0,0,0-.19-4.56l20.9-4.39C264,180.9,254,177,254,177Zm-18.3,27.16-4.9,12.53s-13.42-6.15-18.45-3.91h-.28v-2.66a7.26,7.26,0,0,0,3.61-5.78l20.15-4.23A12.77,12.77,0,0,0,235.69,204.15Z"
transform="translate(-149.07 -139)"
fill="url(#cb4c75d7-b8af-4b7c-b93c-0d81a615737d)"
/>
</g>
<path
d="M238.75,207.37s.64-9.24-2.24-7.21-1.64,7.78-1.64,7.78Z"
transform="translate(-149.07 -139)"
fill="#fda57d"
/>
<path
d="M171.17,260.07s-2.66,9.05,1.6,7.46,3.73-7.46,3.73-7.46Z"
transform="translate(-149.07 -139)"
fill="#fda57d"
/>
<rect x={57.26} y={72.6} width={5.86} height={5.33} fill="#fda57d" />
<rect x={52.46} y={101.9} width={4.79} height={23.97} fill="#4d8af0" />
<rect x={52.46} y={101.9} width={4.79} height={23.97} opacity={0.1} />
<path
d="M59.54,76.07h5.54a5.75,5.75,0,0,1,5.75,5.75v35.79a0,0,0,0,1,0,0h-17a0,0,0,0,1,0,0V81.82A5.75,5.75,0,0,1,59.54,76.07Z"
fill="#fff"
/>
<circle cx={59.65} cy={67.54} r={6.92} fill="#fda57d" />
<path
d="M206.06,215.07s-16.51-4.79-34.62,45.27h5.33s7.46-21.84,19.17-24.5c0,0,8.52,10.65-5.33,32h11.19v-7.14a124.62,124.62,0,0,1,4-32.08A26,26,0,0,0,206.06,215.07Z"
transform="translate(-149.07 -139)"
fill="#4d8af0"
/>
<path
d="M212.45,215.07v1.6s3.73,16.51,6.92,27.16L221,246V227.32h15.45l2.66-20.77h-4.26L230,218.79S217.24,212.93,212.45,215.07Z"
transform="translate(-149.07 -139)"
fill="#4d8af0"
/>
<path
d="M202.86,256.61s-3.2,11.72,0,18.11-6.39,67.11-6.39,67.11h8l11.45-57.26,1.86-28Z"
transform="translate(-149.07 -139)"
fill="#333"
/>
<polygon
points="70.84 117.61 71.64 164.21 65.78 202.83 59.92 202.83 57.79 117.61 70.84 117.61"
fill="#333"
/>
<path
d="M207.59,203.9a2.76,2.76,0,0,1,.52-.62,1.31,1.31,0,0,1,.66-.18c1.45-.12,3.12-.15,4-1.52a5.5,5.5,0,0,0,.44-4,2.25,2.25,0,0,0-.39-1,1.61,1.61,0,0,0-1.44-.4l-5.83.38a3.06,3.06,0,0,0-1.87.55c-.82.69-1.06,2.12-1.92,2.74-.57.4-1.28.36-1.88.68-1.34.71-1.63,2.83-1.74,4.6-.14,2.38-.14,5.18,1.42,6.63,1.13,1.06,2.7,1,4.13.88l2.66-.22a1.23,1.23,0,0,0,.75-.23,2,2,0,0,0,.36-1.59c-.07-1.34-.21-2.86-1.09-3.68a3.45,3.45,0,0,1-.57-.54C204.85,204.9,207.09,204.56,207.59,203.9Z"
transform="translate(-149.07 -139)"
fill="#333"
/>
<path
d="M252.13,181s9.59,3.73,6.39,17l-43.14,9.05v-2.13Z"
transform="translate(-149.07 -139)"
fill="#f55f44"
/>
<rect x={17.84} y={226} width={75.1} height={2.13} opacity={0.1} />
<rect x={30.09} y={376.2} width={5.86} height={1.07} opacity={0.1} />
<rect x={75.9} y={376.2} width={5.86} height={1.07} opacity={0.1} />
<rect x={17.58} y={367.41} width={75.1} height={9.05} fill="#eee" />
<polygon
points="151.15 38.35 151.9 37.97 151.72 37.95 151.78 37.91 151.67 37.94 131.03 35.27 131.47 42.1 132.12 48.16 133.39 47.51 134.57 50.19 151.15 38.35"
fill="url(#7dbfc0ad-0edd-4962-ae53-3e10f8076a30)"
/>
<polygon
points="132.16 41.97 132.76 47.52 151.21 38.17 135.19 38.52 132.16 41.97"
fill={props.primaryColor}
/>
<polygon
points="132.16 41.97 132.76 47.52 151.21 38.17 135.19 38.52 132.16 41.97"
opacity={0.2}
/>
<polygon
points="131.75 35.72 151.21 38.17 132.16 41.97 131.75 35.72"
fill={props.primaryColor}
/>
<polygon
points="135.04 49.36 151.1 38.11 132.48 43.65 135.04 49.36"
fill={props.primaryColor}
/>
<polygon
points="251.22 9.76 251.97 9.38 251.79 9.35 251.85 9.31 251.74 9.35 231.09 6.68 231.54 13.51 232.19 19.57 233.46 18.92 234.64 21.6 251.22 9.76"
fill="url(#2e677a00-ad84-462f-a755-cc915391eaef)"
/>
<polygon
points="232.23 13.38 232.83 18.93 251.28 9.58 235.26 9.93 232.23 13.38"
fill={props.primaryColor}
/>
<polygon
points="232.23 13.38 232.83 18.93 251.28 9.58 235.26 9.93 232.23 13.38"
opacity={0.2}
/>
<polygon
points="231.82 7.13 251.28 9.58 232.23 13.38 231.82 7.13"
fill={props.primaryColor}
/>
<polygon
points="235.11 20.77 251.17 9.52 232.55 15.05 235.11 20.77"
fill={props.primaryColor}
/>
<polygon
points="426.55 0.84 427.58 0.07 427.31 0.08 427.38 0 427.23 0.08 395.44 1.39 397.88 11.57 400.42 20.52 402.17 19.21 404.63 22.94 426.55 0.84"
fill="url(#6fc9dfcb-959f-45f5-9e30-981ed1ece4ee)"
/>
<polygon
points="398.89 11.19 401.22 19.39 426.6 0.54 402.56 5.21 398.89 11.19"
fill={props.primaryColor}
/>
<polygon
points="398.89 11.19 401.22 19.39 426.6 0.54 402.56 5.21 398.89 11.19"
opacity={0.2}
/>
<polygon
points="396.66 1.88 426.6 0.54 398.89 11.19 396.66 1.88"
fill={props.primaryColor}
/>
<polygon
points="405.13 21.58 426.42 0.48 399.8 13.63 405.13 21.58"
fill={props.primaryColor}
/>
<polygon
points="342.16 58.41 342.98 58.22 342.81 58.16 342.88 58.13 342.76 58.13 323.37 50.57 322.16 57.31 321.33 63.34 322.72 63.02 323.21 65.9 342.16 58.41"
fill="url(#39a84653-3cf1-4134-ab42-bf2b0e824fc4)"
/>
<polygon
points="322.86 57.35 322.1 62.87 342.26 58.25 326.63 54.73 322.86 57.35"
fill={props.primaryColor}
/>
<polygon
points="322.86 57.35 322.1 62.87 342.26 58.25 326.63 54.73 322.86 57.35"
opacity={0.2}
/>
<polygon
points="323.97 51.18 342.26 58.25 322.86 57.35 323.97 51.18"
fill={props.primaryColor}
/>
<polygon
points="323.87 65.21 342.17 58.16 322.76 59.05 323.87 65.21"
fill={props.primaryColor}
/>
<g opacity={0.5}>
<polygon
points="228.13 129.63 228.87 129.24 228.7 129.22 228.75 129.18 228.64 129.21 208 126.54 208.45 133.38 209.1 139.43 210.37 138.78 211.54 141.46 228.13 129.63"
fill="url(#7782327f-ae36-4a9a-b462-151375f444b6)"
/>
<polygon
points="209.14 133.25 209.74 138.79 228.19 129.44 212.17 129.79 209.14 133.25"
fill={props.primaryColor}
/>
<polygon
points="209.14 133.25 209.74 138.79 228.19 129.44 212.17 129.79 209.14 133.25"
opacity={0.2}
/>
<polygon
points="208.73 126.99 228.19 129.44 209.14 133.25 208.73 126.99"
fill={props.primaryColor}
/>
<polygon
points="212.02 140.63 228.08 129.38 209.46 134.92 212.02 140.63"
fill={props.primaryColor}
/>
</g>
<g opacity={0.2}>
<polygon
points="451.84 38.23 452.87 37.45 452.6 37.46 452.68 37.39 452.52 37.47 420.74 38.77 423.18 48.95 425.71 57.91 427.46 56.6 429.93 60.33 451.84 38.23"
fill="url(#8fce74bc-e786-4184-8196-133889bce917)"
/>
<polygon
points="424.18 48.58 426.51 56.77 451.89 37.93 427.85 42.6 424.18 48.58"
fill={props.primaryColor}
/>
<polygon
points="424.18 48.58 426.51 56.77 451.89 37.93 427.85 42.6 424.18 48.58"
opacity={0.2}
/>
<polygon
points="421.95 39.27 451.89 37.93 424.18 48.58 421.95 39.27"
fill={props.primaryColor}
/>
<polygon
points="430.42 58.97 451.71 37.87 425.09 51.02 430.42 58.97"
fill={props.primaryColor}
/>
</g>
<g opacity={0.3}>
<polygon
points="536.52 149.29 537.54 148.52 537.27 148.53 537.35 148.45 537.19 148.53 505.41 149.84 507.85 160.02 510.39 168.98 512.13 167.66 514.6 171.4 536.52 149.29"
fill="url(#ec4cef39-2f7d-4633-a76d-8aa6eb49d472)"
/>
<polygon
points="508.85 159.64 511.18 167.84 536.57 148.99 512.52 153.66 508.85 159.64"
fill={props.primaryColor}
/>
<polygon
points="508.85 159.64 511.18 167.84 536.57 148.99 512.52 153.66 508.85 159.64"
opacity={0.2}
/>
<polygon
points="506.62 150.33 536.57 148.99 508.85 159.64 506.62 150.33"
fill={props.primaryColor}
/>
<polygon
points="515.09 170.03 536.38 148.94 509.76 162.08 515.09 170.03"
fill={props.primaryColor}
/>
</g>
<g opacity={0.3}>
<polygon
points="798.23 204.28 799.26 203.5 798.99 203.51 799.07 203.44 798.91 203.51 767.13 204.82 769.57 215 772.1 223.96 773.85 222.65 776.31 226.38 798.23 204.28"
fill="url(#a0c3a354-3d2b-4575-9c71-49ce4224960a)"
/>
<polygon
points="770.57 214.63 772.9 222.82 798.28 203.97 774.24 208.64 770.57 214.63"
fill={props.primaryColor}
/>
<polygon
points="770.57 214.63 772.9 222.82 798.28 203.97 774.24 208.64 770.57 214.63"
opacity={0.2}
/>
<polygon
points="768.34 205.32 798.28 203.97 770.57 214.63 768.34 205.32"
fill={props.primaryColor}
/>
<polygon
points="776.81 225.02 798.1 203.92 771.48 217.06 776.81 225.02"
fill={props.primaryColor}
/>
</g>
<g opacity={0.5}>
<polygon
points="345.46 147.49 346.28 147.29 346.11 147.23 346.18 147.2 346.06 147.21 326.67 139.64 325.46 146.38 324.63 152.42 326.01 152.09 326.51 154.97 345.46 147.49"
fill="url(#40fab73a-0f13-498f-8851-d851c09f96b3)"
/>
<polygon
points="326.16 146.42 325.4 151.94 345.56 147.32 329.93 143.8 326.16 146.42"
fill={props.primaryColor}
/>
<polygon
points="326.16 146.42 325.4 151.94 345.56 147.32 329.93 143.8 326.16 146.42"
opacity={0.2}
/>
<polygon
points="327.27 140.25 345.56 147.32 326.16 146.42 327.27 140.25"
fill={props.primaryColor}
/>
<polygon
points="327.17 154.29 345.47 147.24 326.06 148.12 327.17 154.29"
fill={props.primaryColor}
/>
</g>
<g opacity={0.5}>
<polygon
points="705.04 278.34 705.86 278.15 705.7 278.08 705.76 278.06 705.64 278.06 686.26 270.5 685.04 277.24 684.21 283.27 685.6 282.94 686.1 285.83 705.04 278.34"
fill="url(#0d812ec4-18d3-4fc9-95b5-b567b3aa17d2)"
/>
<polygon
points="685.74 277.28 684.99 282.8 705.15 278.18 689.51 274.66 685.74 277.28"
fill={props.primaryColor}
/>
<polygon
points="685.74 277.28 684.99 282.8 705.15 278.18 689.51 274.66 685.74 277.28"
opacity={0.2}
/>
<polygon
points="686.85 271.11 705.15 278.18 685.74 277.28 686.85 271.11"
fill={props.primaryColor}
/>
<polygon
points="686.75 285.14 705.05 278.09 685.65 278.98 686.75 285.14"
fill={props.primaryColor}
/>
</g>
<g opacity={0.5}>
<polygon
points="683.05 139.79 683.87 139.59 683.7 139.53 683.77 139.5 683.65 139.51 664.26 131.94 663.05 138.68 662.22 144.72 663.61 144.39 664.11 147.27 683.05 139.79"
fill="url(#c67bcd62-ea1d-4e84-87c1-af7379266e5a)"
/>
<polygon
points="663.75 138.72 662.99 144.24 683.16 139.62 667.52 136.1 663.75 138.72"
fill={props.primaryColor}
/>
<polygon
points="663.75 138.72 662.99 144.24 683.16 139.62 667.52 136.1 663.75 138.72"
opacity={0.2}
/>
<polygon
points="664.86 132.56 683.16 139.62 663.75 138.72 664.86 132.56"
fill={props.primaryColor}
/>
<polygon
points="664.76 146.59 683.06 139.54 663.65 140.42 664.76 146.59"
fill={props.primaryColor}
/>
</g>
<g opacity={0.2}>
<polygon
points="865.59 24.32 866.41 24.13 866.25 24.07 866.31 24.04 866.19 24.05 846.8 16.48 845.59 23.22 844.76 29.26 846.15 28.93 846.65 31.81 865.59 24.32"
fill="url(#7fce4d5f-14d9-4f34-a1c1-b993bca17afd)"
/>
<polygon
points="846.29 23.26 845.53 28.78 865.7 24.16 850.06 20.64 846.29 23.26"
fill={props.primaryColor}
/>
<polygon
points="846.29 23.26 845.53 28.78 865.7 24.16 850.06 20.64 846.29 23.26"
opacity={0.2}
/>
<polygon
points="847.4 17.09 865.7 24.16 846.29 23.26 847.4 17.09"
fill={props.primaryColor}
/>
<polygon
points="847.3 31.13 865.6 24.07 846.2 24.96 847.3 31.13"
fill={props.primaryColor}
/>
</g>
<g opacity={0.2}>
<polygon
points="190.41 61.71 191.23 61.52 191.06 61.45 191.13 61.43 191.01 61.43 171.62 53.87 170.41 60.61 169.57 66.64 170.97 66.31 171.46 69.2 190.41 61.71"
fill="url(#fb214ff2-ed96-4be0-880a-75de4a76f8f9)"
/>
<polygon
points="171.11 60.65 170.35 66.17 190.51 61.55 174.88 58.03 171.11 60.65"
fill={props.primaryColor}
/>
<polygon
points="171.11 60.65 170.35 66.17 190.51 61.55 174.88 58.03 171.11 60.65"
opacity={0.2}
/>
<polygon
points="172.22 54.48 190.51 61.55 171.11 60.65 172.22 54.48"
fill={props.primaryColor}
/>
<polygon
points="172.12 68.51 190.42 61.46 171.01 62.35 172.12 68.51"
fill={props.primaryColor}
/>
</g>
<polygon
points="581.82 37.19 582.96 36.6 582.69 36.56 582.78 36.5 582.61 36.55 551.06 32.47 551.75 42.92 552.74 52.18 554.68 51.17 556.48 55.27 581.82 37.19"
fill="url(#4d87164c-caac-4a77-9549-821d8d9bfaaa)"
/>
<polygon
points="552.8 42.72 553.71 51.19 581.91 36.9 557.43 37.44 552.8 42.72"
fill={props.primaryColor}
/>
<polygon
points="552.8 42.72 553.71 51.19 581.91 36.9 557.43 37.44 552.8 42.72"
opacity={0.2}
/>
<polygon
points="552.17 33.16 581.91 36.9 552.8 42.72 552.17 33.16"
fill={props.primaryColor}
/>
<polygon
points="557.2 54.01 581.75 36.81 553.29 45.27 557.2 54.01"
fill={props.primaryColor}
/>
<polygon
points="655.27 198.78 658.21 198.96 657.72 198.58 657.97 198.56 657.57 198.46 600.37 153.47 589.47 174.79 580.56 194.15 585.55 194.45 584.29 204.61 655.27 198.78"
fill="url(#468c021b-e5c9-4e7f-8066-86a3295c31c0)"
/>
<polygon
points="591.77 175.63 583.64 193.34 655.8 198.33 607.06 170.69 591.77 175.63"
fill={props.primaryColor}
/>
<polygon
points="591.77 175.63 583.64 193.34 655.8 198.33 607.06 170.69 591.77 175.63"
opacity={0.2}
/>
<polygon
points="601.74 156.13 655.8 198.33 591.77 175.63 601.74 156.13"
fill={props.primaryColor}
/>
<polygon
points="587.17 202.98 655.57 197.96 589.73 181.22 587.17 202.98"
fill={props.primaryColor}
/>
<polygon
points="895.72 369.08 901.87 369.28 900.83 368.51 901.33 368.45 900.5 368.27 778.26 277.98 756.86 323.18 739.49 364.14 749.91 364.47 747.93 385.74 895.72 369.08"
fill="url(#2bba3003-1a7c-40bc-8007-601995116a1b)"
/>
<polygon
points="761.72 324.79 745.86 362.27 896.8 368.12 793.31 313.5 761.72 324.79"
fill={props.primaryColor}
/>
<polygon
points="761.72 324.79 745.86 362.27 896.8 368.12 793.31 313.5 761.72 324.79"
opacity={0.2}
/>
<polygon
points="781.29 283.45 896.8 368.12 761.72 324.79 781.29 283.45"
fill={props.primaryColor}
/>
<polygon
points="753.85 382.16 896.29 367.35 757.82 336.59 753.85 382.16"
fill={props.primaryColor}
/>
<polygon
points="791.07 25.22 793.75 24 793.14 23.89 793.35 23.76 792.95 23.86 721.35 10.84 721.69 34.79 722.86 56.06 727.41 54 731.05 63.57 791.07 25.22"
fill="url(#7d984b9b-79bf-4ccd-9c01-273bb4695a47)"
/>
<polygon
points="724.12 34.45 725.21 53.91 791.33 24.57 735.32 22.93 724.12 34.45"
fill={props.primaryColor}
/>
<polygon
points="724.12 34.45 725.21 53.91 791.33 24.57 735.32 22.93 724.12 34.45"
opacity={0.2}
/>
<polygon
points="723.81 12.55 791.33 24.57 724.12 34.45 723.81 12.55"
fill={props.primaryColor}
/>
<polygon
points="732.84 60.78 790.95 24.35 724.93 40.35 732.84 60.78"
fill={props.primaryColor}
/>
<polygon
points="866.94 105.49 869.63 104.28 869.02 104.17 869.22 104.03 868.83 104.13 797.23 91.11 797.57 115.06 798.74 136.33 803.29 134.28 806.93 143.84 866.94 105.49"
fill="url(#fce4593a-d20b-4d6c-94f1-f929bcf1e06a)"
/>
<polygon
points="800 114.73 801.08 134.19 867.2 104.85 811.19 103.21 800 114.73"
fill={props.primaryColor}
/>
<polygon
points="800 114.73 801.08 134.19 867.2 104.85 811.19 103.21 800 114.73"
opacity={0.2}
/>
<polygon
points="799.68 92.83 867.2 104.85 800 114.73 799.68 92.83"
fill={props.primaryColor}
/>
<polygon
points="808.72 141.05 866.82 104.63 800.81 120.62 808.72 141.05"
fill={props.primaryColor}
/>
<polygon
points="482.55 100.73 483.7 100.14 483.43 100.11 483.51 100.05 483.34 100.1 451.8 96.02 452.49 106.46 453.47 115.72 455.41 114.72 457.21 118.82 482.55 100.73"
fill="url(#e7fad314-c36a-43e5-85d6-709074a63ec6)"
/>
<polygon
points="453.54 106.27 454.45 114.73 482.65 100.45 458.17 100.99 453.54 106.27"
fill={props.primaryColor}
/>
<polygon
points="453.54 106.27 454.45 114.73 482.65 100.45 458.17 100.99 453.54 106.27"
opacity={0.2}
/>
<polygon
points="452.91 96.71 482.65 100.45 453.54 106.27 452.91 96.71"
fill={props.primaryColor}
/>
<polygon
points="457.93 117.56 482.48 100.36 454.02 108.82 457.93 117.56"
fill={props.primaryColor}
/>
<polygon
points="672.79 86.44 673.93 85.85 673.67 85.81 673.75 85.75 673.58 85.8 642.04 81.72 642.72 92.17 643.71 101.43 645.65 100.43 647.45 104.52 672.79 86.44"
fill="url(#40600300-78d0-490f-be9f-5cfbcdd9ea47)"
/>
<polygon
points="643.78 91.97 644.69 100.44 672.89 86.15 648.41 86.69 643.78 91.97"
fill={props.primaryColor}
/>
<polygon
points="643.78 91.97 644.69 100.44 672.89 86.15 648.41 86.69 643.78 91.97"
opacity={0.2}
/>
<polygon
points="643.15 82.42 672.89 86.15 643.78 91.97 643.15 82.42"
fill={props.primaryColor}
/>
<polygon
points="648.17 103.26 672.72 86.06 644.26 94.53 648.17 103.26"
fill={props.primaryColor}
/>
</svg>
);
UndrawNews.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawNews.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawNews;