Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ 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

Save Automatically?

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="parrot" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="105.64" viewBox="0 0 150.19579 105.64094" width="150.2" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
 <metadata id="metadata4499">
  <rdf:RDF>
   <cc:Work rdf:about="">
    <dc:format>image/svg+xml</dc:format>
    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
    <dc:title/>
   </cc:Work>
  </rdf:RDF>
 </metadata>
 <g id="left-wing" fill-rule="evenodd">
  <path id="path4182" d="m50.736,96.273c0.323-4.201,0.185-8.438,0.31-12.656,0.18-6.014,0.432-12.027,0.623-18.047,0.021-0.858-0.055-1.722-0.176-2.568-0.097-0.777-0.258-1.748-1.234-1.718-0.564,0.019-1.332,0.536-1.629,1.047-1.086,1.867-2.772,2.958-4.611,3.856-2.275,1.116-4.708,1.736-7.236,1.775-5.713,0.08-11.439,0.166-17.104-0.854-0.685-0.127-1.4-0.196-2.101-0.205-6.957-0.098-13.902-0.04-20.846,0.767-3.754,0.443-7.118,1.704-10.342,3.507-1.736,0.965-2.062,1.928-1.669,3.925,0.405,1.986,1.71,3.337,3.271,4.405,2.744,1.893,5.9,2.889,9.09,3.654,1.505,0.359,2.547,1.041,3.301,2.353,0.504,0.872,1.156,1.647,1.765,2.466,1.905,2.573,4.799,3.683,7.562,4.942,0.826,0.384,1.334,0.78,1.766,1.645,1.715,3.386,4.176,6.03,7.985,7.098,1.57,0.438,3.153,0.869,4.995,1.374,0.56,2.622,2.18,4.416,4.364,5.849,3.017,1.988,6.252,3.065,9.865,3.346,3.317,0.258,5.978-0.558,7.911-3.405,2.582-3.806,3.778-8.092,4.14-12.556zm-52.839-16.731c-2.158-0.569-4.172-1.742-6.146-2.833-0.726-0.406-1.153-1.378-1.684-2.046,0.767-1.437,1.901-1.99,3.103-2.297,4.531-1.166,9.039-2.325,13.842-1.642,2.989,0.431,6.057,0.298,9.095,0.446,0.61,0.025,1.206,0.217,2.034,0.384-0.629,2.733-0.995,5.195,1.086,7.508-2.272,0.958-4.517,1.208-6.696,1.515-4.939,0.683-9.853,0.23-14.634-1.035zm12.601,9.451c-2.383-0.938-4.674-2.111-6.255-4.808,3.564-0.215,6.666-0.312,9.765-0.6,2.868-0.261,5.726-0.722,8.59-1.092,0.3-0.036,0.654-0.225,0.917-0.128,2.138,0.706,4.347,1.323,6.021,2.953,1.043,1.018,0.419,3.921-1.036,4.341-1.701,0.492-3.511,0.762-5.285,0.851-4.309,0.216-8.627,0.096-12.717-1.517zm13.091,9.064c-2.398-0.396-5.275-2.059-6.875-3.906,0.492-0.129,0.946-0.4,1.328-0.317,3.141,0.639,6.222-0.297,9.323-0.325,0.396-0.004,0.779-0.108,1.167-0.123,2.254-0.119,4.453-0.276,6.494,1.197,0.961,0.689,2.366,0.758,3.528,1.228,0.833,0.335,1.606,0.851,2.622,1.409-1.866,1.112-3.707,1.183-5.445,1.362-4.052,0.433-8.117,0.138-12.142-0.525zm19.961,8.216c-1.978,1.176-4.114,1.946-6.405,2.11-4.219,0.289-6.943-2.072-9.523-5.542,5.316,0.041,10.119-0.818,14.746-2.456,1.076,1.288,1.874,2.242,2.744,3.295-0.018,1.107-0.556,1.981-1.562,2.593zm2.602-6.415c-0.493-0.922-0.905-1.374-0.972-1.879-0.493-3.216-2.848-4.477-5.535-5.35-1.488-0.478-3.031-0.772-4.549-1.165-2.133-0.546-2.207-0.785-1.912-2.88,0.619-4.418-0.65-5.735-3.775-7.015-1.227-0.509-2.477-1-3.752-1.357-2.006-0.569-3.119-2.032-3.851-3.808-0.239-0.558-0.181-1.393,0.042-1.983,0.76-2.043,2.242-2.873,4.481-2.807,5.562,0.157,11.083-0.255,16.483-1.637,1.653-0.422,3.217-1.121,4.986-1.754-0.35,10.106-0.697,20.076-1.068,30.051-0.008,0.347-0.242,0.681-0.578,1.584z" transform="translate(19.428036,-39.559369)"/>
  <path id="path4184" d="m43.55,106.27c-1.978,1.176-4.114,1.946-6.405,2.11-4.219,0.289-6.943-2.072-9.523-5.542,5.316,0.041,10.119-0.818,14.746-2.456,1.076,1.288,1.874,2.242,2.744,3.295-0.018,1.107-0.556,1.981-1.562,2.593z" transform="translate(19.428036,-39.559369)" fill="#f4942e"/>
  <path id="path4186" d="m41.176,97.219c-1.866,1.112-3.707,1.183-5.445,1.362-4.052,0.434-8.117,0.139-12.143-0.524-2.398-0.396-5.275-2.059-6.875-3.906,0.492-0.129,0.946-0.4,1.328-0.317,3.141,0.639,6.222-0.297,9.323-0.325,0.396-0.004,0.779-0.108,1.167-0.123,2.254-0.119,4.453-0.276,6.494,1.197,0.961,0.689,2.366,0.758,3.528,1.228,0.834,0.334,1.608,0.85,2.623,1.408z" transform="translate(19.428036,-39.559369)" fill="#fddf00"/>
  <path id="path4188" d="M19.227,79.062c-2.272,0.958-4.517,1.208-6.696,1.515-4.938,0.683-9.853,0.23-14.634-1.035-2.158-0.569-4.172-1.742-6.146-2.833-0.726-0.406-1.153-1.378-1.684-2.046,0.767-1.437,1.901-1.99,3.103-2.297,4.531-1.166,9.039-2.325,13.842-1.642,2.989,0.431,6.057,0.298,9.095,0.446,0.61,0.025,1.206,0.217,2.034,0.384-0.629,2.734-0.995,5.196,1.086,7.508z" transform="translate(19.428036,-39.559369)" fill="#1aa391"/>
  <path id="path4190" d="m46.731,98.275c-0.009,0.346-0.243,0.68-0.579,1.583-0.493-0.922-0.905-1.374-0.972-1.879-0.493-3.216-2.848-4.477-5.535-5.35-1.488-0.478-3.031-0.772-4.549-1.165-2.133-0.546-2.207-0.785-1.912-2.88,0.619-4.418-0.65-5.735-3.775-7.015-1.227-0.509-2.477-1-3.752-1.357-2.006-0.569-3.119-2.032-3.851-3.808-0.239-0.558-0.181-1.393,0.042-1.983,0.76-2.043,2.242-2.873,4.481-2.807,5.562,0.157,11.083-0.255,16.483-1.637,1.653-0.422,3.217-1.121,4.986-1.754-0.348,10.108-0.696,20.078-1.067,30.052z" transform="translate(19.428036,-39.559369)" fill="#049a49"/>
  <path id="path4192" d="m28.499,89.66c-1.701,0.492-3.511,0.762-5.285,0.851-4.308,0.216-8.626,0.096-12.716-1.518-2.383-0.938-4.674-2.111-6.255-4.808,3.564-0.215,6.666-0.312,9.765-0.6,2.868-0.261,5.726-0.722,8.59-1.092,0.3-0.036,0.654-0.225,0.917-0.128,2.138,0.706,4.347,1.323,6.021,2.953,1.042,1.019,0.418,3.922-1.037,4.342z" transform="translate(19.428036,-39.559369)" fill="#ee4036"/>
 </g>
 <g id="right-wing" fill-rule="evenodd">
  <path id="path4196" d="m250.26,61.061c-1.977-0.403-4.016-0.701-6.034-0.696-4.46,0.011-8.832,0.614-13.153,1.973-5.653,1.758-11.385,3.309-17.15,4.714-5.531,1.354-11.011,3.078-16.759,3.399-2.587,0.146-5.162,0.293-7.521-1.127-0.787-0.477-1.64-0.651-2.354,0.126-0.731,0.798-0.414,1.625,0.174,2.327,1.708,2.013,2.654,4.415,3.469,6.868,0.806,2.444,1.582,4.901,2.24,7.38,1.033,3.927,1.896,7.902,2.947,11.82,0.896,3.312,1.878,6.596,2.985,9.838,0.56,1.651,1.886,2.529,3.721,2.778,2.945,0.419,5.776-0.049,8.583-0.778,5.603-1.438,8.27-6.006,6.789-11.507-0.033-0.136,0.032-0.299,0.072-0.678,0.89-0.203,1.841-0.45,2.817-0.642,4.958-0.994,8.55-3.788,10.616-8.368,0.486-1.08,1.008-1.612,2.065-1.891,4.935-1.297,8.434-4.07,10.169-9.103,1.354-3.899,1.58-3.812,5.654-4.948,0.385-0.106,0.757-0.23,1.131-0.345,2.73-0.899,4.206-2.861,4.18-5.547-0.027-2.222-2.302-5.127-4.641-5.593zm-55.891,13.564c9.385-1.229,18.519-3.142,27.713-6.479-0.708,2.273-1.981,3.486-3.394,4.369-3.038,1.905-3.569,4.703-3.292,7.906,0.047,0.625,0.167,1.245,0.254,1.866,0.385,2.898-0.011,3.606-2.663,5.029-1.92,1.031-3.814,2.117-5.723,3.165-2.116,1.167-3.392,2.873-3.82,5.288-0.365,2.053-0.445,2.031-2.711,3.073-2.205-8.04-3.127-16.392-6.364-24.217zm20.188,28.437c-0.99,1.195-2.18,2.256-3.865,2.436-1.015,0.105-2.01,0.279-3.028,0.367-3.187,0.253-5.058-1.095-5.915-4.113,1.96-1.646,3.721-3.112,5.747-4.803,1.498,0.232,3.438,0.433,5.335,0.821,2.14,0.447,3.174,3.549,1.726,5.292zm4.199-9.045c-3.391,0.981-6.883,1.146-10.407,0.625-0.15-1.158,0.565-1.796,1.346-2.306,1.813-1.205,3.862-2.14,5.479-3.562,2.035-1.809,3.985-1.799,6.387-0.983,1.506,0.517,3.22,0.412,5.103,0.617-1.789,3.371-4.755,4.697-7.908,5.609zm16.74-12.672c-3.645,2.267-7.578,3.666-11.99,3.22-0.997-0.103-2.031,0.105-3.049,0.162-0.998,0.057-1.619-0.357-1.81-1.402-0.197-1.155-0.601-2.288-0.701-3.439-0.146-1.868,0.469-2.655,2.308-2.889,1.448-0.188,2.942-0.113,4.413-0.164,1.405-0.036,2.813-0.03,4.212-0.146,2.896-0.216,5.771-0.521,8.652-0.755,0.675-0.054,1.36,0.009,2.474,0.021-0.937,2.678-2.601,4.207-4.509,5.392zm14.948-14.382c-1.037,1.812-2.361,3.337-4.497,3.855-2.505,0.604-5.02,1.147-7.54,1.674-5.167,1.082-10.444,0.658-15.662,1.106-0.136,0.013-0.274-0.111-0.808-0.336,1.659-2.227,4.798-3.047,4.777-6.187,4.862-1.349,9.63-2.157,14.472-2.512,2.249-0.163,4.519-0.112,6.773-0.102,0.613,0.01,1.258,0.155,1.815,0.407,0.954,0.425,1.186,1.199,0.67,2.095z" transform="translate(-106.7061,-42.462783)"/>
  <path id="path4198" d="m214.56,103.06c-0.99,1.195-2.18,2.256-3.865,2.436-1.015,0.105-2.01,0.279-3.028,0.367-3.187,0.253-5.058-1.095-5.915-4.113,1.96-1.646,3.721-3.112,5.747-4.803,1.498,0.232,3.438,0.433,5.335,0.821,2.14,0.447,3.174,3.549,1.726,5.292z" transform="translate(-106.7061,-42.462783)" fill="#f4942e"/>
  <path id="path4200" d="m226.66,88.408c-1.788,3.371-4.755,4.697-7.907,5.609-3.391,0.981-6.883,1.146-10.407,0.625-0.15-1.158,0.565-1.796,1.346-2.306,1.813-1.205,3.862-2.14,5.479-3.562,2.035-1.809,3.985-1.799,6.387-0.983,1.505,0.516,3.219,0.412,5.102,0.617z" transform="translate(-106.7061,-42.462783)" fill="#fddf00"/>
  <path id="path4202" d="m250.45,66.961c-1.037,1.812-2.361,3.337-4.497,3.855-2.505,0.604-5.02,1.147-7.54,1.674-5.167,1.082-10.444,0.658-15.662,1.106-0.136,0.013-0.274-0.111-0.808-0.336,1.659-2.227,4.798-3.047,4.777-6.187,4.862-1.349,9.63-2.157,14.472-2.512,2.249-0.163,4.519-0.112,6.773-0.102,0.613,0.01,1.258,0.155,1.815,0.407,0.954,0.425,1.186,1.199,0.67,2.095z" transform="translate(-106.7061,-42.462783)" fill="#1aa391"/>
  <path id="path4204" d="m222.08,68.146c-0.708,2.273-1.981,3.486-3.394,4.369-3.038,1.905-3.569,4.703-3.292,7.906,0.047,0.625,0.167,1.245,0.254,1.866,0.385,2.898-0.011,3.606-2.663,5.029-1.92,1.031-3.814,2.117-5.723,3.165-2.116,1.167-3.392,2.873-3.82,5.288-0.365,2.053-0.445,2.031-2.711,3.073-2.205-8.041-3.127-16.394-6.364-24.219,9.384-1.228,18.518-3.14,27.713-6.477z" transform="translate(-106.7061,-42.462783)" fill="#049a49"/>
  <path id="path4206" d="m240.01,75.951c-0.938,2.679-2.602,4.207-4.509,5.393-3.645,2.267-7.578,3.666-11.99,3.22-0.997-0.103-2.031,0.105-3.049,0.162-0.998,0.057-1.619-0.357-1.81-1.402-0.197-1.155-0.601-2.288-0.701-3.439-0.146-1.868,0.469-2.655,2.308-2.889,1.448-0.188,2.942-0.113,4.413-0.164,1.405-0.036,2.813-0.03,4.212-0.146,2.896-0.216,5.771-0.521,8.652-0.755,0.675-0.054,1.361,0.008,2.474,0.02z" transform="translate(-106.7061,-42.462783)" fill="#ee4036"/>
 </g>
 <g id="tail" fill-rule="evenodd">
  <path id="path4210" d="m149.51,152.94c0.302-3.436-0.036-6.79-1.177-10.149-1.633-4.802-4.454-8.697-8.065-12.101-0.449-0.436-1.524-0.602-2.142-0.391-1.363,0.476-2.617,1.273-4.232,2.117-1.044-0.19-2.512-0.575-3.902,0.412-0.223,0.154-0.718-0.053-1.084-0.118-0.464-0.069-0.985-0.358-1.375-0.231-1.794,0.598-3.115-0.3-4.532-1.151-1.843-1.109-3.817-1.361-5.795-0.248-5.333,3.019-9.483,7.12-11.692,12.96-1.167,3.083-0.289,5.501,2.548,7.156,0.948,0.553,1.925,1.029,3.153,1.686-0.49,1.907-0.871,3.665-1.4,5.367-0.891,2.888-0.375,5.598,1.005,8.158,1.43,2.651,4.461,3.127,6.718,1.153,0.355-0.312,0.631-0.697,0.945-1.054,2.669-3.043,4.319-6.676,5.941-10.324,0.362-0.809,0.789-1.583,1.188-2.367,0.174,0.038,0.347,0.074,0.528,0.121,0.074,1.44,0.081,2.89,0.236,4.322,0.452,4.164,1.768,7.919,5.186,10.656,2.452,1.973,5.816,1.777,7.289-1.736,1.145-2.729,1.503-5.58,1.787-8.462,0.139-1.348,0.21-2.716,0.316-4.126,1.427,0.665,2.492,1.345,3.66,1.673,3.272,0.921,4.606,0.045,4.896-3.323zm-35.359-6.518c-0.347,0.52-0.665,1.175-1.172,1.434-0.785,0.406-1.866,0.904-2.529,0.645-0.672-0.272-1.012-1.417-1.425-2.214-0.129-0.247-0.023-0.619-0.023-1.451,0.673-1.157,1.44-2.793,2.503-4.208,1.029-1.358,2.478-2.386,3.536-3.729,1.234-1.576,3.006-1.938,4.706-2.48,0.743-0.243,1.43,0.379,1.305,1.183-0.1,0.589-0.38,1.191-0.715,1.694-2.037,3.058-4.112,6.09-6.186,9.126zm10.93,1.043c-1.72,5.629-4.312,10.882-7.543,15.82-1.144,1.76-1.34,1.878-3.302,2.577-1.208-2.327-1.251-4.833-0.733-7.273,0.961-4.523,2.709-8.797,4.675-12.979,1.398-2.978,3.969-4.991,6.142-7.326,0.369-0.399,1.165-0.406,2.073-0.693-0.133,3.63-0.387,6.833-1.312,9.874zm11.862,12.191c-0.315,1.211-0.595,2.438-0.959,3.631-0.305,1.033-0.997,1.85-2.105,1.968-1.179,0.116-1.813-0.786-2.24-1.746-0.961-2.149-1.64-4.365-1.812-6.743-0.181-2.486-0.291-5.003-0.788-7.432-0.788-3.908,0.336-7.425,1.797-10.912,0.375-0.892,0.876-2.086,2.119-1.843,1.128,0.212,2.204,0.863,2.51,2.17,0.525,2.272,1.306,4.545,1.428,6.845,0.263,4.682,0.164,9.367,0.209,14.057-0.05,0-0.111,0.001-0.159,0.005zm9.113-8.367c-1.723-0.415-2.903-1.121-3.471-2.518-1.586-3.895-3.104-7.819-4.645-11.733-0.059-0.14-0.119-0.316-0.09-0.452,0.186-0.795,0.128-1.924,0.632-2.283,0.924-0.66,1.784,0.185,2.321,0.963,0.754,1.089,1.523,2.209,2.023,3.426,1.221,2.944,2.357,5.937,3.379,8.961,0.356,1.054,0.465,2.271-0.149,3.636z" transform="translate(-47.499374,-64.528226)"/>
  <path id="path4212" d="m121.05,135.6c-0.1,0.589-0.38,1.191-0.715,1.694-2.037,3.061-4.111,6.093-6.186,9.128-0.347,0.52-0.665,1.175-1.172,1.434-0.785,0.406-1.866,0.904-2.529,0.645-0.672-0.272-1.012-1.417-1.425-2.214-0.129-0.247-0.023-0.619-0.023-1.451,0.673-1.157,1.44-2.793,2.503-4.208,1.029-1.358,2.478-2.386,3.536-3.729,1.234-1.576,3.006-1.938,4.706-2.48,0.743-0.244,1.43,0.378,1.305,1.181z" transform="translate(-47.499374,-64.528226)" fill="#f4942e"/>
  <path id="path4214" d="m146.05,151.29c-1.723-0.415-2.903-1.121-3.471-2.518-1.586-3.895-3.104-7.819-4.645-11.733-0.059-0.14-0.119-0.316-0.09-0.452,0.186-0.795,0.128-1.924,0.632-2.283,0.924-0.66,1.784,0.185,2.321,0.963,0.754,1.089,1.523,2.209,2.023,3.426,1.221,2.944,2.357,5.937,3.379,8.961,0.356,1.054,0.465,2.271-0.149,3.636z" transform="translate(-47.499374,-64.528226)" fill="#f4942e"/>
  <path id="path4216" d="m137.1,159.65c-0.05,0.001-0.11,0.002-0.158,0.006-0.315,1.211-0.595,2.438-0.959,3.631-0.305,1.033-0.997,1.85-2.105,1.968-1.179,0.116-1.813-0.786-2.24-1.746-0.961-2.149-1.64-4.365-1.812-6.743-0.181-2.486-0.291-5.003-0.788-7.432-0.788-3.908,0.336-7.425,1.797-10.912,0.375-0.892,0.876-2.086,2.119-1.843,1.128,0.212,2.204,0.863,2.51,2.17,0.525,2.272,1.306,4.545,1.428,6.845,0.262,4.681,0.164,9.367,0.208,14.056z" transform="translate(-47.499374,-64.528226)" fill="#fddf00"/>
  <path id="path4218" d="m125.08,147.47c-1.72,5.629-4.312,10.882-7.543,15.82-1.144,1.76-1.34,1.878-3.302,2.577-1.208-2.327-1.251-4.833-0.733-7.273,0.961-4.523,2.709-8.797,4.675-12.979,1.398-2.978,3.969-4.991,6.142-7.326,0.369-0.399,1.165-0.406,2.073-0.693-0.133,3.63-0.387,6.833-1.312,9.874z" transform="translate(-47.499374,-64.528226)" fill="#fddf00"/>
 </g>
 <g id="body" fill-rule="evenodd">
  <path id="path20" d="m146.62,39.932c0.008-2.055-0.211-4.085-1.385-6.306-1.652-3.13-3.332-5.577-6.5-7.65-2.689-1.761-5.318-2.678-8.557-2.993-4.535-0.44-8.186,0.188-11.988,2.161-6.415,3.323-10.277,8.717-12.675,15.357-2.234,6.197-2.713,12.701-3.035,19.171-0.404,8.305,1.053,16.448,4.23,24.094,2.814,6.764,7.188,12.307,15.494,12.242,2.738-0.02,5.666-0.493,8.131-1.595,2.906-1.307,5.129-3.764,6.508-6.791,1.43-3.113,1.764-6.455,2.076-9.816,0.316-3.42-0.91-6.637-1.412-9.938-0.32-2.155-0.77-4.344-1.566-6.363-0.842-2.159-2.135-4.143-3.266-6.188-1.123-2.034-2.295-4.051-2.904-6.591,4.842-1.541,7.902-5.892,9.662-10.764,1.898,0.933,3.947,3.759,4.824,5.276,0.449,0.775,1.309,0.592,1.701,0.015,0.537-0.784,0.656-2.194,0.662-3.321zm-15.455,18.514c0.404,0.756,0.752,1.556,1.018,2.373,1.928,5.988,3.5,12.067,2.422,18.425-0.41,2.435-1.133,4.902-2.189,7.141-2.09,4.456-6.082,6.322-10.777,6.83-1.787,0.191-3.373-0.648-4.77-1.676-1.645-1.194-3.201-2.514-4.768-3.814-0.408-0.344-0.771-0.791-1.014-1.263-2.111-3.955-3.768-8.036-4.152-12.588-0.373-4.435-1.229-8.831-1.455-13.267-0.271-5.155,0.01-10.333,1.686-15.31,0.865-2.6,1.713-5.2,2.695-7.744,1.162-2.998,3.174-5.349,5.725-7.281,2.908-2.19,5.951-4.06,9.652-4.516,2.498-0.315,4.963-0.142,7.85,1.071-2.723,1.424-4.758,2.939-6.262,5.096-2.146,3.09-2.939,6.448-2.496,10.207,0.455,3.899,2.01,7.366,3.766,10.785,0.972,1.872,2.077,3.67,3.069,5.531zm3.088-16.175c-1.453,1.463-3.186,2.648-5.172,4.265-0.713-2.655-1.82-4.58-1.496-6.892,2.537-0.981,4.934-2.076,7.654-1.685,0.887,1.778,0.094,3.224-0.986,4.312zm8.928-5.198c-4.75-2.125-9.693-1.974-14.674-1.224,0.318-3.254,3.996-6.546,7.131-6.448,1.576,0.043,3.723,0.689,4.83,1.87,1.529,1.629,2.135,2.762,3.115,5.358-0.135,0.151-0.267,0.302-0.402,0.444z" transform="translate(-42.595942,-22.849056)"/>
  <path id="path22" d="m134.25,42.271c-1.453,1.463-3.186,2.648-5.172,4.265-0.713-2.655-1.82-4.58-1.496-6.892,2.537-0.981,4.934-2.076,7.654-1.685,0.887,1.778,0.094,3.224-0.986,4.312z" transform="translate(-42.595942,-22.849056)" fill="#fddf00"/>
  <path id="path24" d="m143.58,36.63c-0.135,0.15-0.268,0.301-0.402,0.443-4.695-1.981-9.527-2.065-14.674-1.224,0.318-3.254,3.996-6.546,7.131-6.448,1.576,0.043,3.307,0.686,4.521,1.609,1.202,0.915,2.811,3.404,3.424,5.62z" transform="translate(-42.595942,-22.849056)" fill="#fddf00"/>
  <path id="path26" d="m132.18,60.82c-0.266-0.817-0.613-1.617-1.018-2.373-0.992-1.861-2.098-3.659-3.07-5.53-1.756-3.419-3.311-6.886-3.766-10.785-0.443-3.759,0.35-7.117,2.496-10.207,1.504-2.156,3.539-3.672,6.262-5.096-2.887-1.213-5.352-1.387-7.85-1.071-3.701,0.456-6.744,2.325-9.652,4.516-2.551,1.933-4.562,4.283-5.725,7.281-0.982,2.544-1.83,5.145-2.695,7.744-1.676,4.977-1.957,10.154-1.686,15.31,0.227,4.436,1.082,8.832,1.455,13.267,0.385,4.552,2.041,8.633,4.152,12.588,0.242,0.472,0.605,0.919,1.014,1.263,1.566,1.301,3.123,2.62,4.768,3.814,1.396,1.027,2.982,1.867,4.77,1.676,4.695-0.508,8.688-2.374,10.777-6.83,1.057-2.238,1.779-4.706,2.189-7.141,1.079-6.359-0.493-12.438-2.421-18.426zm-8.772-25.364c-0.211,1.579-2.184,2.871-4.059,2.677-2.219-0.231-3.852-2.005-3.688-4.01,0.137-1.729,2.143-3.53,3.816-3.413,2.097,0.136,4.215,2.698,3.931,4.746z" transform="translate(-42.595942,-22.849056)" fill="#ee4036"/>
  <path id="path28" d="m119.48,30.71c-1.674-0.117-3.68,1.684-3.816,3.413-0.164,2.005,1.469,3.778,3.688,4.01,1.875,0.194,3.848-1.098,4.059-2.677,0.282-2.048-1.836-4.61-3.931-4.746zm0.113,5.177c-0.449-0.875-0.891-1.337-0.824-1.697,0.078-0.418,0.613-0.736,0.951-1.103,0.342,0.329,1.002,0.693,0.969,0.985-0.043,0.49-0.536,0.938-1.096,1.815z" transform="translate(-42.595942,-22.849056)"/>
  <path id="path30" d="m120.69,34.072c-0.043,0.489-0.535,0.938-1.096,1.814-0.449-0.875-0.891-1.337-0.824-1.697,0.078-0.418,0.613-0.736,0.951-1.103,0.342,0.33,1.002,0.694,0.969,0.986z" transform="translate(-42.595942,-22.849056)" fill="#fddf00"/>
 </g>
</svg>

              
            
!

CSS

              
                #parrot {
  position: absolute;
  top: 50vh;
  left: 50vw;
  transform: translate3d(-50%, -50%, 0);
}
              
            
!

JS

              
                var $parrot = $('#parrot');
var $leftWing = $('#left-wing');
var $rightWing = $('#right-wing');
var $tail = $('#tail');

TweenMax.from($parrot, 1, {
  y: .1,
  repeat: -1,
  yoyo: true,
  ease: Sine.easeInOut
});

TweenMax.to($leftWing, 1, {
  rotation: -10,
  transformOrigin: 'top right',
  repeat: -1,
  yoyo: true,
  ease: Sine.easeInOut
});

TweenMax.to($rightWing, 1, {
  rotation: 10,
  transformOrigin: 'top left',
  repeat: -1,
  yoyo: true,
  ease: Sine.easeInOut
});

new TimelineMax({
  repeat: -1,
  yoyo: true
})
	.append(TweenMax.to($tail, .5, {
  rotation: 10,
  transformOrigin: 'top 50%',
  ease: Sine.easeInOut
}))
	.append(TweenMax.to($tail, .5, {
  rotation: -10,
  transformOrigin: 'top 50%',
  ease: Sine.easeInOut
}));

//TweenMax.to($tail, 1, {
//  rotation: 50,
//  transformOrigin: 'top 50%',
//  repeat: -1,
//  yoyo: true,
//  ease: Sine.easeInOut
//});
              
            
!
999px

Console