In the Budicon Classic 2.0 release, there are some of the optimization still left behind.
I’ve used this release to fix the minor bug, optimizing the SVG for a better front-end usage, added new icons, improving the sketch file, and added new CSS cheatsheet.
Here’s an overview of the updates on 2.1:
- New 64 icons (in outline, solid, and shady)
- Fixed 1 icon (in outline)
- SVG Optimized (for outline and solid)
- Added Budicon Classic solid as a webfont
- Added a new CSS cheatsheet file
- IconJar file is updated
- Sketch file is updated
I’ve added 64 new icons in this release, including some of the basic icons such as phone, print, password, Bluetooth, and more. Budicon Classic now has 1399 icons in total.
In addition, I’ve added 2 new categories: Kids & Design.
I’ve created the “kids/toys” category to fulfill some of the requests from my customer, this category is still covering some basic metaphor, such as party, birthday, toy, milk, education, and more. In addition, I’ve also created the “design” category to cover some of the basic design field icons. These both categories are still growing – if you have icon request, please reach us out!
This one is a super nerdy update. However, I believe the developer will appreciate this little touch. In the Budicon Classic 2.0 release, the icons weren’t optimized into one path. For the optimization, all of the icons are now combined into one path in 2.1 release, which gives a lower byte on each SVG file.
Above is the comparison between v2 (left) with v2.1 (right) – In the v2.1, I’ve optimized the SVG file code without affecting the visual. As the result, most of the icon is now has lower bytes. Every byte is pretty important if you care about optimizing your website or app performance. I highly recommend you to change the SVG file if you want to optimize your website’s performance.
Added a new CSS cheatsheet
If you’re using the web-font, this CSS cheat sheet will come in handy since it will help you to find the icon class name. You will get this under the “webfont” folder.
To search the icon around this file, I highly suggest using the search feature on the browser, e.g. cmd+f on Chrome.
This is not the tutorial on how to use Budicon web-font, but I’ll just walk you through some brief steps to install the Budicon web-font.
- Make sure you link the style.css into your website directory
- Copy the “fonts” folder into your website directory.
- To call out the icon, simply use
- Something like this
Also, it’s a best practice to replace the fonts folder if you have installed the old one on your website.
Improved the icon browsing experience on Sketch file
In the 2.0 you might notice the sketch files were separated per category, I have asked some of my designer fellas who uses the icon set and they said it would helpful to have all categories on the same file.
You can now browse the icon in the sketch without having to switch files. On top of that, I’ve add each icon a name – this has been applied on Illustrator file from the beginning. I hope this help!
If you have more suggestion on how can I improve the sketch file, please comment down below.
How to get the update
Below are the steps to download the new update:
- Go to https://budicon.co/my-account/
- Login with your credential – if you’ve difficulties – contact me
- Select the “downloads” tab
- You’ll see the available item to download.
- Download the “Budicon Classic v2.1” & “Budicon Classic v2.1 PDF”
What is Budicon Classic v2.1 PDF
This contain the PDF format for individual icon, if you don’t need the PDF format – you can ignore this.
It seems like I don’t have the login credential, can you help?
I’ll gladly help. Some of you might be purchased as a guest without filling out the details on the account & password. Don’t worry, I can fix it, just reach me out on the chat widget or contact me with mentioning your order/invoice number and your email when checkout
Do I have to update my license?
No, this is totally free update if you’ve purchased Budicon 2.0.
Already a customer?