omg-img

Insert icons directly into your HTML just by coding

#1 Product of the DayMay 06, 2017

Reviews

Discussion

You need to become a Contributor to join the discussion - Find out how.
Ivan
Maker
@visualpharm · Icons8 team member
@chrismessina, thank you for the love and the hunt! "omg-img" basically does what Chris said in the comments; it allows to insert icons (almost 50K available for selection at the moment) into the HTML code and you don't need to insert a Javascript code to your website. This was made possible by a production-scale CDN service provided by KeyCDN. You can select icons from more than 10 different styles, you can specify the size of the icon (up to 512px), and also recolor it! Each style has the size it's designed for, also called pixel perfect size: iOS: 50x50 Windows 8: 26x26 Windows 10: 32x32 Android 4: 24x24 Android 5: 24x24 Color: 48x48 Office: 16x16, 30x30, 40x40, 80x80 We will keep developing the service. We plan to add a couple of useful features in the next release: - ability to specify the size as 2x, 3x, etc. instead of in pixels, in order to keep correct proportions from pixel perfect size for each platform - add icon effects like a background and a horizontal flip (direction). We are excited to hear your comments and feature requests for future releases!
Jan Klimo@janklimo · Lockstep Labs
@visualpharm looks cool, Ivan 👍 are these icons cached or do they get fetched on each page reload?
Ivan Horev
Maker
@horevivan · math troll
@janklimo @visualpharm cashed on CDN
Marina Yalanska@myalanska · CMO and Content Writer for Tubik Studio
@visualpharm @chrismessina Cool job, that is definitely helpful thing for hundreds of users. Keep rocking, guys!
Parker Agee@parkeragee · Software Engineer
Very cool! This is a HUGE help for indie hackers looking to get something out of the door quickly!
Chris Messina
Hunter
@chrismessina · 🏆 PH Community Member of the Year!
This is very cool — love the API. Should make embedding vector icons in HTML super simple! No need to insert a Javascript code unlike, say, Font Awesome or other icon fonts.
Avi Zuber@avizuber · Product Designer @ Eved
@chrismessina as an FED I'm embarrassed to ask, but when do you need to insert js for Font Awesome. I've used it many times and don't remember ever including javascript.
Jan Klimo@janklimo · Lockstep Labs
@avizuber correct, Avi, FA doesn't need any JS. Though including the whole FA CSS bundle could be a bit heavy handed (if all you need is a handful of icons) compared to this product
Chris Messina
Hunter
@chrismessina · 🏆 PH Community Member of the Year!
@avizuber yeah, I maybe overgeneralized. Font Awesome works via remote font embedding... and to @janklimo's point, you're liable to load more stuff than you need, compared with the omg-img approach. Just depends on your needs which approach makes the most sense for you!
Avi Zuber@avizuber · Product Designer @ Eved
@chrismessina @janklimo yeah, I agree. And thanks for the clarification. omg-img looks awesome.
Kunal Bhatia@kunalslab · Co-founder & Design Lead @SlidesUp
< img src=cat/50 > < img src=heart >
Ivan
Maker
@visualpharm · Icons8 team member
@kunalslab to be precise, these should be < img src=https://png.icons8.com/cat/50 > < img src=https://png.icons8.com/heart >
Kunal Bhatia@kunalslab · Co-founder & Design Lead @SlidesUp
@visualpharm potato potäto. 😁🥔
Niv Dror@nivo0o0 · Words @ProductHunt & @AngelList
Looks cool!