Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <svg id="birds" xmlns="http://www.w3.org/2000/svg" width="100%" viewBox="0 0 3945.8 2400">
  <title>birds and nest</title>
  <g id="nest">
    <path d="M1228,1297c90.7,2.5,297.2,58.4,352.4,230.8s-137.6,316-305.2,325.4-324.7,28.6-409.8-70.5c-51.7-60.4-83.2-222.9-22.3-315.4C898.2,1383.6,1022.2,1291.3,1228,1297Z" fill="#c2ac91"/>
    <path d="M982.8,1537.9c23.2-51.9,124.3-109.6,214.2-89.9l31.2-18.5s79.9,1,178,54.2a535.7,535.7,0,0,1-10.6,58.8s-58.4,45.7-210.3,55.7S982.8,1537.9,982.8,1537.9Z" fill="#69502f"/>
    <g>
      <path d="M960.5,1503.5a6.4,6.4,0,0,1-5.1-2.5c-88.9-115.9-162.7-165.3-223.3-198.3a6.5,6.5,0,1,1,6.2-11.3c61.7,33.7,137,84,227.4,201.8A6.5,6.5,0,0,1,960.5,1503.5Z" fill="#977348"/>
      <path d="M856.5,1616.7a6.5,6.5,0,0,1-5.8-3.5c-41.5-81.4,23.6-183,66.7-250.2,13.4-20.8,24.9-38.8,30.1-51.3a6.5,6.5,0,1,1,11.9,4.9c-5.6,13.5-17.4,31.9-31.1,53.3-41.5,64.7-104.2,162.6-66.1,237.4A6.5,6.5,0,0,1,856.5,1616.7Z" fill="#977348"/>
      <path d="M982.8,1474.2a6.5,6.5,0,0,1-6-8.9c39.1-94.4,110-143.9,216.7-151.5a6.5,6.5,0,1,1,.9,12.9c-101.3,7.2-168.6,54.1-205.7,143.6A6.5,6.5,0,0,1,982.8,1474.2Z" fill="#977348"/>
      <path d="M953.4,1426.7a6.5,6.5,0,0,1-5.7-9.5c19.3-35.9,55.8-58.4,108.5-67,46.6-7.6,95.7-2.5,128.7,3a6.5,6.5,0,0,1-2.2,12.7c-53.1-9-181.2-21.4-223.6,57.3A6.5,6.5,0,0,1,953.4,1426.7Z" fill="#977348"/>
      <path d="M1017.1,1718.8l-1.4-.2c-73.4-16.3-124.1-50.7-142.8-97-12.9-31.9-9.1-67.2,10.5-96.7a6.5,6.5,0,1,1,10.8,7.1c-17.2,26-20.6,56.9-9.3,84.8,17.1,42.2,64.5,73.9,133.6,89.3A6.5,6.5,0,0,1,1017.1,1718.8Z" fill="#977348"/>
      <path d="M704.9,1637.6a6.5,6.5,0,0,1-2.6-12.4c3-1.3,75.6-32.6,158.4-16.3a6.5,6.5,0,0,1-2.5,12.7c-78.9-15.6-150,15.1-150.7,15.4A6.4,6.4,0,0,1,704.9,1637.6Z" fill="#977348"/>
      <path d="M1041.4,1800.6h-0.7C918.8,1786.7,854,1699.4,853,1620.4a6.5,6.5,0,0,1,6.4-6.5h0.1a6.5,6.5,0,0,1,6.5,6.4c0.9,73.3,61.8,154.4,176.2,167.5A6.5,6.5,0,0,1,1041.4,1800.6Z" fill="#977348"/>
      <path d="M758.4,1810.7a6.5,6.5,0,0,1-1.6-12.7c75.7-19.7,147.4-69.9,148.1-70.4a6.5,6.5,0,0,1,7.4,10.5c-3,2.1-74.2,52.1-152.3,72.3Z" fill="#977348"/>
      <path d="M758.4,1751.1a6.5,6.5,0,0,1-1.9-12.6c84.2-26.4,142.4-20.8,144.9-20.6a6.5,6.5,0,1,1-1.3,12.8c-0.6-.1-58.2-5.5-139.7,20A6.4,6.4,0,0,1,758.4,1751.1Z" fill="#977348"/>
      <path d="M1233.9,1829.6a561,561,0,0,1-65-3.8c-65.1-7.6-120.3-6.6-169-5.7-75.3,1.4-134.8,2.4-192.7-27.9a6.5,6.5,0,0,1,6-11.4c54.9,28.8,113,27.8,186.4,26.5,49.1-.9,104.8-1.9,170.7,5.8,90.9,10.6,161.9-3.6,205.5-17.3,56.5-17.8,92.9-42.9,108.2-60.4a6.5,6.5,0,1,1,9.7,8.5C1462,1780.2,1367.3,1829.6,1233.9,1829.6Z" fill="#977348"/>
      <path d="M1144.4,1853.1a6.4,6.4,0,0,1-2.2-.4c-0.4-.1-38-13.5-175.2-47.3-70.1-17.3-99.5-31-112.3-52.4s-6.3-50.5,5.6-96.9c1.7-6.5,3.4-13.2,5.2-20.3a6.5,6.5,0,1,1,12.5,3.1c-1.8,7.2-3.5,13.9-5.2,20.4-11.1,43.1-17.8,69.1-7,87s38.9,30.3,104.3,46.4c138.2,34,175,47.1,176.5,47.7A6.5,6.5,0,0,1,1144.4,1853.1Z" fill="#977348"/>
      <path d="M1030.4,1847.2c-18.6,0-35.4-2.5-49.8-7.5a6.5,6.5,0,1,1,4.3-12.2c33.6,11.8,82.5,8.3,137.5-10,52.1-17.3,105.7-46.6,147.2-80.4,83.8-68.3,127.7-153.8,127-247-0.3-41.7-19.6-81-54.2-110.7s-82.1-45.7-123.3-39.7a6.5,6.5,0,1,1-1.9-12.8c44.9-6.5,94.8,9.4,133.6,42.6s58.4,74.9,58.7,120.4c0.8,97.3-44.8,186.3-131.7,257.2-42.7,34.8-97.8,64.9-151.3,82.7C1091.6,1841.3,1058.8,1847.2,1030.4,1847.2Z" fill="#977348"/>
      <path d="M1475.8,1564.2a6.5,6.5,0,0,1-6.4-5.6c-6.7-52.3-30.4-92.3-70.3-118.7s-98.7-40.3-170.9-38.8c-55.4,1.1-109,11.1-138.1,19.4a6.5,6.5,0,1,1-3.5-12.4c29.8-8.4,84.6-18.7,141.3-19.8,74.9-1.5,134.9,12.3,178.3,40.9s68.8,71.6,76,127.8a6.5,6.5,0,0,1-5.6,7.2h-0.8Z" fill="#977348"/>
      <path d="M969.6,1604.7a6.5,6.5,0,0,1-6.4-5.9c-1.8-20.8,2.8-42.6,13.5-63.2s26.9-39.3,47.1-54.5c28.7-21.5,64.4-35.3,103.2-39.7,44.1-5,90.5,1.8,137.9,20.3a6.5,6.5,0,1,1-4.7,12c-121.9-47.5-200.6-3.5-228.7,17.6-38.1,28.6-58.8,68.3-55.5,106.2a6.5,6.5,0,0,1-5.9,7h-0.6Z" fill="#977348"/>
      <path d="M1121,1665.3c-63.8,0-129.7-7.2-190.3-21.4a6.5,6.5,0,0,1,2.9-12.6c183.1,43,480.1,29.4,536-136.2a6.5,6.5,0,0,1,12.2,4.1c-13.7,40.5-41.7,74.6-83.2,101.3-37,23.8-84.2,41.4-140.1,52.4C1216.1,1661.1,1169.2,1665.3,1121,1665.3Z" fill="#977348"/>
      <path d="M1220.2,1810.7h-0.1a6.5,6.5,0,0,1-6.3-6.6c1.1-68.7,66.5-159.5,115.6-221.8a6.5,6.5,0,1,1,10.1,8c-47.9,60.8-111.7,149.2-112.8,214A6.5,6.5,0,0,1,1220.2,1810.7Z" fill="#977348"/>
      <path d="M1149.6,1838a6.5,6.5,0,0,1-.5-12.9c118.5-9.6,213-66.7,280.9-169.8a6.5,6.5,0,0,1,10.8,7.1c-32.3,49-71.1,88.5-115.4,117.4-51.1,33.3-110,52.9-175.2,58.1h-0.5Z" fill="#977348"/>
      <path d="M1313.2,1847.3a6.5,6.5,0,0,1-4.4-11.2c54-49.7,92.7-95.6,115.1-136.4,19.2-35,26.4-66.4,21.6-93.2-7.7-42.8-44.6-66.1-74.1-78.2a6.5,6.5,0,1,1,4.9-12c32.5,13.3,73.2,39.3,81.9,87.8,11.5,63.7-35.8,144.9-140.6,241.4A6.4,6.4,0,0,1,1313.2,1847.3Z" fill="#977348"/>
      <path d="M1209.5,1721.2c-31.4,0-65.1-2.5-101.4-7.6a6.5,6.5,0,0,1,1.8-12.8c196.6,27.3,324.3-21.8,401.8-154.5a6.5,6.5,0,0,1,11.1,6.5c-21.8,37.3-47.8,68.7-77.4,93.3a305.9,305.9,0,0,1-96.8,54C1307.8,1714.2,1261.8,1721.2,1209.5,1721.2Z" fill="#977348"/>
      <path d="M1681,1751.1h-1a6.5,6.5,0,0,1-5.4-7.3c0-.1,2.5-19.7-12.5-55.9-13.9-33.6-46-88.8-120-160.9-78.2-76.1-122.4-122.4-146.7-164.4-25.2-43.6-27.4-82-7.3-128.6a6.5,6.5,0,1,1,11.8,5.1c-36.9,85.5,6.7,138.2,151.2,278.7,147.2,143.2,136.8,224.6,136.3,227.9A6.5,6.5,0,0,1,1681,1751.1Z" fill="#977348"/>
      <path d="M1502.1,1549a6.5,6.5,0,0,1-6.1-8.6c20.3-58.1,50.5-101,89.9-127.5,43.9-29.5,98.4-37.8,162-24.8a6.5,6.5,0,1,1-2.6,12.6c-144.2-29.6-208.5,61.9-237.1,143.8A6.5,6.5,0,0,1,1502.1,1549Z" fill="#977348"/>
      <path d="M1413.2,1622.8a6.5,6.5,0,0,1-5.9-9c26.6-62.9,73-108,130.5-127,51.4-17,106.7-11.6,151.5,14.8a6.5,6.5,0,1,1-6.5,11.1c-41.7-24.5-93-29.5-141-13.7-53.9,17.8-97.5,60.3-122.6,119.7A6.5,6.5,0,0,1,1413.2,1622.8Z" fill="#977348"/>
      <path d="M1417.3,1764.7a6.5,6.5,0,0,1-5.2-10.3c85.2-114.7,127.2-192.1,136.2-251,8.2-53.3-11.5-87.6-36.5-131l-0.2-.4a6.5,6.5,0,0,1,11.2-6.4l0.2,0.4c25.2,43.8,46.9,81.6,38,139.4-9.4,61-52.1,140.2-138.6,256.7A6.4,6.4,0,0,1,1417.3,1764.7Z" fill="#977348"/>
      <path d="M1462.7,1823.8a6.5,6.5,0,0,1-4.8-10.8c81.4-90.5,60.9-144.1,39.1-201-13.2-34.4-26.8-70.1-14.3-112.8a6.5,6.5,0,0,1,12.4,3.6c-11.3,38.6,1,70.6,13.9,104.6,10.9,28.5,22.1,57.9,19.8,92.6-2.7,38.9-22.7,78.7-61.4,121.6A6.4,6.4,0,0,1,1462.7,1823.8Z" fill="#977348"/>
      <path d="M1479.9,1637.6h-1.1a6.5,6.5,0,0,1-5.3-7.4c34.9-204.1-24.9-258-77.7-305.6-24.6-22.2-47.9-43.2-59.5-76.9a6.5,6.5,0,0,1,12.2-4.2c10.5,30.5,32.5,50.4,55.9,71.5,26.6,24,56.7,51.1,74.9,98.5,20.6,53.6,22.9,125.2,6.9,218.9A6.5,6.5,0,0,1,1479.9,1637.6Z" fill="#977348"/>
      <path d="M1549.6,1626.8a6.5,6.5,0,0,1-6.4-5.9c-21.2-241-220.9-290.8-281.5-300.4a6.5,6.5,0,1,1,2-12.7c38.6,6.1,113.1,24.3,178.1,78.7,67.2,56.2,105.6,134.7,114.3,233.2a6.5,6.5,0,0,1-5.9,7h-0.6Z" fill="#977348"/>
      <path d="M1574.8,1741.9c-79.3,0-134.5-24.2-152.7-109.4a6.5,6.5,0,1,1,12.6-2.7c19.9,93.2,87.1,106.1,189.1,96.7a6.5,6.5,0,0,1,1.2,12.9C1607.4,1741,1590.6,1741.9,1574.8,1741.9Z" fill="#977348"/>
      <path d="M1565.8,1853.1a6.4,6.4,0,0,1-3.6-1.1c-12-8-31.9-26.6-48.8-52.7-12.9-19.9-27.5-50.1-24.4-80.7,3.3-32.4,25.3-57,65.3-73a6.5,6.5,0,0,1,4.8,12c-35.2,14.1-54.5,35.1-57.3,62.4s10.6,54.2,22.4,72.4c14.8,22.9,33.3,41.1,45.1,48.9A6.5,6.5,0,0,1,1565.8,1853.1Z" fill="#977348"/>
      <path d="M1342.5,1739.3a6.4,6.4,0,0,1-4.8-2.1c-53.8-60.1-128-75.4-230.7-96.6-20.1-4.1-40.8-8.4-63-13.3-93.9-20.9-147-51.5-162.4-93.7-18.6-51.2,24.1-106.9,55.3-147.6l2.4-3.2a6.5,6.5,0,0,1,10.2,7.8l-2.4,3.2c-31,40.5-69.6,90.8-53.4,135.4,13.6,37.2,65.1,66,153.1,85.6,22,4.9,42.7,9.2,62.8,13.3,105.1,21.7,181.1,37.4,237.7,100.6A6.5,6.5,0,0,1,1342.5,1739.3Z" fill="#977348"/>
      <path d="M916.1,1535.3l-1.8-.3a6.5,6.5,0,0,1-4.4-8c17.5-60.4,65.7-108.9,135.8-136.8,33.3-13.2,69.5-20.9,107.8-23a379.2,379.2,0,0,1,116.9,12,6.5,6.5,0,1,1-3.3,12.5c-72.7-19.1-151.7-15.3-216.6,10.5s-111.8,71.9-128.2,128.4A6.5,6.5,0,0,1,916.1,1535.3Z" fill="#977348"/>
      <path d="M1005,1592.8l-1.6-.2c-49.7-12.5-57.2-39-57.2-53.7,0-20.6,13.3-43.3,37.5-64s54.7-36,87.3-44.1a6.5,6.5,0,0,1,3.1,12.5c-61.2,15.3-114.9,60-115,95.6,0,24.2,25.8,35.8,47.4,41.2A6.5,6.5,0,0,1,1005,1592.8Z" fill="#977348"/>
      <path d="M1088.3,1490.1a6.5,6.5,0,0,1-5.8-9.2c8-16.8,31-59.4,71.7-91.7,18.3-14.5,37.8-25,57.8-31a149.7,149.7,0,0,1,71.2-3.8,6.5,6.5,0,0,1-2.3,12.7c-88.2-16.2-155.7,54.1-186.8,119.4A6.5,6.5,0,0,1,1088.3,1490.1Z" fill="#977348"/>
      <path d="M1144.4,1482.6a6.5,6.5,0,0,1-3.1-12.1l13.5-7.1c27.4-14.3,68.8-36,104.3-62.8,41.5-31.5,62.9-61.3,63.6-88.7s-20.6-54.9-63.4-80a6.5,6.5,0,0,1,6.5-11.1c47.1,27.6,70.5,58.4,69.7,91.4-1.8,72.2-118.7,133.3-174.8,162.6l-13.3,7A6.4,6.4,0,0,1,1144.4,1482.6Z" fill="#977348"/>
      <path d="M1380.9,1503.5a6.4,6.4,0,0,1-4.9-2.2c-105.5-120.8-289.6-93.5-325.4-86.8a6.5,6.5,0,1,1-2.4-12.7c30.4-5.7,91.8-13.5,160.5-2,74.4,12.5,134,43.8,177,93A6.5,6.5,0,0,1,1380.9,1503.5Z" fill="#977348"/>
      <path d="M1113.3,1782.7h-0.2c-93.6-3.1-155.4-26.4-188.8-71.3-29.6-39.7-32.1-89.7-32.1-133.4a6.5,6.5,0,0,1,12.9,0c0,41.7,2.3,89.2,29.5,125.7,31,41.5,89.5,63.2,178.9,66.1A6.5,6.5,0,0,1,1113.3,1782.7Z" fill="#977348"/>
      <path d="M904.9,1764.7a6.5,6.5,0,0,1-2-12.6c101.3-32.2,261.2-35.3,417.3-8.2a6.5,6.5,0,0,1-2.2,12.7c-154.2-26.8-311.8-23.8-411.2,7.8A6.5,6.5,0,0,1,904.9,1764.7Z" fill="#977348"/>
      <path d="M1279.7,1804.7c-53.9,0-112-15-168.6-44-69.6-35.7-131.7-90.5-166.1-146.5a6.5,6.5,0,1,1,11-6.8c67.8,110.5,240.9,210.8,380.9,178.1a6.5,6.5,0,0,1,2.9,12.6A263.1,263.1,0,0,1,1279.7,1804.7Z" fill="#977348"/>
      <path d="M946,1732.2a135.5,135.5,0,0,1-26.1-2.2,6.5,6.5,0,0,1,2.5-12.7c29.8,6,92-2.5,151.3-20.6,74.1-22.7,136.4-56.8,175.3-96.2a6.5,6.5,0,1,1,9.2,9.1c-54.5,55.1-136.6,85.9-180.7,99.4C1029.4,1723.9,980.5,1732.2,946,1732.2Z" fill="#977348"/>
      <path d="M1320.8,1782.6c-43.7,0-85.9-6.1-125.1-18.1-60.3-18.5-108.4-50.2-135.2-89.1-29.6-42.9-31.2-91.2-4.5-136.2a6.5,6.5,0,1,1,11.1,6.6c-24.4,41-23,83.2,4,122.3,25.2,36.5,70.8,66.4,128.4,84.1,62.6,19.2,133.7,22.7,205.5,10a6.5,6.5,0,1,1,2.2,12.7A497.3,497.3,0,0,1,1320.8,1782.6Z" fill="#977348"/>
      <path d="M973.7,1686.1a6.4,6.4,0,0,1-3.3-.9c-66.1-38.9-94.7-127.7-67.9-211.1a6.5,6.5,0,1,1,12.3,3.9c-24.9,77.7,1.2,160.1,62.2,196A6.5,6.5,0,0,1,973.7,1686.1Z" fill="#977348"/>
      <path d="M1120,1803.2c-22.7,0-42.6-7.6-59.4-22.8-46.1-41.6-52.7-124.5-49.9-150a6.5,6.5,0,1,1,12.8,1.4c-3.3,30,7,104.1,45.8,139,19.4,17.5,43.8,23.2,72.6,17a6.5,6.5,0,0,1,2.7,12.6A116.7,116.7,0,0,1,1120,1803.2Z" fill="#977348"/>
      <path d="M1154.5,1701.8a6.5,6.5,0,0,1-1.6-12.7c84.5-21.1,151.2-89,169.9-173.2a6.5,6.5,0,0,1,12.6,2.8c-9.7,43.7-31.9,84-64.1,116.7a245.4,245.4,0,0,1-115.3,66.2Z" fill="#977348"/>
      <path d="M1417.3,1497a6.4,6.4,0,0,1-3.6-1.1c-69.7-46.6-173.4-63.1-241-63.1a6.5,6.5,0,1,1,0-12.9,572.6,572.6,0,0,1,115.3,12.7c53,11.4,97.7,29,132.9,52.5A6.5,6.5,0,0,1,1417.3,1497Z" fill="#977348"/>
      <path d="M1342.5,1444.8a6.5,6.5,0,0,1-5.7-9.4c19.1-37.6,27.4-75.1,5.7-136.2a6.5,6.5,0,1,1,12.2-4.3c24.5,69.3,11.4,111.3-6.4,146.4A6.5,6.5,0,0,1,1342.5,1444.8Z" fill="#977348"/>
      <g>
        <circle cx="1027.2" cy="1503.2" r="8.5" fill="#44c8f5"/>
        <circle cx="1062.4" cy="1453.7" r="8.5" fill="#44c8f5"/>
        <circle cx="1126.2" cy="1559.7" r="8.5" fill="#44c8f5"/>
        <circle cx="1060.1" cy="1544.6" r="8.5" fill="#44c8f5"/>
        <circle cx="1106.8" cy="1497.6" r="8.5" fill="#44c8f5"/>
        <circle cx="1088.3" cy="1405.6" r="8.5" fill="#44c8f5"/>
        <circle cx="1143.2" cy="1439.9" r="8.5" fill="#44c8f5"/>
        <circle cx="1180.4" cy="1514.4" r="8.5" fill="#44c8f5"/>
        <circle cx="1185.9" cy="1576.8" r="8.5" fill="#44c8f5"/>
      </g>
      <g>
        <path d="M1185.2,1598.2l13.7-1a101.7,101.7,0,0,0,7.1-48.2c-9.3-105.9-69.6-165.9-115.4-161.9s-92.1,69.9-86.1,171C1031.9,1577.9,1087.6,1604.7,1185.2,1598.2Z" fill="#8ed8f8"/>
        <path d="M1088.3,1397.1a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1088.3,1397.1Zm-25.9,48.1a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1062.4,1445.2Zm-2.3,90.9a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1060.1,1536.1Zm-32.9-41.4a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1027.2,1494.7Zm116-63.3a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1143.2,1431.4Zm42.7,136.9a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1185.9,1568.3Zm-79.1-79.2a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1106.8,1489.1Zm82.1,25.3a8.5,8.5,0,1,0-8.5,8.5A8.5,8.5,0,0,0,1188.9,1514.4Zm-62.7,36.8a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1126.2,1551.2Z" fill="#6dcff6"/>
      </g>
      <g>
        <path d="M1382.1,1551c7.3-103-40.9-170.5-85.9-174.4s-106.1,56.1-115.4,161.9c-1.9,22.2,2.8,42.4,12.5,59.2C1299.1,1589.7,1357.8,1564.3,1382.1,1551Z" fill="#abe1fa"/>
        <path d="M1277.3,1528.6a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1277.3,1528.6Zm-53.6-31a8.5,8.5,0,1,0-8.5,8.5A8.5,8.5,0,0,0,1223.7,1497.6Zm-1.4,65.4a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1222.3,1563Zm59.3-82.4a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1281.6,1480.6Zm-36.3-49.2a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1245.3,1431.4Zm55.7-34.3a8.5,8.5,0,1,0-8.5,8.5A8.5,8.5,0,0,0,1301,1397.1Zm59.5,100.6a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1360.6,1497.6Zm-19.7-47.7a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1340.8,1449.9Zm-11,84.7a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1329.8,1534.7Zm-26.3-89.5a8.5,8.5,0,1,0,8.5,8.5A8.5,8.5,0,0,0,1303.5,1445.2Z" fill="#8ed8f8"/>
      </g>
      <path d="M1167.7,1604.7a376.6,376.6,0,0,1-63.3-5.2c-34.1-5.8-65.8-16.5-94.1-31.8-48.5-26.2-70.2-56.5-71.1-57.8a6.5,6.5,0,1,1,10.5-7.4c0.2,0.3,21.3,29.5,67.4,54.2,32.3,17.3,82.2,35,151.2,35a450.7,450.7,0,0,0,72.1-6c107.5-17.4,170.6-47.3,193.1-91.5s0.1-102.7-28-158a6.5,6.5,0,0,1,11.5-5.9c12.5,24.6,27.7,56.7,34.7,87.4s5.1,59-6.7,82.3c-24.4,48.1-90.7,80.3-202.5,98.4A468,468,0,0,1,1167.7,1604.7Z" fill="#977348"/>
    </g>
  </g>
  <svg x="698" y="1219" width="1055" height="641" style="overflow: visible">
    <rect x="0" y="0" width="100%" height="100%" fill="none" stroke="#eee" stroke-width="10"></rect>
    <svg id="bird" style="overflow: visible" viewBox="150 230 1055 641" x="100" y="-340">
    <g>
      <line x1="528.9" y1="671.3" x2="497.8" y2="556.3" fill="none" stroke="#fdb913" stroke-miterlimit="10" stroke-width="10"/>
      <polyline points="545.5 655.9 523.8 651.9 508.3 666.3" fill="none" stroke="#fdb913" stroke-miterlimit="10" stroke-width="10"/>
      <line x1="464.5" y1="680.2" x2="437.8" y2="581.3" fill="none" stroke="#fdb913" stroke-miterlimit="10" stroke-width="10"/>
      <polyline points="481.1 664.8 459.3 660.8 443.9 675.1" fill="none" stroke="#fdb913" stroke-miterlimit="10" stroke-width="10"/>
    </g>
    <path d="M544,234.9c79.1,0,110.5,65.2,86.8,160.6-24.2,97.3-109.1,204.3-293.2,210.2-59,1.9-117.3-28.4-117.3-28.4S339.9,234.9,544,234.9Z" fill="#ed1c24"/>
    <polyline points="637.7 321 705.8 347.5 637.7 355.6" fill="#fdb913"/>
    <path d="M220.3,577.4a269.2,269.2,0,0,0,30.8,12.9c59.5-142.2,168.5-317.8,378.4-303.1-13.6-33-42.5-52.3-85.6-52.3C339.9,234.9,220.3,577.4,220.3,577.4Z" fill="#d71920"/>
    <path d="M357.1,604.7c134.7-10,212.8-76.1,251.2-149.7C496.2,459.5,407.8,539.9,357.1,604.7Z" fill="#f15b40"/>
    <path d="M251.6,321.2c-53-3-92.9,20.5-95,52.1S191,432.7,244,435.7c88.9,5,167-48,167-48S340.4,326.3,251.6,321.2Z" fill="#f15b40"/>
    <path d="M236.2,384.8c-50,16.6-76.7,52.7-65.2,82.5s56.9,42.1,106.9,25.5C361.7,465,411,387.7,411,387.7S320,357,236.2,384.8Z" fill="#f15b40"/>
    <circle cx="574.6" cy="299.8" r="21.2" fill="#231f20"/>
    </svg></svg>
</svg>

              
            
!

CSS

              
                svg {
  max-width: 100%;
}
              
            
!

JS

              
                
              
            
!
999px

Console