-
• #2
Any reason not to use something that is out there already? Like FontAwesome ..
-
• #3
Any reason not to use something that is out there already? Like FontAwesome ..
-
• #4
The SVG is 657KB and that's a hell of a download for mobile devices.
Fonts continue to not work for accessibility reasons, i.e. anyone who doesn't accept all of a web sites font preferences.
Fonts continue to not work on a range of mobile devices.
HTTP/2 provides a great benefit for not using image sprites any longer, especially in terms of multiplexing and individually caching the multiple small files.
The SVG capabilities of browsers has much improved in the last few years.
And most of all, I haven't found in external projects all of the icons that we'd need.
-
• #6
I meant the SVG by FontAwesome.
I want to make sure it is crisp and clear on all devices, at all sizes. Something that our existing image sprite isn't.
NounProject is really nice, and I know about it. But the issue there is that I want a whole range of icons that work well together, that are of the same style, with the same weight lines, etc.
This one is about the best I've seen:
https://linearicons.com/There are still gaps in the range of icons (what do I use for a forum? what for a Q&A? etc)
And he does still ship it as a single "sprite" file of all SVGs (and I could easily edit that to dump the ones I'm not using), plus he provides a compatibility shim for early versions of IE (6-8) and has examples of styling the colours with CSS.
If I cannot find a designer, then I'm likely to try and pay him to fill the gaps that I have.
-
• #7
Can I see where they are used exactly? Screenshots?
-
• #8
You're on the site... so you already see them.
i.e. when you create a post, in the box you type the text, the formatting bar at the top shows the link, image, list, quote and code images. To the far right you can see the 'eye' as a preview indicator.
In the top right hand corner you can see the log out, as well as the envelope for messages.
On your posts you see the pen next to the edit link.
On other people's posts you see the back arrow next to reply.
Within "Rides and Races" https://www.lfgss.com/microcosms/508/ you can see the left-hand column with the forum icon, the conversation icon, the event icon.
They're kinda subtle, but all of them are used liberally throughout the site as indicators.
I just remembered the other problem with purchasing SVG icons from someone else (i.e. the Linear ones)... licensing. I don't mind paying (budget of £100 for this) but need to be able to ensure that anyone who runs an instance of Microcosm can continue to have access to the icons.
-
• #9
Maybe take a look on shutterstock? There's a whole bunch of vector icon sets, whether or not there's a single set that includes everything you want...
I have (access to) an account so I'm happy to send anything your way. -
• #10
How many icons are there in total? Is the image in the first post all of them?
-
• #11
The image in the first post is the image sprite that currently drives all icons on the site.
Aside from that, I need a few new ones:
- A Q&A icon (like the conversation and event one)
- Upvote (which I imagine is just a chevon)
- Downvote (another chevron)
- Tick (which will be "this is the accepted answer")
So it's the image, and 4 more.
And of the image, if they are SVG then some are duplicated. The image deals with different sizes of the same icon, as well as different colours... and size and colour of SVG can be adjusted.
- A Q&A icon (like the conversation and event one)
-
• #12
I will try and find some time .. a (typed) list would be nice.
-
• #13
I can probably help get some done if you don't have time for them all.
-
• #14
I'm sure I can find some time too. When do you need them done by?
I need a designer to convert this:
https://www.lfgss.com/static/img/icons.png
Into a set of .svg files using Illustrator (and exported in a way that allows them to be resizable, i.e. like this file is: https://lfgss.microcosm.app/api/v1/files/98a0b1c64db96ba45da797d818b07b5bbc5a0997.svg ).
If anyone is up for doing this, it would be appreciated.
There is no source file of use, they icons would have to be re-drawn.