Should you need icons for wire-framing, presentations, Web applications, buttons,promotional material, or something to put above your desk - Our icons got you covered.Bundled with your download comes a .psd you can get inspiration from. Examples rangingfrom a basic Web button to a strong logotype should get you going in no time.
Should you need icons for wire-framing, presentations, Web applications, buttons, promotional material, or something to put above your desk - Helveticons got you covered. Bundled with your download comes a .psd you can get inspiration from. Examples ranging from a basic Web button to a strong logotype should get you going in no time.
I'd like to do the latter everywhere, and I see I can choose icons in this matter when editing a content type in the back office, however I am using a modified version of USiteBuilder and a code first approach to my content types.
But good you figured out another way to achieve it - actually there is a couple of font packages released and the latest is font-awesome, which can be fetched here -extensions/font-awesome-icon-pack-and-media-icons - It might be relevant for others who may come across this issue.
>
What if the font Helvetica was an icon set containing 245 icons, what would it look like? The brave souls at Helveticons.ch have taken the famous font and created the perfect royalty-free glyph companion for the typographic allstar Helvetica.
Stumbled upon a really nice set if Royalty Free icons called helveticons. $279 you may never need to purchase any icons from Stock library ever again. All available in different size and in vector format.
ICO extension - image format used to store icons in Windows programs, files and folders; contains two bitmaps: 1) AND bitmap - an image mask (which determines which part of the image is transparent) and 2) XOR bitmap - contains an image that is superimposed on the image mask, these files can be changed to create your own images also. Images can be of different sizes (16 16, 32 32, 64 64 pixels, etc.) and contain a different number of colors (16 colors, 32, 64, 128, 256, 16-bit, etc.)
We all know, that some of the most valuable services we can do for our clients, is to make their lives easier when administrating their Umbraco website. One of the little big details in that area is icons. Icons are used throughout the backoffice to guide editors on their quest for getting content on the web.
Umbraco ships with a bunch of very nice icons, based on the free iconset Helveticons. And most of the times, your needs are covered with them. But when you want to go the extra mile, you also want to have more meaningful icons.
In Umbraco 7, icons are based on icon fonts, and it is also very easy to add new ones. All you have to do is basically to add a stylesheet containing your icon font to the backoffice, through a package.manifest file.
You can get your icon font from popular sources like glyphicons and fontawesome, or you could roll your own. Building a font from scratch usually is quite tedious. Luckily there is a few tools that help you. You can create your own icon font at sites like IcoMoon and Fontello. Both sites are pretty easy to work with. You can select your desired icons, and even upload your own. When finished you just click a few buttons, and receive your icon font.
This is where task runners come to help. With the help of a few gulp-plugins, we can create our own repository of SVG icons, and let Gulp do the heavy lifting when it comes to generating a font, css, and adding it to Umbraco.
I usually look up icons at Iconfinder.com, a great search engine for icons with millions of them. Look for SVG icons, with only one color. They work best in Umbraco. Buy and download your desired icon, and save it in the icons folder.
Gulp-iconfont-css can be set up with a template for the css, so I did that to make sure the implementation of the icons was complyant with the Umbraco way of handling icons (the default template wasn't). The css file is generated, and saved wherever gulp-iconfont-css is told to. This is where I use font name, Umbraco path, install path and filename.
Umbraco 7 has a great selection of about 300 icons courtesy of Helveticons. This is more than enough for most people but I wanted to experiment and explore with the idea of adding my own custom icons to the dialog in Umbraco 7.
After quickly asking Per Ploug on how I could add icons to the list I got to work with creating a quick package to add over 2000+ icons which is way too many but was more of a experiment on performance to see how well Umbraco would cope and the answer is surprisingly fast in comparison to the 200 limit or so that Umbraco 6 and previous versions have.
Thus, the odes to Helvetica are endless. You can download Helveticons so that your designs are unified down to the last edit icon. You can purchase a commemorative Moleskine notebook, or endless posters written in Helvetica. Or give in to your inner cat lover and buy this Helveticat poster (not written in Helvetica).
In den Internetauftritten wird das Iconset "Helveticons" verwendet. Diverse Icons werden direkt im System bereitgestellt. Diese Symbole dürfen auch nur auf den KoGIs-Seiten verwendet und nicht verändert werden.Sofern neue Icons erstellt werden sollen, müssen diese nach dem Raster der Helveticons aufgebaut werden und visuell der Bildsprache der Helveticons entsprechen.
In this article we are presenting 45 free small symbols vector icon sets. All of these icons are multi-purpose and ready for use but also editable; with all sets you will find source files (EPS, AL, PSD, PNG). Most of them are monochromatic you can add colors, create your own letterpress and different effects instead of spending time to create your own new icon. All these symbols are professionally designed and set to the proportions of a regular typeface to break that copy paste stigma into your design.
In the name of scalability and utility, I've designed some new icons for the admin. The ones we have now are cool, but scaling them for different OS's/contexts and establishing an easy system for others to make them is very challenging. Furthermore, we are starting to introduce flatter, simpler icons in top level adminbar and right now things seem disjunctive. menu.png and icons32.png would go in the wp-admin/images folder (sorry I'm clueless as to how to submit this as a patch :( ) I've also attached a suggestion for revising background graphics/typography to improve the clarity of the icons, so let's discuss that as it would need some css changes.
These are really great. I love the look and feel of them paired with Open Sans. The paintbrush is especially nice, and I think overall, the tone of the icons is appropriate and blends nicely. The tightening of the roundness in the media icon helps, although the middle hump in the camera is lost a bit. The details in the key get lost, and I think the ridges could be brought out more. They are looking a little lumpy. The wrench seems to be the lightest of the group, and it doesn't fit in as well. You could try and make the base of the wrench wider. If you needed to simplify, I could see the hole in the wrench being filled. Also, to simplify the key, you could lose the ridges altogether. To simplify the settings icon, maybe try losing the vertical bars?
To make the new icons easier to test the sprites would need a little tweaking. The new icons would have to be exactly where the current icons are in the sprite. Then the css positions don't have to change.
Ah, I see. Looking at the current sprites, the positions there are a bit arbitrary too. Maybe we can set the new sprites as proper grids, perhaps 30x30px for menu.png and 60x60px for icons32.png so we fix this once and for all?
I've been finding these excessively "fat looking". Ipstenu also pointed on Twitter that they make the rest of the icons stand out quite a lot, although I guess that would change over time as plugins updated their built in icons.
These icons have a legacy that dates back to December 11, 2008 when 2.7 was released. I know that flat icons are the current trend, but we spent at least several man-hours making the existing icons beautiful with HiDPI details... Seems a waste of effort and resources, and they introduce several issues.
Technically, flat icons exist because of a lack of flexibility from using a custom webfont. Not that I'd like them more, personally, but is there evidence to support flattening these icons improves the end-user experience or accessibility?
In my imagination, it's not just developers.. The average user has gotten familiar with the existing icons, to the glow color of the current mouse-over state, to them wondering why a few icons look the same, and a large percentage of them changed.
By switching to flat icons, we also /severely/ limit the range of available icons for plugins to use to distinguish themselves in a classy, core-matchy way. In turn, we disregard every icon that was carefully crafted to match core since 2008. Silhouettes work fine for the limited range of core functionality, but tens of thousands of plugins are going to run out of shapes very quickly.
The icons, alone, are pretty. Ben does great work. The direction we're going on WordPress.com is nice, too. I like the icons there, because they fit an overall brand decision for WordPress.com. For the larger audience of self hosted WordPress installations, if it's not obvious by now, I think flattening these icons is a bad idea.
Switching to a flat icon without also switching to a vector icon seems without much benefit... Basically, echoing what JJJ said above. Though, it is easier to find/create flat icons... so maybe we could get more plugins to actually provide custom icons for both the menu and the admin screen icon?
+1 to pretty much everything @johnjamesjacoby has written. The icons in /trunk/ right now feel incredibly out of place with the overral Dashboard and have an awkward relationship with other plugin icons. Rebranding one part of the Dashboard without flattening the entire thing makes the icons look like they don't belong. As mentioned, the icons in their own right are beautiful, but I think rolling this in without making visual changes to surrounding elements is a mistake.