![]() ![]() If you’re an IconJar user, you can also search for icons by name and drag and drop them into your project folder. We’re currently under development on this functionality for our web viewer too.Įvery Streamline Icon pack comes with the following file types. So now matter how you like to work with icons, you have the file types you need. “Streamline 3.0 is one of the most versatile and detailed icon packs I’ve ever used. The structure and hierarchy make it super easy to work with. ![]() Stephanie Walter, UX & UI Designer Optimized SVG The SVG versions of Streamline is already dev-ready with proper viewbox tags in place and currentColor set as the color properties for all strokes and fills. You can pop in Streamline using your favorite SVG technique and start changing the color of the icons with CSS right out of the gate. WeightsĮvery weight- light, regular, and bold-was designed with a very consistent style to give you tons of consistency within your interface. The classic Streamline style with bits of detail here and there. The Light icons are great for interfaces that need lots of fun personality. They also work well scaled up to 48px as small illustrations. RegularĪ new minimal and geometric style. Designed with a 1.5px stroke on a 24px grid. These are perfect to use on clean and modern web interfaces. BoldĪ new solid style akin to the latest iOS guidelines. ![]() Designed with fills and a 2px stroke on a 24px grid. The bold style gives a little more punch for an iOS style interface. There are two different package types available- Essential and Ultimate.Įssential contains 14 categories all related to interfaces and web design, whereas the Ultimate pack contains all 53 categories, including things like Pets, Weather, Finance, Outdoors, Transportation, and so much more. □ Check out the Streamline site to soak in all of the icon glory. And we just KNOW you need this list in your life because, let’s face it, without icons, can you really work on a UX/UI project? :)) jQuery.New year, new UX/UI resources list! This time, we’re giving you the low-down on the biggest and best icon resources out was used to manipulate the DOM based on scroll positions for the large icon parallax sections.Animations created in After Effects, exported from AE with Lottie into an icon-animation.json format, and added to the site using bodymovin.js.Grunt to create a sprite with all of the SVG assets.□ Some nerdy facts about the Streamline site: I’ve found them to be super useful across a range of projects.” “Vincent’s icons are unique, versatile, and easy to work with. So without further ado, here are the top icon libraries of 2022: 1. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |