Questions tagged [icon]

Questions about icons; small graphic images or symbols that conveys meaning through visual representation.

Filter by
Sorted by
Tagged with
12
votes
3answers
8k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
0
votes
1answer
19 views

Material Design Icons Help

Im not a techy person but i believe i have an issue with icons not being installed on my Mac. When i visit certain websites there is text over the buttons. Is there a quick fix or anything i can do ...
1
vote
1answer
167 views

How to convey Medieval hair/fur in a 2D icon-style composition

I am working in adobe illustrator to create a icon in svg format. The icon is supposed to be a young male lion, and the style is supposed to be Medieval (a design for a Medieval shield crest or ...
5
votes
2answers
3k views

Why buttons without icons in Material Design

In Google's Material Design, do the guidelines prefer buttons without icons next to text? On http://www.google.com/design/spec/components/buttons.html no such examples can be found. Is it written ...
6
votes
3answers
94 views

Best practice: keep icons as strokes or outline?

I am currently working on generating the icon assets for the company I work for. I am using Sketch, and am creating a large library of the icons. They are all Line icons (the style) and basically ...
0
votes
1answer
95 views

How can I represent “active apps/activities” in a square icon with at most 5 simple shapes?

I'm trying to design an icon that represents "active apps/activities" in a very simple way so that the icon remains clear even when at 50% of the size show below (left). As you might have noticed (...
0
votes
1answer
46 views

How to resize icons without losing quality?

I have icons (in png format) with a resolution of about 500x500 pixels and want to use them in app development around size 30x30 pixels. But when I resize them, they become very aliased. How can I ...
4
votes
1answer
40 views

Inkscape, align objects top has space between objects

I'm trying to align object in inkscape to make a heart shape but when alligning there is a very small space between the two objects. How can I get rid of that space ? As you can see in the picture, ...
3
votes
2answers
42 views

Alphabetical sort order icon meaning

I noticed that icon repositories like Fontawesome have a lot of different icons for showing sort orders. The more variations I came across, the more confused I got. ...
0
votes
1answer
150 views

Critique: Amateur looking buttons with icons?

I am working on a CMS with the feature to 'follow' and also the option to see stats. There are 2 buttons, and the stats value becomes 1.2k etc after it reaches over 1000. I have added some icons, ...
1
vote
1answer
400 views

How to override color on illustrations/icons that can't be flattened in Sketch App?

I'm trying to create a styleguide according to atomic design. For this I'm trying to create a set of icons where I can override the color so I can use them in different sets. I made an icon of a ...
1
vote
1answer
107 views

Iconography Sizing - Creating a Grid

I’m trying to create a grid to make my icons more consistent. At first, I decided to play with 24x24 px as my default size (with 1px line weight). To maintain visual weight, my circles were 22x22 px, ...
1
vote
2answers
48 views

Status icon for verification, claimed and both combined

I'm currently working on a web app, which has different kinds of status. It can either be nothing, claimed, verified or claimed and verified. This is the current version for status "verified". I'm ...
1
vote
1answer
463 views

Why won't a certain object combine into another in Inkscape?

I am making an icon pack using Inkscape that is focused around brand and social icons. I am planning on adding the FreeBSD logo to the pack, so I have been recreating the logo: However, when I try to ...
1
vote
2answers
78 views

Business Leads Icon

I'm building an interface for an admin page. The admin clicks a button to choose an icon to see how many business leads received. I have always been stumped as to which icon is best suited for use on ...
0
votes
2answers
30 views

How do I let the user know a menu will appear on touch slide?

If I have an hamburguer icon on mobile devices, how do I let the user know a menu will appear on touch slide instead of clicking the icon? Is there any visual trick both for the touch slide left and ...
0
votes
1answer
66 views

I want to know the name of technique used to create the icon

I have created app named i am poor for learning purpose I was trying to create icon the background colour of icon i chosen same as whatsapp icon colour but now I'm seeing difference WhatsApp had ...
1
vote
1answer
42 views

Make complex form appear “disappeared” using dashes

I'm currently new into Adobe Illustrator and I'm having quite a bit a stroke when it comes to icon design. I'm mostly using icons from flaticon, in this case, I'm using an icon of a can, a package ...
13
votes
2answers
2k views

Does optical correction give a more aesthetic look to the SBI logo?

The design in question here is an official variation of the SBI logo: Now, I've always felt that the main circular icon feels a bit smaller, and must be corrected by enlarging it a bit to make it ...
0
votes
2answers
62 views

Software for quickly and simply re-coloring and resizing a PNG image

Let's say I'm given an image of a flat colored icon, which is a 512x512 PNG black icon. Is there a software to quickly and simply generate e.g. a 36x36 (arbitrary) red (or any color) version of the ...
4
votes
2answers
86 views

Real estate property listing formatting

Working on this real estate development website with multiple units for sale, each of these listing the number of bedrooms, bathrooms, floor and unit surface per unit (below the 'Family Unit' title). ...
1
vote
2answers
5k views

How to save small png files (icons) with minimal pixelation?

I've been tasked with creating a bunch of icons for a software product that my company develops. The problem is, I keep getting feedback that the icons are too "pixelated" for them to use... The ...
1
vote
2answers
239 views

Opinion on the icon of the logo please :)

I am rebranding my personal work. I used to work with the name of Miss Graphics but was suggested that its too generic. I have now come up with a new concept. I would like to show Dolphin to represent ...
0
votes
1answer
34 views

Illustrator create border like effect [duplicate]

I am using Illustrator. I got this: and I want to create this effect: At the moment I am using a white border to create this effect but I want to remove the part from the outer lines. I know that ...
2
votes
1answer
47 views

Blurry Image when exported to 32×32

I am trying to create a favicon for our website. I created something at 7000×7000 and then reduced the size to 32×32. (I may be using the wrong terminology here. The website we use, says the maximal ...
2
votes
3answers
302 views

Critique my logo please

I asked for a critique on my personal logo before and got an amazing response from you guys. thank you! So i abandoned that idea and now have created this new logo. Basically, I am a graphic ...
1
vote
0answers
26 views

How should I make my icons as a part of a design system?

I'm creating a design system for a user interface design project and I want to make icons accessible for designers and developers. Icons can have different styles like: Different strokes (1px and 2px)...
0
votes
2answers
38 views

Standard icon for SMS

I've been working on a website where there will be two buttons: "Call us" and an "SMS us". The user might be on mobile or on a desktop browser, and I'd like to make it clear that the SMS icon means "...
1
vote
2answers
70 views

Linguistic Terms Icons?

Does anyone know of any linguistic terms icons (icons for "noun", "stem", "grammatical number", various grammatical cases), or preferably a package of them? I know of the Noun Project and there are ...
0
votes
5answers
650 views

Convert .svg to multisize .ico in bulk

I have a lot of .svg icons that each need to be converted to an .ico file that contains multiple resolutions. The background needs to be transparent. These are the resolutions I need inside each .ico ...
5
votes
1answer
10k views

How to create proper Vector Images that can be used as an Android Vector-Drawable?

I'm quite new to creating vector images. I started to learn how the create them because I need some custom icons for an Android app I'm currently working on. And here starts the problem. I'm creating ...
0
votes
2answers
57 views

Pictograms to show supply chains

I am having a hard time coming up with the right pictograms. I am making a video game that features simulated industries, like mines, smelters, sawmills, bakeries, and so on. And I need to annotate ...
8
votes
1answer
421 views

What stroke width Instagram is using for its icons and how to get same results?

I'm designing on Illustrator icons for a new app, when I use 1px stroke and preview on mobile they look very thin and when I use 2px stroke they look a bit bold while Instagram icons look and feel ...
0
votes
1answer
60 views

Are both designs (see details) are correct to represent “not allowed” / ban?

I need this icon to design something (in typography). Now, I just noticed it today... at some places this icon has +45 angle of the diameter and at some places it has -45, as show in the image: Is ...
1
vote
1answer
39 views

A question about rounding corners in this situation

I have a rectangle cut from in the middle diagonally. The cutting stroke is rounded. So the rectangle edges should also be rounded I felt. The question here is, do I round the top-left and bottom-...
1
vote
2answers
48 views

How export all icons from a Sketch file for iOS

I have a sketch prototyp file and want to export all icons with different size for iOS/Xcode. How should I do? I only know how to export an icon/image with different size, but no idea what about for ...
0
votes
1answer
58 views

use of graphics stock icon (spoon,fork,skull head) for logo [duplicate]

I am a new graphics designer I want to use skull head, spoon icon, fork, etc in my logo from free stock but I don't know how to avoid copyright issue
5
votes
3answers
40k views

How to create a crisp favicon

I have been trying to create a favicon for my website for sometime and I cannot get it to be crisp. It is a simple Favicon. This is the best I could make it, The W will not be crisp. Is this favicon ...
0
votes
0answers
24 views

How can I make a full coloured icon set work as a font?

I am in the process of designing a set of icons for my client to offer a full-colour alternative, whereby the gradient has an outline colour, with a fill gradient colour. For example here - https://...
1
vote
1answer
105 views

How do I export a crisp icon from Illustrator?

I have created an icon in Illustrator that I would like to use as an emoji on Discord and Twitch. I exported it as a 2031 × 2002 image and uploaded it to Discord. When I use the emote on Discord (...
2
votes
3answers
99 views

What can symbolize “mold-breaker”?

I've searched online for a very long while now but there seems to be no iconography or symbolism for mold-breaker. Internet only knows the Pokemon ability of the same name or mold, the disease. It ...
1
vote
1answer
474 views

Distorted SVG icon when exporting from Sketch

I am getting a strange result when exporting an SVG icon from Sketch. I am trying to export this mail icon that is made up of two masked triangles and an outer rectangle (all using an outside border):...
0
votes
2answers
261 views

Can I use a Freepik icon as my commercial mobile app icon?

I know Freepik icons may not be used as logo types, but logos and icons are two different things. I have a mobile app that I intend to sell, can I use an icon from Freepik and use it as the app icon? ...
4
votes
1answer
342 views

Create a Price Tag Icon with Rounded Corners

I am learning to create icons in Photoshop, but I'm not sure how to tackle creating this icon. Is it possible using only Photoshop?
3
votes
5answers
879 views

What Icon Can Be Used to Represent “Attributes”?

I am looking for a comprehensible icon/a visual metaphor to express "arbitrary attributes", in the sense of additional information. In my particular case, each record represents a word, or a name, ...
9
votes
4answers
2k views

What do different bracket/braces/parens in logos mean?

I'm thinking on a logo for my personal site that is tech/dev oriented and I've been curious about the use of brackets/braces/parentheses in logos. Most of these special characters have a lot of ...
2
votes
3answers
93 views

How to get smoother shape edges?

I am currently working on some custom icons. I stumbled upon an article which addresses issues of optical effects and illusions of shapes. What I noticed is that the shapes shown in images provided in ...
0
votes
1answer
112 views

Free image for the “grab” cursor for IE11

I am looking at this question and its answers, and it seems the only legitimate way to implement a grab cursor in IE11 is to use an image like this: cursor: url(images/grab.cur); Browsing the ...
4
votes
5answers
1k views

Icon to signify “wish” or “wishlist”?

I'm trying to think of a way to visually depict the meaning of "wish" or "wishlist". I'd prefer to stay more on the side of "wish" than "list" as I'd rather avoid an icon of a list.
0
votes
2answers
79 views

How do you represent the concept “rate per hour” visually or as an icon?

I am trying to think of a good visual representation for "rate per hour" as in "this is the rate per hour that I am being charged at for this time" or "I am charging someone else at this rate per hour....