Icons8
Icons, illustrations, photos, music & design tools
Start new thread
Chris Messina

omg-img - Insert icons directly into your HTML just by coding

by
Raycast
•

Add a comment

Replies

Best
Ivan Braun
Maker
@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
@visualpharm looks cool, Ivan 👍 are these icons cached or do they get fetched on each page reload?
Ivan Horev
Maker
@janklimo @visualpharm cashed on CDN
Marina Yalanska
@visualpharm @chrismessina Cool job, that is definitely helpful thing for hundreds of users. Keep rocking, guys!
Scott Lewis
@chrismessina @visualpharm I am always very impressed with your work and love seeing your new stuff.
Ivan Braun
Maker
@iconifyit thanks!
Chris Messina
Hunter
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
@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
@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
@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
@chrismessina @janklimo yeah, I agree. And thanks for the clarification. omg-img looks awesome.
Kunal Bhatia
< img src=cat/50 > < img src=heart >
Ivan Braun
Maker
@kunalslab to be precise, these should be < img src=https://png.icons8.com/cat/50 > < img src=https://png.icons8.com/heart >
Kunal Bhatia
@visualpharm potato potäto. 😁🥔
Parker Agee
Very cool! This is a HUGE help for indie hackers looking to get something out of the door quickly!
janniks
Kudos to whoever made the "The Son of Man" paining animation 🍏🎩
Anastasia Grebneva
Maker
@jnnksbrt it was made by talented @margarita_ivanchikova :)
Vidit S
This is a life changer.... was hoping someone build something like this soon. Font awesome was getting stale. Thank you
Niv Dror
Looks cool!
Csaba Kissi
This can really help to speed up the development process. Thank you
Mohammed Essaid MEZERREG
Excellent service guys, the Dusk though I love this style very very much.
Mano Guiragosian
Cool!!
12
Next
Last