This is an animated icon I am going to use in my Weather app. for the sun and cloud all the credits to the great artists http://www.flaticon.com/authors/zlatko-najdenovski and http://www.flaticon.com/authors/madebyoliver
A Pen by Anastasiia Korshunova on CodePen.
| <div class="icon"> | |
| <div class="cloud"><?xml version="1.0" encoding="iso-8859-1"?> | |
| <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
| <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 60" xml:space="preserve" height="200" width="300"> | |
| <path d="M25,46H10.845C4.865,46,0,41.135,0,35.154C0,31,2.705,26.688,6.433,24.901L7,24.63V24c0-0.127,0.008-0.256,0.015-0.386 | |
| l0.009-0.16l-0.012-0.21C7.006,23.163,7,23.082,7,23c0-3.859,3.141-7,7-7c0.309,0,0.614,0.027,0.917,0.067 | |
| c0.078,0.01,0.156,0.023,0.233,0.036c0.267,0.044,0.53,0.102,0.789,0.177c0.035,0.01,0.071,0.017,0.106,0.027 | |
| c0.285,0.087,0.563,0.197,0.835,0.321c0.071,0.032,0.14,0.067,0.21,0.101c0.24,0.119,0.475,0.249,0.702,0.396 |
This is an animated icon I am going to use in my Weather app. for the moon and cloud all the credits to the great artistsP.J. Onori in the Noun Project and http://www.flaticon.com/authors/madebyoliver and https://thenounproject.com/term/star/117504/ for the stars!)
A Pen by Anastasiia Korshunova on CodePen.
| <div id="icon"> | |
| <div> | |
| <div> | |
| <svg id="star1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 50 62.5" enable-background="new 0 0 50 50" xml:space="preserve"><path d="M28.5,6.6l4.5,9.2l10.1,1.5c3.2,0.5,4.5,4.4,2.2,6.6L38,31L39.7,41c0.5,3.2-2.8,5.6-5.6,4.1l-9-4.7l-9,4.7 c-2.9,1.5-6.2-0.9-5.6-4.1L12,31l-7.3-7.1c-2.3-2.3-1-6.2,2.2-6.6L17,15.7l4.5-9.2C22.9,3.7,27.1,3.7,28.5,6.6z"/></svg> | |
| <svg id="star2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 50 62.5" enable-background="new 0 0 50 50" xml:space="preserve"><path d="M28.5,6.6l4.5,9.2l10.1,1.5c3.2,0.5,4.5,4.4,2.2,6.6L38,31L39.7,41c0.5,3.2-2.8,5.6-5.6,4.1l-9-4.7l-9,4.7 c-2.9,1.5-6.2-0.9-5.6-4.1L12,31l-7.3-7.1c-2.3-2.3-1-6.2,2.2-6.6L17,15.7l4.5-9.2C22.9,3.7,27.1,3.7,28.5,6.6z"/></svg> | |
| <svg id="star3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y= |
| <div id="icon"> | |
| <div> | |
| <svg id="star1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 50 62.5" enable-background="new 0 0 50 50" xml:space="preserve"><path d="M28.5,6.6l4.5,9.2l10.1,1.5c3.2,0.5,4.5,4.4,2.2,6.6L38,31L39.7,41c0.5,3.2-2.8,5.6-5.6,4.1l-9-4.7l-9,4.7 c-2.9,1.5-6.2-0.9-5.6-4.1L12,31l-7.3-7.1c-2.3-2.3-1-6.2,2.2-6.6L17,15.7l4.5-9.2C22.9,3.7,27.1,3.7,28.5,6.6z"/></svg> | |
| <svg id="star2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 50 62.5" enable-background="new 0 0 50 50" xml:space="preserve"><path d="M28.5,6.6l4.5,9.2l10.1,1.5c3.2,0.5,4.5,4.4,2.2,6.6L38,31L39.7,41c0.5,3.2-2.8,5.6-5.6,4.1l-9-4.7l-9,4.7 c-2.9,1.5-6.2-0.9-5.6-4.1L12,31l-7.3-7.1c-2.3-2.3-1-6.2,2.2-6.6L17,15.7l4.5-9.2C22.9,3.7,27.1,3.7,28.5,6.6z"/></svg> | |
| <svg id="star3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" view |
| <div class="icon"> | |
| <div class="cloud"><?xml version="1.0" encoding="iso-8859-1"?> | |
| <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
| <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 60" xml:space="preserve" height="200" width="300"> | |
| <path d="M25,46H10.845C4.865,46,0,41.135,0,35.154C0,31,2.705,26.688,6.433,24.901L7,24.63V24c0-0.127,0.008-0.256,0.015-0.386 | |
| l0.009-0.16l-0.012-0.21C7.006,23.163,7,23.082,7,23c0-3.859,3.141-7,7-7c0.309,0,0.614,0.027,0.917,0.067 | |
| c0.078,0.01,0.156,0.023,0.233,0.036c0.267,0.044,0.53,0.102,0.789,0.177c0.035,0.01,0.071,0.017,0.106,0.027 | |
| c0.285,0.087,0.563,0.197,0.835,0.321c0.071,0.032,0.14,0.067,0.21,0.101c0.24,0.119,0.475,0.249,0.702,0.396 | |
| C19.719,18.373,21,20.538,21,23c0,0.553,0.447,1,1,1s1-0.447,1-1c0-2.754-1.246-5.219-3.2-6.871C22.667,12.379,27.388,10,32.085,10 |
| <div class="icon"> | |
| <div class="cloud"><?xml version="1.0" encoding="iso-8859-1"?> | |
| <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
| <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 60" xml:space="preserve" height="200" width="300"> | |
| <path d="M25,46H10.845C4.865,46,0,41.135,0,35.154C0,31,2.705,26.688,6.433,24.901L7,24.63V24c0-0.127,0.008-0.256,0.015-0.386 | |
| l0.009-0.16l-0.012-0.21C7.006,23.163,7,23.082,7,23c0-3.859,3.141-7,7-7c0.309,0,0.614,0.027,0.917,0.067 | |
| c0.078,0.01,0.156,0.023,0.233,0.036c0.267,0.044,0.53,0.102,0.789,0.177c0.035,0.01,0.071,0.017,0.106,0.027 | |
| c0.285,0.087,0.563,0.197,0.835,0.321c0.071,0.032,0.14,0.067,0.21,0.101c0.24,0.119,0.475,0.249,0.702,0.396 | |
| C19.719,18.373,21,20.538,21,23c0,0.553,0.447,1,1,1s1-0.447,1-1c0-2.754-1.246-5.219-3.2-6.871C22.667,12.379,27.388,10,32.085,10 |
credit for striped cloud is due to http://www.flaticon.com/authors/yannick
A Pen by Anastasiia Korshunova on CodePen.
A Pen by Anastasiia Korshunova on CodePen.
| <div class="icon"> | |
| <div class="cloud"><?xml version="1.0" encoding="iso-8859-1"?> | |
| <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> | |
| <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 56 60" xml:space="preserve" height="200" width="300"> | |
| <path d="M25,46H10.845C4.865,46,0,41.135,0,35.154C0,31,2.705,26.688,6.433,24.901L7,24.63V24c0-0.127,0.008-0.256,0.015-0.386 | |
| l0.009-0.16l-0.012-0.21C7.006,23.163,7,23.082,7,23c0-3.859,3.141-7,7-7c0.309,0,0.614,0.027,0.917,0.067 | |
| c0.078,0.01,0.156,0.023,0.233,0.036c0.267,0.044,0.53,0.102,0.789,0.177c0.035,0.01,0.071,0.017,0.106,0.027 | |
| c0.285,0.087,0.563,0.197,0.835,0.321c0.071,0.032,0.14,0.067,0.21,0.101c0.24,0.119,0.475,0.249,0.702,0.396 | |
| C19.719,18.373,21,20.538,21,23c0,0.553,0.447,1,1,1s1-0.447,1-1c0-2.754-1.246-5.219-3.2-6.871C22.667,12.379,27.388,10,32.085,10 |
