17 ms·
System UIcons – icons designed for products, no attribution
- ChrisMarshallNY 6y agoThat's pretty cool! Thanks!
- Akcium 6y agoLooks pretty neat Though I'm always afraid of using icon sets (especially for a big product) because if I couldn't find an icon I need then sometimes it's not that easy to find this icon from another source with similar styling
- colinjoy 6y agoyou could always bribe the author, I hear he's a nice guy :) worst case you might end up paying some other designer to supply the icon you need in the desired style. shouldn't break the bank, "especially for a big product".
- CoreyGinnivan 6y agoCan confirm that I'll listen (no bribe necessary) haha. It's going to take a while to knock off every icon, but we'll get there.
- bradstewart 6y agoSo what do you do, design every icon you need yourself?
- Akcium 6y agoI use noun project or flaticon. Though in order to get full advantage you got to pay. So yeah, I'm actually looking through tons of icons trying to find some with similar styling
- Andrew_nenakhov 6y agoI use materialdesignicons.com If I don't have a necessary icon, I just draw one, and contribute it to them. The only problem is that Google lately seems to have abandoned nice simple material icons in favour of rather ugly outlined icons. Their current design with this fat new font is way worse than it was when Material Design was introduced in Android 5.0
- CoreyGinnivan 6y agoThis project actually started because of that haha. I've started off with a mix of obscure and commonly used icons, but I've got another 200 coming soon, and will continue to make more. I'm also setting up the site with a request option. Just wanted to get the project out otherwise it'd never get out :) Is there anything that you're currently after? Will try and sneak it in to the next release.
- bynormous 6y agoThanks, I love me some icons. Looks like it could work well stylistically along side those also using Github's recently redesigned octicons (https://primer.style/octicons https://primer.style/octicons)
- mholt 6y agoPlease though, if you ever use these (or any icons, frankly), PLEASE accompany the icons with text so my aging parents -- and heck, me too -- know what they mean. All too often I am helping my family members navigate UIs that are "clean" yes (plenty of whitespace! too much) but with icons that hide everything and don't mean anything. "Oh, to send it to your daughter? Click the 3 lines in the top right corner, then click the two lines joined by a circle. Er, the one that looks like a chart. Yeah, that means 'share' apparently. You just have to know that." I kind of miss the days when software didn't change so much and came with instruction manuals.
- benrbray 6y agoThe symbols are pretty standardized these days. I am always perplexed on the rare occasion I encounter a physical radio, but I wouldn't ask them to waste space by adding text to the buttons! On the web, hover text is probably good enough.
- alxlaz 6y agoFor the love of everything that is holy, if in your design the icons for "Undo" and "Jump Backwards" are practically identical -- as in this font, where only the outline of the arrows differs -- , please, please "waste space" by adding text to the buttons. Don't make people discover which one's "undo" and which one's "discard the current screen" by trying the buttons out. That's not a friendly interface. An interface can be friendly without looking like a five year-old's doodle. A wall of text is intimidating and unfriendly, sure, but nobody older than eight is intimidated by having to read six or seven words.
- benrbray 6y agoFair enough! I didn't look closely at this icon set, and definitely agree that we should strive for high-clarity icons if they're the only signal about what a button does.
- falcolas 6y agoTo abuse a different saying, "Space wasted for clarity is not wasted space." At least make it configurable.
- jkoberg 6y agoTiny inscrutable icons are a terrible design fad. The solution isn't "yet another free icon collection"
- _Microft 6y agoThese do not have to be tiny as they are available as SVGs.
- richardwhiuk 6y agoJust because a logo is a vector art doesn't mean you can just naively scale it up.
- Wistar 6y agoYes. Line art can be tough to scale properly.
- _Microft 6y agoI'm aware, that's why I checked a few to make sure these actually scale well.
- richardwhiuk 6y agoNormally when you make a logo bigger, you'll increase the level of detail, and tweak line widths.
- myself248 6y agoObligatory: https://www.youtube.com/watch?v=5AxwaszFbDw#t=17s https://www.youtube.com/watch?v=5AxwaszFbDw#t=17s (aside: These guys sound like Deep #800080 don't they?)
- eyelidlessness 6y agoI don't know if this icon set provides this, but there's no reason SVG can't provide different levels of detail for different scaling factors.
- teddyh 6y agoI would prefer more usage of ISO 9995-7 symbols. They might be equally inscrutable, but at least they are an international standard.
- falcolas 6y agoAnd in unicode, to boot. Though, I'd calls them slightly less scrutable, as it were, than the ones presented here. Slightly.
- duskwuff 6y agoAs far as I'm aware, ISO 9995-7 only specifies symbols which would be used on or in relation to a keyboard -- glyphs representing functions like Shift, Control, Escape, Scroll Lock, etc. Useful if you're trying to describe keyboard shortcuts, useless if you're trying to describe a more concrete operation like "zoom in", "add a comment", or "delete this".
- teddyh 6y agoKeyboard keys have an extremely similar role to buttons in an application program.
- rambojazz 6y agoWhat's the license? Are these in the public domain? And are the source files somewhere?
- edoceo 6y agoBottom of the page says: ""Use how you want, without attribution"" And they are SVG, the display is the source.
- deleted 6y ago[deleted]
- CoreyGinnivan 6y agoI've opened up the repo now (https://github.com/CoreyGinnivan/system-uicons https://github.com/CoreyGinnivan/system-uicons), the licence is officially "Unlicense License" - it's all public domain. The SVGs are all in the repo (or can download on the site). I'll be releasing Sketch and Figma files soon :)
- cutemonster 6y agoI'm curious about reasons you chose Unlicense I like the icons, especially the bells, look cleaner than other fonts, to me
- CoreyGinnivan 6y agoThanks! I chose it because I want it to be public domain, people can copy, remake, improve, do whatever they want with it. Don't having to worry about any infringements.
- rambojazz 6y agoThank you!
- suby 6y agoMaybe it's just my particular setup, but these icons look blurry to me, especially when you mouse over them. It looks as if there is no antialiasing. I'm on Ubuntu with Firefox for whatever it's worth. Other than that they look like nice icons and this is a nice effort.
- asutekku 6y agoIt’s your setup, those are svg icons so there should be no blur on any display.
- CoreyGinnivan 6y agoI'll look in to it, thanks mate! Might just be an image rendering issue when they're scaling
- jyrkesh 6y agoIcons look pretty good, always grateful for free stuff like this. Minor side: the first thing I typed into the filter box was "save" because I wanted to see how the designer thought about the whole "floppy disk == save" problem in a greenfield icon set. I thought it was even more remarkable (or just notable, I guess) that there's no Save icon at all, which really speaks to where the world is at around cloud-based web apps. Why require someone to click Save at all, right?
- rootusrootus 6y ago> Why require someone to click Save at all, right? It's like the 'close door' button on an elevator. Some people just want to feel like they are doing something.
- jeffhuys 6y agoThe elevators I encounter daily have a working close button, are there ones that don't work?
- bussierem 6y agoMany elevators have placebo ones. It might behoove you to test it out sometime - is the button actually working immediately or is it taking time after pressing (or multipressing) the button? Many elevators ignore the button and close when they want but people still think/feel like they were the cause.
- dragonwriter 6y ago> Many elevators have placebo ones As I understand, basically no elevators have placebo close door buttons, but some have ones that only function when the elevator has been placed in manual operation mode, which requires a special key and is usually only done for service, emergency operations, and other special circumstances, and in which mode doors do not close automatically.
- grishka 6y agoSome of them are great, but some of them aren't aligned with the pixel grid and thus look terrible.
- ignoramous 6y agoI've used https://ikonate.com/ https://ikonate.com/, and this service looks pretty similar and of equal quality if not better. > Use how you want, without attribution This license reminded me of Sam Hocevar's [0] do whatever the fuck you want license [1]. [0] Probably one of the first to advocate DNS based ad-blocking way back in 2002: http://sam.zoy.org/writings/internet/doubleclick.html http://sam.zoy.org/writings/internet/doubleclick.html [1] https://en.wikipedia.org/wiki/WTFPL https://en.wikipedia.org/wiki/WTFPL
- CoreyGinnivan 6y agoHey everyone, I'm the one that made these - happy to answer any questions :)
- meristem 6y agoGreat set! “Hierarchy” is misspelled as “Heirarchy”.
- CoreyGinnivan 6y agoOooo good eyes haha, thanks! Pushed an update.
- Thorentis 6y agoLooks good! Push left vs. push right icons are inconsistent though. The "push left" icon makes sense (arrow pushing on a line), but the "push right" icon is more like a pull right icon. The line needs to be shifted to the other side of the arrow.