16x16 Icon Pack

[Ellyn Krucke]

Getfree Tank 16x16 icons in iOS, Material, Windows and other design styles for web, mobile, and graphic design projects. These free images are pixel perfect to fit your design and available in both PNG and vector. Download icons in all formats or edit them for your designs.

We're on the verge of submitting a new Sales Channel to Shopify. We've produced a 16x16 icon that follows the submission guidelines, but when it is uploaded it doesn't look right at all. Specifically, it looks like the size of the canvas is ignored in the SVG file so our icon shows up at the top-left of the icon's canvas

Not sure why, I've gone through the SVG code and ensured only the right elements and attributes are being used, and yet it still doesn't look right. Is there an SVG template I can use or any guidance on this because there's no other information on this topic

I opened a Guest window in Chrome (so, technically, a different user profile I suppose) and the problem persists when I log in with my usual Discourse user. In the same browser window, I created a new user in Discourse, then logged in: the favicon showed up. Then I logged off again (the favicon was still there), and I logged in with my usual user, and again the favicon disappeared. Very strange.

The blank favicon was a hack I placed in the code base even before we had our Docker deployment story (we were noticing a lot of load on our custom 404 page which is not free to generate), now that we deploy using docker and NGINX is part of the stack we can send out cheap 404s using NGINX.

16 pixels by 16 pixels is a common resolution for assets matching a low-res pixel art aesthetic. Although the assets may not be specifically 16x16, they are designed to work in a graphical setting where objects are around that size.

I need to design a set of icons that will be functional at really tiny size (16px x 16px). I realized that a lot of the icons I designed starts out looking nice, but will look unrecognizable when I resize it at 16px x 16px.

Favicons are small 16x16 icon files that are displayed next to the URL of your site in a browser's address bar. Additionally they're often displayed next to the name of your site in a user's list of open tabs and bookmark listings making it easier for the user to quickly identify amongst other sites.

App Icons are the images you press on your smartphone to launch an application. As newer phones are released with higher resolution screens, higher resolution app icons are needed. Developers still want to maintain support for the older phones with lower resoltion so when you create an app icon you need to create several size variations of the same image. This is true for all smartphones like the iPhone and Android, and even tablets like iPad.

Although many modern web browsers support favicons saved as GIFs, PNGs or other popular file formats all versions of Internet Explorer still require favicons to be saved as ICO files (a Microsoft icon format). This tool provides an easy way to convert any GIF, PNG or JPEG to ICO which is supported by all modern web browsers. It also enables you to create favicons from scratch via a handy online editor. Additionally the editor lets you manually tweak generated favicons to ensure the best possible result.

I am dealing with 128 x 128 or smaller. The more I shrink a picture the more I loose details. Photo > Sharpen helps a little bit in some cases but in most I am loosing to much detail no matter. How do I fix this? If possible my pics need to remain in .png format but I'm open to suggestions.

You can minimize the loss by reducing by a factor of two i.e. halve or quarter the original size to get your finished size. If your image is rectangluar, and you want a square result, crop it to square before reducing it's size. The cropping should also result in the image being an even multiple of the finished size.

Icons generally have to be finely tuned at each size you want to use them. The Paint.NET icon at 32x32, for instance, is not just the 256x version scaled down. And the 16x16 version is heavily tweaked.

^ agrees although in my opinion that program is the one we use, paint.net. (dedicated to graphics editing ) I use it all the time for small scale images with only 2 things, resize with a high resolution setting (usually 500, I donno why but it works for me) and sharpening the image a little. It's a good idea to try all of the suggestions posted as each of them will have the overall desired effect on a task that does sound easy but really isn't. Hope it helps!

RFX - just so you know, the DPI setting is only used to calculate the print size. It has no effect on the quality of the resize operation. Changing it doesn't make your image sharper or clearer in any way.

Unless your icon is minimalistic (i.e., styles like Token, or the icons used in Google Doc)... it can be easily done if you are careful that the resizing won't cause the edges to have semi-transparent pixellation, in which case you can just easily erase those carefully.

Otherwise, I think the smallest icon (16x16) is the hardest to do. You have to compromise some design elements that are present in the largest icon (in your case 128x128). You have to fine-tune it so that it still resembles the largest icon and optimize it so that whoever is viewing your icon won't get confused as to what it represents or get annoyed by elements you forced to shrink. Think of the My Computer icon in Windows 7. The 16x16 size is front-facing with simplified shape and colors. The 526x526 size is very detailed with shadows, chrome and perspective effect.

LICENCE:

After buying the pack you are free to use the sprites in both free and commercial projects. You can also edit these sprites to your own liking. Giving me credit is not needed but much appreciated!

The colors of the icons are nice and the gradient treatment is comfortable. But the icons don't have much styling. A lot of the icons are just a color change. So I personally don't think it's right for the price

Also, if you'd like, you could work on my team as a graphic designer to help with the icons in our game(s). We aren't able to pay you for this type of work, but I am an artist myself and I understand that. As a mutually beneficial solution, you could post all of the icons you make here and sell them as an RPG icon pack.

Is there a list of the items somewhere? I actually don't care about the typical stuff like weapons and armor. I am more into unique sorts. Like idk compass, chain, lolipop, soap, map, needle, teddy bear.

We have a 3D model viewer application. The user can scale, rotate and translate the model.

We want to add a toolbar button that allows the user to bring the model back to the original position, scale and rotation. This will reset only these parameters. Colors, drawing style etc will stay the same, so this not a "rest all" functionality. Our problem is that we do not know how to visualize this functionality in the toolbar icon (by the way, this an 16x16 icon).

We thought about an icon similar to refresh icon in the browser, but it is too similar to the rotate icon we already have. The best idea we had was a "trash bin" icon, but it still does not describe the functionality accurately.

I have to admit that I like it. It is clear, and has the side benefit of being easy to represent in as a 16x16 icon. However, there seems to be no consensus on whether to use clockwise or counterclockwise arrow. The popular Angry Birds app does it in the other direction:

In the past, I have seen an icon similar to this function. It was a wireframe globe (just showed a few lines of latitude and longitude) with the X and Y axis sticking out the top and right sides. It stands for something like 'return to global view presets'.

Rather than think of it as a reset, allow the user to select different preset positions in addition to selecting the original position (the button would open a dialog). You then add more utility and a better reason why this icon would be in the main navigation.

Thisset is inspired by Survival Horror scenarios and includes a solidselection of items you need to create a game in this setting. You getvarious types of guns, with their respective ammo, close combatweapons, health items, tools, crafting elements, keys, currency, gearand also the most classic interaction items (flashlight, radio,notebook, walkie-talkie).

There are chances that I will extend this set later or add other assetpacks to my store which will fit together with this pack. Every asset I sell supports my itch shop and the money from sales gets invested into the creation of new assets.

To the printed media clause, does this apply to a manual booklet included in a box for a game?

No telling if anything I make will ever get a physical printing, but just want to clarify! Thanks!

hello jcrown,

printing the icons in a booklet / manual with the goal to explain what things are doing or they are part of the screenshots this is not a problem.

I specified the license text now it reads like this (added the third line in the FAQ):

This 16x16 icon pack contains 400 colorful, application-oriented icons. These were created specifically for the editor interface of RPG in a Box. (Check out the tool if you're interested in creating games or other interactive experiences in a fun and simple way!)

If you'd like to see any specific icons added to this set, please let me know and I'll see what I can do. These icons are released under the CC BY 4.0 license, so you are free to use or modify them in any manner. Credit would be very much appreciated! :) If you do use them for anything, let me know as I'd love to see it!

When I tried to delete one of the icon themes in the /usr/share/icons directory I accidentally deleted the whole thing since the last command I did was moving something to that directory and I just pressed the

up arrow and replaced mv with rm and forgot to remove the directory name before pressing enter.

3a8082e126