SVG
Viewer
Dark mode
Light mode
Hide sidebar
Any license
Apache
BSD
CC Attribution
CC0
GPL
MIT
OFL
Public domain
Animated Icons 04
App Filled Icons
View collection
Send feedback
Browse all SVGs
Terms & Conditions
Privacy Policy
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
8.29 KB
3.94 KB
-53%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0 License. Made by SVG Repo: https://www.svgrepo.com/svg/425969/animated-icons-04 --> <svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <g id="Wheather"> <g> <g> <path fill="#4FC4E8" d="M398.24878,512H113.75122C51.18805,512,0,460.81195,0,398.24878V113.75122 C0,51.18805,51.18805,0,113.75122,0h284.49756C460.81195,0,512,51.18805,512,113.75122v284.49756 C512,460.81195,460.81195,512,398.24878,512z"/> </g> </g> <g> <g> <g> <g> <circle fill="#FFC50D" cx="163.17932" cy="206.70624" r="69.99516"/> </g> <g> <path fill="#333333" d="M163.17969,282.70117c-41.9043,0-75.99512-34.09082-75.99512-75.99512 s34.09082-75.99512,75.99512-75.99512s75.99512,34.09082,75.99512,75.99512S205.08398,282.70117,163.17969,282.70117z M163.17969,142.71094c-35.28711,0-63.99512,28.70801-63.99512,63.99512s28.70801,63.99512,63.99512,63.99512 s63.99512-28.70801,63.99512-63.99512S198.4668,142.71094,163.17969,142.71094z"/> </g> </g> </g> <g opacity="0.05"> <g> <path d="M108.27759,271.68579c11.44214,1.32178,22.93848,2.17383,34.45093,2.5332 c26.97144,0.84229,57.06494-2.35938,74.97314-22.54517c15.74976-17.75317,17.54102-43.81641,15.34033-67.44653 c-0.64404-6.91663-1.5376-13.9856-0.93091-20.84583c-4.6145-0.53809-8.05884-1.58289-9.19092-3.39429 c-2.66724-4.2677-7.31177-8.50562-10.95557-11.45935c-22.8728,7.98535-40.54639,27.26904-46.37061,51.03271 C164.1145,205.59656,158.76465,210,152.55005,210c-0.03809,0-0.07593,0-0.11401,0 c-23.18311,0-44.22412,11.90356-57.4707,30.26892c1.25854,3.06384,3.51416,7.41882,6.99414,10.75366 C105.60596,254.51709,107.42627,264.62134,108.27759,271.68579z"/> </g> </g> <g> <g> <g> <path fill="#FFFFFF" d="M163.17969,260.41602c-29.61621,0-53.70996-24.09375-53.70996-53.70996 c0-19.71094,10.76953-37.80566,28.10449-47.22363c2.91211-1.58008,6.55469-0.50391,8.13672,2.4082 s0.50391,6.55469-2.4082,8.13672c-13.4668,7.31543-21.83301,21.37012-21.83301,36.67871 c0,22.99902,18.71094,41.70996,41.70996,41.70996c22.99805,0,41.70898-18.71094,41.70898-41.70996c0-3.31348,2.68652-6,6-6 s6,2.68652,6,6C216.88867,236.32227,192.79492,260.41602,163.17969,260.41602z"/> </g> </g> </g> <g> <defs> <circle id="SVGID_1_" cx="163.17932" cy="206.70624" r="69.99516"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" overflow="visible"/> </clipPath> </g> <g> <g opacity="0.1"> <g> <path d="M444.92432,211.82129c-18.19727-19.5752-42.52051-30.35645-68.48828-30.35645 c-20.67676,0-40.83496,6.57324-57.48145,18.63379c-13.30859-19.62012-35.52637-31.54883-59.51855-31.54883 c-37.62598,0-68.59375,29.05176-71.65234,65.90137c-3.75195-0.59961-7.54785-0.90137-11.34766-0.90137 c-38.97363,0-71.90039,34.27344-71.90039,74.8418c0,19.14648,7.53516,38.77539,20.67383,53.85352 c13.89746,15.9502,31.95703,24.74023,50.8584,24.75488c0.00488,0,0.01074,0,0.01562,0h196.55078 c25.61035,0,51.26074-11.70801,70.37402-32.12305c18.75586-20.0332,29.5127-46.43164,29.5127-72.42676 C472.521,256.04883,462.72021,230.96582,444.92432,211.82129z"/> </g> </g> <g> <g> <path fill="#EAEAEA" d="M359.43628,170.46436c-22.50134,0-43.11169,8.08374-59.09631,21.49951 c-11.17181-20.50146-32.91235-34.41406-57.90375-34.41406c-36.39575,0-65.90033,29.50464-65.90033,65.90039 c0,0.45715,0.02521,0.9082,0.03448,1.36304c-5.46515-1.46802-11.20563-2.26343-17.13416-2.26343 c-36.39575,0-65.90033,32.44592-65.90033,68.84167c0,36.28857,29.33282,72.60852,65.58063,72.60852h-0.03326H351.479 c0,0,4.03711,0,4.15515,0c50.80237,0,93.8869-47.74744,93.8869-98.5498 C449.52106,214.64771,410.23865,170.46436,359.43628,170.46436z"/> </g> <g> <path fill="#333333" d="M355.63379,370H159.08301c-0.00488,0-0.01074,0-0.01562,0 c-18.90039-0.01465-36.95996-8.80469-50.85742-24.75488c-13.13867-15.07812-20.67383-34.70703-20.67383-53.85352 c0-40.56836,32.92676-74.8418,71.90039-74.8418c3.7998,0,7.5957,0.30176,11.34766,0.90137 c3.05859-36.84961,34.02734-65.90137,71.65234-65.90137c23.99219,0,46.20898,11.92871,59.51758,31.54883 c16.64746-12.06055,36.80469-18.63379,57.48242-18.63379c25.96777,0,50.29004,10.78125,68.4873,30.35645 c17.79688,19.14453,27.59766,44.22754,27.59766,70.62891c0,25.99512-10.75684,52.39453-29.5127,72.42676 C406.89453,358.29199,381.24414,370,355.63379,370z M159.11621,358h196.51758c22.30371,0,44.76172-10.32422,61.61523-28.32422 c16.69629-17.83398,26.27246-41.24316,26.27246-64.22559c0-23.36035-8.66016-45.54199-24.38672-62.45898 c-15.90137-17.10547-37.10254-26.52637-59.69824-26.52637c-20.18262,0-39.7998,7.13672-55.23926,20.09473 c-1.37793,1.15723-3.2041,1.63672-4.97168,1.2998c-1.76855-0.33398-3.29297-1.44434-4.1543-3.02441 c-10.51562-19.29785-30.68457-31.28516-52.63477-31.28516c-33.0293,0-59.90039,26.87109-59.90039,59.90039 c0,0.20801,0.00781,0.41504,0.01465,0.62207l0.01855,0.625c0.03613,1.88672-0.81641,3.67969-2.30176,4.8418 c-1.48633,1.16309-3.43164,1.55664-5.25391,1.06934c-5.08496-1.36621-10.32617-2.05859-15.57715-2.05859 c-32.46973,0-59.90039,28.77832-59.90039,62.8418C99.53613,322.83398,125.01562,358,159.11621,358z"/> </g> </g> </g> <g> <g> <circle fill="#FFFFFF" cx="157.8105" cy="156.9095" r="5.84563"/> </g> </g> <g> <g> <path fill="#333333" d="M73,211H45c-3.31348,0-6-2.68652-6-6s2.68652-6,6-6h28c3.31348,0,6,2.68652,6,6S76.31348,211,73,211z"/> </g> </g> <g> <g> <line x1="84.64345" y1="250.07875" x2="60.39474" y2="264.07877"/> </g> <g> <path fill="#333333" d="M60.40039,270.08008c-2.07422,0-4.09082-1.07617-5.20215-3.00098 c-1.65625-2.87012-0.67383-6.53906,2.19629-8.19629l24.24902-14c2.87207-1.65527,6.54004-0.67285,8.19629,2.19629 c1.65625,2.87012,0.67383,6.53906-2.19629,8.19629l-24.24902,14C62.44922,269.82031,61.41797,270.08008,60.40039,270.08008z"/> </g> </g> <g> <g> <line x1="250.12579" y1="158.00159" x2="265.41071" y2="149.17683"/> </g> <g> <path fill="#333333" d="M250.13184,164.00293c-2.07422,0-4.09082-1.07617-5.20215-3.00098 c-1.65625-2.87012-0.67383-6.53906,2.19629-8.19629l15.28516-8.8252c2.86914-1.65527,6.54004-0.67285,8.19629,2.19629 c1.65625,2.87012,0.67383,6.53906-2.19629,8.19629l-15.28516,8.8252 C252.18164,163.74316,251.14941,164.00293,250.13184,164.00293z"/> </g> </g> <g> <g> <line x1="208.9496" y1="130.01733" x2="222.9496" y2="105.76862"/> </g> <g> <path fill="#333333" d="M208.94336,136.01855c-1.01758,0-2.04883-0.25879-2.99414-0.80469 c-2.87012-1.65723-3.85254-5.32617-2.19629-8.19629l14-24.24902c1.65723-2.86914,5.3252-3.85449,8.19629-2.19629 c2.87012,1.65723,3.85254,5.32617,2.19629,8.19629l-14,24.24902C213.03418,134.94238,211.01758,136.01855,208.94336,136.01855z" /> </g> </g> <g> <g> <path fill="#333333" d="M164,123c-3.31348,0-6-2.68652-6-6V89c0-3.31348,2.68652-6,6-6s6,2.68652,6,6v28 C170,120.31348,167.31348,123,164,123z"/> </g> </g> <g> <g> <line x1="119.45176" y1="128.36852" x2="105.45176" y2="104.1198"/> </g> <g> <path fill="#333333" d="M119.45801,134.36914c-2.07422,0-4.09082-1.07617-5.20215-3.00098l-14-24.24805 c-1.65625-2.87012-0.67383-6.53906,2.19629-8.19629c2.86914-1.65527,6.54004-0.67285,8.19629,2.19629l14,24.24805 c1.65625,2.87012,0.67383,6.53906-2.19629,8.19629C121.50781,134.10938,120.47559,134.36914,119.45801,134.36914z"/> </g> </g> <g> <g> <line x1="86.14129" y1="160.72757" x2="61.89257" y2="146.72757"/> </g> <g> <path fill="#333333" d="M86.13574,166.72852c-1.01758,0-2.04883-0.25879-2.99414-0.80469l-24.24902-14 c-2.87012-1.65723-3.85254-5.32617-2.19629-8.19629c1.65625-2.86816,5.3252-3.85449,8.19629-2.19629l24.24902,14 c2.87012,1.65723,3.85254,5.32617,2.19629,8.19629C90.22656,165.65234,88.20996,166.72852,86.13574,166.72852z"/> </g> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download
SVG
Viewer
Dark mode
Light mode
Edit
Export
Rotate
Flip Y
Flip X
Colors
Edit colors
-1px x -1px
Change dimensions
Optimize
8.29 KB
3.94 KB
-53%
Optimize options
Prettify
Prettify options
Edit
with AI
Describe a change to make
Create
Describe a new SVG to make
Wrap
Stop wrapping long lines
Clear
<?xml version="1.0" encoding="utf-8"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!-- License: CC0 License. Made by SVG Repo: https://www.svgrepo.com/svg/425969/animated-icons-04 --> <svg version="1.1" id="Icons" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="800px" height="800px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve"> <g id="Wheather"> <g> <g> <path fill="#4FC4E8" d="M398.24878,512H113.75122C51.18805,512,0,460.81195,0,398.24878V113.75122 C0,51.18805,51.18805,0,113.75122,0h284.49756C460.81195,0,512,51.18805,512,113.75122v284.49756 C512,460.81195,460.81195,512,398.24878,512z"/> </g> </g> <g> <g> <g> <g> <circle fill="#FFC50D" cx="163.17932" cy="206.70624" r="69.99516"/> </g> <g> <path fill="#333333" d="M163.17969,282.70117c-41.9043,0-75.99512-34.09082-75.99512-75.99512 s34.09082-75.99512,75.99512-75.99512s75.99512,34.09082,75.99512,75.99512S205.08398,282.70117,163.17969,282.70117z M163.17969,142.71094c-35.28711,0-63.99512,28.70801-63.99512,63.99512s28.70801,63.99512,63.99512,63.99512 s63.99512-28.70801,63.99512-63.99512S198.4668,142.71094,163.17969,142.71094z"/> </g> </g> </g> <g opacity="0.05"> <g> <path d="M108.27759,271.68579c11.44214,1.32178,22.93848,2.17383,34.45093,2.5332 c26.97144,0.84229,57.06494-2.35938,74.97314-22.54517c15.74976-17.75317,17.54102-43.81641,15.34033-67.44653 c-0.64404-6.91663-1.5376-13.9856-0.93091-20.84583c-4.6145-0.53809-8.05884-1.58289-9.19092-3.39429 c-2.66724-4.2677-7.31177-8.50562-10.95557-11.45935c-22.8728,7.98535-40.54639,27.26904-46.37061,51.03271 C164.1145,205.59656,158.76465,210,152.55005,210c-0.03809,0-0.07593,0-0.11401,0 c-23.18311,0-44.22412,11.90356-57.4707,30.26892c1.25854,3.06384,3.51416,7.41882,6.99414,10.75366 C105.60596,254.51709,107.42627,264.62134,108.27759,271.68579z"/> </g> </g> <g> <g> <g> <path fill="#FFFFFF" d="M163.17969,260.41602c-29.61621,0-53.70996-24.09375-53.70996-53.70996 c0-19.71094,10.76953-37.80566,28.10449-47.22363c2.91211-1.58008,6.55469-0.50391,8.13672,2.4082 s0.50391,6.55469-2.4082,8.13672c-13.4668,7.31543-21.83301,21.37012-21.83301,36.67871 c0,22.99902,18.71094,41.70996,41.70996,41.70996c22.99805,0,41.70898-18.71094,41.70898-41.70996c0-3.31348,2.68652-6,6-6 s6,2.68652,6,6C216.88867,236.32227,192.79492,260.41602,163.17969,260.41602z"/> </g> </g> </g> <g> <defs> <circle id="SVGID_1_" cx="163.17932" cy="206.70624" r="69.99516"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" overflow="visible"/> </clipPath> </g> <g> <g opacity="0.1"> <g> <path d="M444.92432,211.82129c-18.19727-19.5752-42.52051-30.35645-68.48828-30.35645 c-20.67676,0-40.83496,6.57324-57.48145,18.63379c-13.30859-19.62012-35.52637-31.54883-59.51855-31.54883 c-37.62598,0-68.59375,29.05176-71.65234,65.90137c-3.75195-0.59961-7.54785-0.90137-11.34766-0.90137 c-38.97363,0-71.90039,34.27344-71.90039,74.8418c0,19.14648,7.53516,38.77539,20.67383,53.85352 c13.89746,15.9502,31.95703,24.74023,50.8584,24.75488c0.00488,0,0.01074,0,0.01562,0h196.55078 c25.61035,0,51.26074-11.70801,70.37402-32.12305c18.75586-20.0332,29.5127-46.43164,29.5127-72.42676 C472.521,256.04883,462.72021,230.96582,444.92432,211.82129z"/> </g> </g> <g> <g> <path fill="#EAEAEA" d="M359.43628,170.46436c-22.50134,0-43.11169,8.08374-59.09631,21.49951 c-11.17181-20.50146-32.91235-34.41406-57.90375-34.41406c-36.39575,0-65.90033,29.50464-65.90033,65.90039 c0,0.45715,0.02521,0.9082,0.03448,1.36304c-5.46515-1.46802-11.20563-2.26343-17.13416-2.26343 c-36.39575,0-65.90033,32.44592-65.90033,68.84167c0,36.28857,29.33282,72.60852,65.58063,72.60852h-0.03326H351.479 c0,0,4.03711,0,4.15515,0c50.80237,0,93.8869-47.74744,93.8869-98.5498 C449.52106,214.64771,410.23865,170.46436,359.43628,170.46436z"/> </g> <g> <path fill="#333333" d="M355.63379,370H159.08301c-0.00488,0-0.01074,0-0.01562,0 c-18.90039-0.01465-36.95996-8.80469-50.85742-24.75488c-13.13867-15.07812-20.67383-34.70703-20.67383-53.85352 c0-40.56836,32.92676-74.8418,71.90039-74.8418c3.7998,0,7.5957,0.30176,11.34766,0.90137 c3.05859-36.84961,34.02734-65.90137,71.65234-65.90137c23.99219,0,46.20898,11.92871,59.51758,31.54883 c16.64746-12.06055,36.80469-18.63379,57.48242-18.63379c25.96777,0,50.29004,10.78125,68.4873,30.35645 c17.79688,19.14453,27.59766,44.22754,27.59766,70.62891c0,25.99512-10.75684,52.39453-29.5127,72.42676 C406.89453,358.29199,381.24414,370,355.63379,370z M159.11621,358h196.51758c22.30371,0,44.76172-10.32422,61.61523-28.32422 c16.69629-17.83398,26.27246-41.24316,26.27246-64.22559c0-23.36035-8.66016-45.54199-24.38672-62.45898 c-15.90137-17.10547-37.10254-26.52637-59.69824-26.52637c-20.18262,0-39.7998,7.13672-55.23926,20.09473 c-1.37793,1.15723-3.2041,1.63672-4.97168,1.2998c-1.76855-0.33398-3.29297-1.44434-4.1543-3.02441 c-10.51562-19.29785-30.68457-31.28516-52.63477-31.28516c-33.0293,0-59.90039,26.87109-59.90039,59.90039 c0,0.20801,0.00781,0.41504,0.01465,0.62207l0.01855,0.625c0.03613,1.88672-0.81641,3.67969-2.30176,4.8418 c-1.48633,1.16309-3.43164,1.55664-5.25391,1.06934c-5.08496-1.36621-10.32617-2.05859-15.57715-2.05859 c-32.46973,0-59.90039,28.77832-59.90039,62.8418C99.53613,322.83398,125.01562,358,159.11621,358z"/> </g> </g> </g> <g> <g> <circle fill="#FFFFFF" cx="157.8105" cy="156.9095" r="5.84563"/> </g> </g> <g> <g> <path fill="#333333" d="M73,211H45c-3.31348,0-6-2.68652-6-6s2.68652-6,6-6h28c3.31348,0,6,2.68652,6,6S76.31348,211,73,211z"/> </g> </g> <g> <g> <line x1="84.64345" y1="250.07875" x2="60.39474" y2="264.07877"/> </g> <g> <path fill="#333333" d="M60.40039,270.08008c-2.07422,0-4.09082-1.07617-5.20215-3.00098 c-1.65625-2.87012-0.67383-6.53906,2.19629-8.19629l24.24902-14c2.87207-1.65527,6.54004-0.67285,8.19629,2.19629 c1.65625,2.87012,0.67383,6.53906-2.19629,8.19629l-24.24902,14C62.44922,269.82031,61.41797,270.08008,60.40039,270.08008z"/> </g> </g> <g> <g> <line x1="250.12579" y1="158.00159" x2="265.41071" y2="149.17683"/> </g> <g> <path fill="#333333" d="M250.13184,164.00293c-2.07422,0-4.09082-1.07617-5.20215-3.00098 c-1.65625-2.87012-0.67383-6.53906,2.19629-8.19629l15.28516-8.8252c2.86914-1.65527,6.54004-0.67285,8.19629,2.19629 c1.65625,2.87012,0.67383,6.53906-2.19629,8.19629l-15.28516,8.8252 C252.18164,163.74316,251.14941,164.00293,250.13184,164.00293z"/> </g> </g> <g> <g> <line x1="208.9496" y1="130.01733" x2="222.9496" y2="105.76862"/> </g> <g> <path fill="#333333" d="M208.94336,136.01855c-1.01758,0-2.04883-0.25879-2.99414-0.80469 c-2.87012-1.65723-3.85254-5.32617-2.19629-8.19629l14-24.24902c1.65723-2.86914,5.3252-3.85449,8.19629-2.19629 c2.87012,1.65723,3.85254,5.32617,2.19629,8.19629l-14,24.24902C213.03418,134.94238,211.01758,136.01855,208.94336,136.01855z" /> </g> </g> <g> <g> <path fill="#333333" d="M164,123c-3.31348,0-6-2.68652-6-6V89c0-3.31348,2.68652-6,6-6s6,2.68652,6,6v28 C170,120.31348,167.31348,123,164,123z"/> </g> </g> <g> <g> <line x1="119.45176" y1="128.36852" x2="105.45176" y2="104.1198"/> </g> <g> <path fill="#333333" d="M119.45801,134.36914c-2.07422,0-4.09082-1.07617-5.20215-3.00098l-14-24.24805 c-1.65625-2.87012-0.67383-6.53906,2.19629-8.19629c2.86914-1.65527,6.54004-0.67285,8.19629,2.19629l14,24.24805 c1.65625,2.87012,0.67383,6.53906-2.19629,8.19629C121.50781,134.10938,120.47559,134.36914,119.45801,134.36914z"/> </g> </g> <g> <g> <line x1="86.14129" y1="160.72757" x2="61.89257" y2="146.72757"/> </g> <g> <path fill="#333333" d="M86.13574,166.72852c-1.01758,0-2.04883-0.25879-2.99414-0.80469l-24.24902-14 c-2.87012-1.65723-3.85254-5.32617-2.19629-8.19629c1.65625-2.86816,5.3252-3.85449,8.19629-2.19629l24.24902,14 c2.87012,1.65723,3.85254,5.32617,2.19629,8.19629C90.22656,165.65234,88.20996,166.72852,86.13574,166.72852z"/> </g> </g> </g> </g> </svg>
Upload
Copy
Download
Share
Preview
React
React Native
PNG
Data URI
100%
Download