react-undraw-illustrations
Version:
unDraw: MIT licensed illustrations for every project you can imagine and create...for React!
479 lines (474 loc) • 16.9 kB
JavaScript
import React from "react";
import PropTypes from "prop-types";
const UndrawWinterOlympics = props => (
<svg
style={{height:props.height, width:'100%'}}
className={props.class}
id="863ec028-5f1c-4acf-bc1b-dc14c28bc405"
data-name="Layer 1"
xmlnsXlink="http://www.w3.org/1999/xlink"
viewBox="0 0 908 540"
>
<defs>
<linearGradient
id="5b2138b1-2e8c-431b-b81c-2c12cc9c2fa1"
x1={563.57}
y1={658.1}
x2={563.57}
y2={488.82}
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>
</defs>
<title>Winter olympics</title>
<path
d="M218.91,597.77c4.49-7.49,11.77-12.79,17.65-19.24,39.29-43.11,6-118.69,37.64-167.76,18.11-28.1,53.83-41,71.4-69.41,13.79-22.32,14.25-50.91,27.56-73.52a73.32,73.32,0,0,1,57.65-35.47c16.64-1,33,3.74,49.18,7.79,49.92,12.47,106.86,17.12,149-12.6,21.78-15.37,41-40.13,67.57-39.25,26.35.87,45.16,27.14,70.7,33.69,11.31,2.9,23.22,1.73,34.78.13A487.88,487.88,0,0,0,872.39,207c27.92-8.21,58.42-18.84,85-7,34.23,15.2,44,59.58,42.22,97.2-.91,18.93-3.23,39.49,7,55.4,4.67,7.25,11.55,12.78,16.74,19.65,7.35,9.71,11,21.65,14.56,33.32,15,49.32,29.55,104.42,6.87,150.65-1.79,3.65-3.82,7.25-4.69,11.23-2.55,11.55,5,22.56,10.72,32.89,12.31,22.18,17.25,50.28,5.85,73s-42.56,35.3-63.6,21.28c-6.76-4.49-11.93-11.13-18.83-15.38-12.24-7.54-28.12-6.4-41.53-1.28S907.57,691.64,895.19,699A211.86,211.86,0,0,1,777.38,728c-50.16-2.54-97.55-22.82-146.53-34-61.9-14.15-126-13.71-189.5-13.21-26.32.21-52.8.77-78.86,4.8-20.14,3.12-49.62,20.39-69.28,15.15-18-4.8-42.32-28-55.82-40.54C221.28,645.27,205.82,619.57,218.91,597.77Z"
transform="translate(-155.11 -188.28)"
fill="#c6cedf"
/>
<g opacity={0.5}>
<path
d="M891.41,658.1s-256.49-6.16-338.59-6.16-317.1,6.16-317.1,6.16c-44.52,0-80.61-37.89-80.61-84.64h0c0-46.75,36.09-84.64,80.61-84.64,0,0,238.07,11.28,320,11.28s335.66-11.28,335.66-11.28c44.52,0,80.62,37.89,80.62,84.64h0C972,620.21,935.93,658.1,891.41,658.1Z"
transform="translate(-155.11 -188.28)"
fill="url(#5b2138b1-2e8c-431b-b81c-2c12cc9c2fa1)"
/>
</g>
<path
d="M965.3,572.49a79.9,79.9,0,0,1-23.22,56.44A78.87,78.87,0,0,1,886,652.3s-252.27-5.81-333-5.81c-46.08,0-141.12,1.89-214.24,3.51l-34.55.79-37.59.88c-15.92.38-25.49.63-25.49.63a79.72,79.72,0,0,1-8.92-.51c-39.58-4.46-70.37-38.26-70.37-79.3a79.88,79.88,0,0,1,23.22-56.43,78.87,78.87,0,0,1,56.07-23.37l24.3,1.08c9.29.4,20.87.9,34.08,1.45,11.31.48,23.82,1,37.08,1.53,10.93.44,22.37.9,34.1,1.35,68,2.63,145.36,5.23,185.2,5.23,80.61,0,330.13-10.64,330.13-10.64C929.8,492.69,965.3,528.42,965.3,572.49Z"
transform="translate(-155.11 -188.28)"
fill={props.primaryColor}
/>
<g opacity={0.1}>
<path
d="M806.49,495.22l32.89,156.45c15.92.38,25.49.63,25.49.63a79.41,79.41,0,0,0,8.91-.51l-33.21-158C831.28,494.17,819.7,494.67,806.49,495.22Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<path
d="M735.31,498.1,767.24,650l34.55.79-32.38-154C758.48,497.19,747,497.65,735.31,498.1Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<path
d="M299.5,495.22,266.61,651.67c-15.92.38-25.49.63-25.49.63a79.72,79.72,0,0,1-8.92-.51l33.22-158C274.71,494.17,286.29,494.67,299.5,495.22Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
</g>
<g opacity={0.1}>
<path
d="M370.68,498.1,338.75,650l-34.55.79,32.38-154C347.51,497.19,359,497.65,370.68,498.1Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
</g>
<ellipse cx={646.88} cy={76.21} rx={13.94} ry={14.03} fill="#fff" />
<ellipse cx={593.55} cy={125.54} rx={13.94} ry={14.03} fill="#fff" />
<ellipse cx={545.98} cy={169.07} rx={13.94} ry={14.03} fill="#fff" />
<ellipse cx={548.86} cy={247.42} rx={13.94} ry={14.03} fill="#fff" />
<ellipse cx={629.59} cy={200.99} rx={13.94} ry={14.03} fill="#fff" />
<ellipse cx={815.55} cy={259.03} rx={13.94} ry={14.03} fill="#fff" />
<path
d="M1001.39,537.9a14.05,14.05,0,0,0-3.58-6.19l-2.83-2.2a13.77,13.77,0,0,0-7-1.91h-2.88a15.5,15.5,0,0,0-9.86,4.11,15.64,15.64,0,0,0-4.08,9.91c.17,1.25.33,2.49.5,3.73a14.05,14.05,0,0,0,3.58,6.19l2.82,2.2a13.93,13.93,0,0,0,7,1.91H988a15.5,15.5,0,0,0,9.86-4.11,15.64,15.64,0,0,0,4.08-9.92C1001.72,540.38,1001.55,539.14,1001.39,537.9Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M461.78,332.21c-9.89,0-9.91,15.47,0,15.47S471.7,332.21,461.78,332.21Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M480.52,343.81c-9.89,0-9.91,15.48,0,15.48S490.44,343.81,480.52,343.81Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M513.68,329.31c-9.89,0-9.91,15.47,0,15.47S523.59,329.31,513.68,329.31Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M571.34,326.4c-9.89,0-9.91,15.48,0,15.48S581.25,326.4,571.34,326.4Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M636.21,325c-9.89,0-9.91,15.48,0,15.48S646.12,325,636.21,325Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M647.74,384.44c-9.89,0-9.91,15.48,0,15.48S657.66,384.44,647.74,384.44Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M458.57,423a8,8,0,0,0-5.43-2.27h-2.89a7.74,7.74,0,0,0,0,15.48h2.89A7.75,7.75,0,0,0,458.57,423Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M484.85,423.62c-9.9,0-9.91,15.47,0,15.47S494.76,423.62,484.85,423.62Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M505,419.26c-9.89,0-9.91,15.48,0,15.48S514.94,419.26,505,419.26Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M567,427c-5.57,0-5.58,8.71,0,8.71S572.59,427,567,427Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M588.64,425.55a4.48,4.48,0,0,0-1.47.26,4.1,4.1,0,0,0-1.41-.26h-4.33a4.49,4.49,0,0,0-3.63,2,4.18,4.18,0,0,0-2.13-.56c-5.57,0-5.58,8.71,0,8.71a3.93,3.93,0,0,0,3.61-2.07,4.1,4.1,0,0,0,2.15.62h4.33a4.08,4.08,0,0,0,1.38-.27,4.4,4.4,0,0,0,1.5.27C594.21,434.26,594.22,425.55,588.64,425.55Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M603.06,435.71c-5.57,0-5.58,8.7,0,8.7S608.63,435.71,603.06,435.71Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M643.42,479.23h-2.88a4.36,4.36,0,0,0,0,8.71h2.88a4.36,4.36,0,0,0,0-8.71Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M664.34,485.63l-5.76-2.9a4.4,4.4,0,0,0-5.92,1.56c-1,2-.61,4.87,1.55,6l5.77,2.9a4.38,4.38,0,0,0,5.91-1.56C666.93,489.62,666.5,486.72,664.34,485.63Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M679.63,489.22a4.42,4.42,0,0,0-3-1.28h-1.45a4.36,4.36,0,0,0,0,8.71h1.45a4.36,4.36,0,0,0,3-7.43Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M695.32,490.84c-5.57,0-5.58,8.71,0,8.71S700.89,490.84,695.32,490.84Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M417.1,297.87c-5.57,0-5.58,8.71,0,8.71S422.67,297.87,417.1,297.87Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M391.15,364.61c-5.57,0-5.58,8.71,0,8.71S396.72,364.61,391.15,364.61Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M822.17,331.24c-5.56,0-5.57,8.71,0,8.71S827.75,331.24,822.17,331.24Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M864,280.46c-5.57,0-5.58,8.7,0,8.7S869.55,280.46,864,280.46Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M930.29,308c-5.57,0-5.58,8.7,0,8.7S935.86,308,930.29,308Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M979.48,363,978,361.53a4.45,4.45,0,0,0-3.06-1.27,4.34,4.34,0,0,0-4.33,4.35,4.53,4.53,0,0,0,1.27,3.08l1.44,1.45a4.3,4.3,0,0,0,6.12,0,4.38,4.38,0,0,0,1.26-3.08A4.6,4.6,0,0,0,979.48,363Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M306.27,487.76a4.46,4.46,0,0,0-3.06-1.27h-1.44a4.32,4.32,0,0,0-4.32,4.35,4.39,4.39,0,0,0,1.26,3.08,4.51,4.51,0,0,0,3.06,1.28h1.44a4.36,4.36,0,0,0,3.06-7.44Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M340.69,493.74c-5.56,0-5.57,8.71,0,8.71S346.27,493.74,340.69,493.74Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M355.11,490.84c-5.57,0-5.58,8.71,0,8.71S360.68,490.84,355.11,490.84Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M360.88,463.27c-5.57,0-5.58,8.71,0,8.71S366.45,463.27,360.88,463.27Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M330.6,427c-5.56,0-5.57,8.71,0,8.71S336.18,427,330.6,427Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M356.73,403.61a4.5,4.5,0,0,0-3.06-1.27h-1.44a4.35,4.35,0,0,0,0,8.7h1.44a4.36,4.36,0,0,0,3.06-7.43Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M375.29,357.36c-5.56,0-5.57,8.7,0,8.7S380.87,357.36,375.29,357.36Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M469,268.85c-5.56,0-5.57,8.71,0,8.71S474.57,268.85,469,268.85Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M407,415.39c-5.57,0-5.58,8.71,0,8.71S412.58,415.39,407,415.39Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M394,483.59h-2.88a4.35,4.35,0,0,0,0,8.7H394a4.35,4.35,0,0,0,0-8.7Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M414.21,482.14c-5.56,0-5.57,8.7,0,8.7S419.79,482.14,414.21,482.14Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M411.33,498.1c-5.57,0-5.57,8.7,0,8.7S416.91,498.1,411.33,498.1Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M716.94,675.11c-5.57,0-5.58,8.71,0,8.71S722.51,675.11,716.94,675.11Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M760.19,678c-5.57,0-5.58,8.71,0,8.71S765.76,678,760.19,678Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M780.37,651.89c-5.57,0-5.58,8.71,0,8.71S785.94,651.89,780.37,651.89Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M941.82,646.09c-5.56,0-5.57,8.71,0,8.71S947.4,646.09,941.82,646.09Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M977.86,631.58c-5.57,0-5.57,8.71,0,8.71S983.44,631.58,977.86,631.58Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M303.21,675.11c-5.56,0-5.57,8.71,0,8.71S308.79,675.11,303.21,675.11Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M363.76,624.33c-5.57,0-5.58,8.7,0,8.7S369.33,624.33,363.76,624.33Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M293.12,601.11c-5.56,0-5.57,8.71,0,8.71S298.7,601.11,293.12,601.11Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M185,556.13c-5.57,0-5.58,8.71,0,8.71S190.58,556.13,185,556.13Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M302,544.35a4.5,4.5,0,0,0-3.06-1.27h-1.44a4.36,4.36,0,0,0-3.06,7.43,4.5,4.5,0,0,0,3.06,1.27h1.44a4.32,4.32,0,0,0,4.32-4.35A4.39,4.39,0,0,0,302,544.35Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M373.85,569.19c-5.57,0-5.58,8.71,0,8.71S379.42,569.19,373.85,569.19Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M649.19,591c-5.57,0-5.58,8.7,0,8.7S654.76,591,649.19,591Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M745.77,601.11c-5.57,0-5.57,8.71,0,8.71S751.35,601.11,745.77,601.11Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M827.94,582.25c-5.57,0-5.58,8.71,0,8.71S833.51,582.25,827.94,582.25Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M920,530.31a4.42,4.42,0,0,0-2-2.6c-2-1-4.84-.61-5.92,1.56l-1.44,2.9a4.62,4.62,0,0,0-.44,3.36,4.44,4.44,0,0,0,2,2.6c2,1,4.84.61,5.92-1.56l1.44-2.9A4.68,4.68,0,0,0,920,530.31Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M882.72,580.8c-5.57,0-5.58,8.71,0,8.71S888.29,580.8,882.72,580.8Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M659.28,611.27c-5.57,0-5.58,8.7,0,8.7S664.85,611.27,659.28,611.27Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M484.85,634.48c-5.57,0-5.58,8.71,0,8.71S490.42,634.48,484.85,634.48Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M500.88,528.39a4.46,4.46,0,0,0-3.06-1.27h-1.44a4.36,4.36,0,0,0-3.06,7.43,4.5,4.5,0,0,0,3.06,1.27h1.44a4.36,4.36,0,0,0,3.06-7.43Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M544,483.59c-5.56,0-5.57,8.7,0,8.7S549.53,483.59,544,483.59Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M600,611.27c-5.57,0-5.57,8.7,0,8.7S605.57,611.27,600,611.27Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M678,519.86c-5.57,0-5.58,8.71,0,8.71S683.59,519.86,678,519.86Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M787.58,502.45c-5.57,0-5.58,8.71,0,8.71S793.15,502.45,787.58,502.45Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M874.07,458.92c-5.57,0-5.58,8.71,0,8.71S879.64,458.92,874.07,458.92Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M872.63,395.08c-5.57,0-5.58,8.71,0,8.71S878.2,395.08,872.63,395.08Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M872.63,409.59c-5.57,0-5.58,8.71,0,8.71S878.2,409.59,872.63,409.59Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M859.65,421.2c-5.56,0-5.57,8.7,0,8.7S865.23,421.2,859.65,421.2Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M888.78,406.72c2-2.47,1-7.29-3.18-7.29-5.46,0-5.56,8.37-.29,8.68-2,2.47-1,7.28,3.17,7.28C894,415.39,894,407,888.78,406.72Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M908.67,234c-5.57,0-5.58,8.7,0,8.7S914.24,234,908.67,234Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<path
d="M787.58,445.86c-5.57,0-5.58,8.71,0,8.71S793.15,445.86,787.58,445.86Z"
transform="translate(-155.11 -188.28)"
fill="#fff"
/>
<circle
cx={355.19}
cy={381}
r={16.34}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeMiterlimit={10}
strokeWidth={2}
/>
<circle
cx={394.6}
cy={381}
r={16.34}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeMiterlimit={10}
strokeWidth={2}
/>
<circle
cx={374.41}
cy={398.22}
r={16.34}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeMiterlimit={10}
strokeWidth={2}
/>
<circle
cx={413.37}
cy={398.22}
r={16.34}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeMiterlimit={10}
strokeWidth={2}
/>
<circle
cx={434}
cy={381}
r={16.34}
fill="none"
stroke="#fff"
strokeLinecap="round"
strokeMiterlimit={10}
strokeWidth={2}
/>
</svg>
);
UndrawWinterOlympics.propTypes = {
/**
* Hex color
*/
primaryColor: PropTypes.string,
/**
* percentage
*/
height: PropTypes.string,
/**
* custom class for svg
*/
class: PropTypes.string
};
UndrawWinterOlympics.defaultProps = {
primaryColor: "#6c68fb",
height: "250px",
class: ""
};
export default UndrawWinterOlympics;