Text
SVG sprite generator
If you worked with SVG sprite before, you would agree that it’s quite painful to create SVG sprites. There’re Gulp and Grunt tools for this task, however they require writing script and configuration, which are quite complicated for designers who are not code savvy. We’re lazy designers, we want something simpler. That’s why we created a SVG sprite generator.
The generator is very easy to install and we provide several options for you to work with SVG sprite. You can create the sprite from selected SVG, a specified folder or even CSV files.
The generator will wrap your SVG icons inside <symbol> tags and use file names as symbol IDs. You can embed the symbols in your HTML using SVG sprite or as web components. Enjoy the generator and don’t forget to star it :)
0 notes
Text
SmartIcons 2.0
Since we launched SmartIcons 6 weeks ago, we set out to build the best platform for designers and developers to work with icons. We've been working hard ever since to improve its quality and ease of use. Today marks a big milestone in our roadmap: SmartIcons 2.0 is here.
Mac App
We locked ourselves in the room for a month (no kidding!) to develop SmartIcons' Mac app. SmartIcons.app is a first-class menu bar app allows you to search, drag and drop icons into your favorite graphic editing tools. It supports virtually any graphic software on Mac: Adobe Photoshop, Illustrator, Sketch and Keynote.
The unification of web app and Mac app provides a seamless workflow: You can customize the icons in the web app then drop them into your designs and send them to clients in no time!
Smarter Interface
Our catalog is growing and we need a flexible way to explore the icons. We added categorization – the most requested feature by our users – to make it easier to browse all the icons. Our tagging dictionary was also rebuilt completely to improve the semanticity of our icon system and blur the line between visual and verbal languages. We want to build a icon system that inspires you; helps you spend less time picking icons and more time focusing on your creative work.
New icon set: Super
Designing small icons is hard because every single pixel matters. We take the challenge and design Super, a set of 600 beautiful icons based on the 16x16 pixel grid. In spite of the tiny size, all the icons are crafted with glorious details and sharpness. Super is our proudest work, go grab it and make your UI shine!
There are many other smaller improvements here and there. We will continue adding more icons and polishing all the features in the next few days. Stay tuned!
If you have any question or spot any bug, please let us know.
0 notes
Link
At SmartIcons, we’re passionate about open source. We’ve been working hard to make our favorite free icon set Glyph more open and accessible and finally. The landing page is also on Github so you can play with the code and search the icons locally.
1 note
·
View note
Text
Presets and UI improvements
We’ve received tremendous feedback since we launched. We know that we’re on the right track to build a powerful tool for designers and developers to make working with icons a joy.
In the last few days, we’ve been working hard to improve the UI and add new features to shape SmartIcons.
Presets
A preset is a predefined style for each icon set. Each preset comes with a unique color scheme and gives you some initial ideas for your customization. You can tweak the preset and SmartIcons will save the styled icons automatically.
UI improvements
Along with many bug fixes, we also added a feature to allow you to add icons quickly from collection page. You just need to click on “Add icons” button to search and select icons conveniently.
1 note
·
View note
Text
Introduce SmartIcons
After 13 months of hard working, today we’re excited to introduce SmartIcons to the world!
SmartIcons is the world first complete smart SVG icon system. Its powerful tool set empowers designers and developers to create their own icons and icon sprites in no time.
SmartIcons is shipped with three core features:
Visual Icon Design Tool: the easiest way to customize the icons to match the looks and feels of your apps, while taking care of the consistency of the icon set. Hundreds of icon variations are just a few clicks away!
Semantic Naming System: taking advantage of SVG’s DOM structure, we handcraft a meaningful, semantic naming system to allow developers to style a whole set or individual icons with just a few lines of CSS.
Web App: Our smart search helps you find the exact icons instantly. You can organize the icons in collections and sync them with Dropbox. No more file searching and folder scanning!
With over 2500 icons in various styles powered by a robust system, the possibility is endless. We’re a passionate, highly commitment team and we’re just starting. Here is our quick roadmap for the next two months:
A Mac app to bring SmartIcons to your favorite graphic editing tool.
A new set of 800 icons.
Priced at $49 per year or $149 for life, SmartIcons is the only icon systems you will ever need.
To celebrate our launch, we honor your support by giving you 30% discount; just enter the coupon “smarticons30″ in the checkout form.
Sign up for a free account to discover SmartIcons today!
1 note
·
View note