AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Weather iconset3/6/2023 ![]() ![]() Icons are designed in thin line art style by Heeyeun Jeong and are available for free download in PSD format.ĭownload Meteocons – 40+ Free Weather Forecast Icons & Font Weather Icons by Erik Flowers is a set of icon font and CSS with 222 weather themed icons, ready to be used in any project that needs high quality weather, maritime, and meteorological based icons.Ī comprehensive set of icons that you can use to depict different climatic conditions and meteorological warnings in your app or website. These icons are available in AI, EPS, PDF, SVG vectors, PSD and as webfont.ĭownload Weather Icons – Free Icon Font and CSS The set contains icons in PNG and SVG image formats and they can be used for any purpose, commercial, for-profit or otherwise.ĭownload Dripicons – Weather Icon Set & Web FontĬompletely free for personal an commercial use, Dripicons by Amit Jakhu is a set of over 90 minimal line icons for different weather conditions. All the icons are available in two different styles and many of them are available as both outline and filled icons. Weather Icon Vector Pack – PNG & SVGĪ free set of 180+ weather icons created by Freepik. Towards the end, you will also find a couple of icon sites where you can keyword search weather icons in different styles and formats. To start with, you will find free weather icon sets offering weather forecast icons in different formats including PNG, PSD, AI, SVG icons as well as icon fonts. If you haven’t already, then do also read our other post where we wrote about some of the free and paid weather forecast APIs that you can use in your weather apps and services. We have picked up the icons sets in a range of different styles including thin line icons, minimalistic flat icons as well as icons inspired by Material Design. These icon sets include a variety of icons for different weather conditions like sunny, cloudy, fog, snow, lightning, rain and many more that are free to use in your iOS and Android mobile apps or in your weather based web services. ![]() In this post, we bring to you these great sets of free weather icons and fonts that you can choose from for using in your own weather app or weather forecasting website. IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,įITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.Having a complete set of weather forecast icons to visually represent climatic conditions in your weather app is important. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR The above copyright notice and this permission notice shall be included in allĬopies or substantial portions of the Software. To use, copy, modify, merge, publish, distribute, sublicense, and/or sellĬopies of the Software, and to permit persons to whom the Software isįurnished to do so, subject to the following conditions: In the Software without restriction, including without limitation the rights Of this software and associated documentation files (the "Software"), to deal Permission is hereby granted, free of charge, to any person obtaining a copy Add support for the weather service mappings here.Icon: BoxedIcon(TimeIcon.iconFromDate(DateTime.now())),Ī full example can be found in the example folder. Preventing any of the out of boundary drawing.Īnywhere you can use Icon, you can swap it out for BoxedIcon. Which puts the icon into a 'box' which properly sets its height, and width. In order to overcome this, the library exposes a widget called BoxedIcon. You can see an example of this in the example/ application. The icon will draw outside of its boundaries causing issues with layouts and padding, etc. Import 'package:weather_icons/weather_icons.dart' īecause of how the icons exist in the font file, there will be some display issues when using a standard Icon widget. ![]() If you know which icon you need, you can use the provided constant icons. It was named this way to match the default Icons class. The naming convention is the same as the CSS names, minus the wi-, and all dashes replaced with underscores. The library exposes all of the Weather Icons as IconData. Weather_icons: 3.0.0-nullsafety.x # Use the latest version To opt-in to the latest null-safe version use: dependencies: Weather_icons: 2.0.x # Use the latest version ![]() Installation #Īdd the dependency to your pubspec.yaml dependencies: Note: All of the icon data is auto-generated based on the latest release of Weather Icons. A Flutter library for using Weather Icons. ![]()
0 Comments
Read More
Leave a Reply. |