Questions tagged [icon]
Questions about icons; small graphic images or symbols that conveys meaning through visual representation.
616
questions
0
votes
0answers
20 views
Pixel perfect icons, how to
I use Inkscape to create icons. And I see that Font Awesome talks about their icons being pixel perfect. I like the idea and always tried to do the same with the default canvas which is A4. But when I ...
-1
votes
0answers
20 views
Icon representation for HTML features element [closed]
I would like to represent the following HTML element as an icon on the sidebar:
This is what I have done so far:
I think it looks a bit odd on the sidebar. Any ideas on how I can improve it? I can't ...
3
votes
3answers
1k views
Unorthodox question, but I need help knowing where these images came from
So I had some work done for me and I got a bunch of small simple images in the doc but I don't know where I can find similarly styled images for the future.
Here's a few of them:
Does anyone ...
1
vote
1answer
65 views
Designing an abstract icon system [closed]
I'm trying to design a small universal abstract icon system comprised of at most 10 unique icons.
The goal of this icon system is to uniquely identify something without inducing meaning.
It is to be ...
1
vote
0answers
24 views
Is there a way to convert Rectangle into Outlines in Sketch?
The problem with rectangles appears when you scale them up or down — they doesn't scale rounded corners. I'd like to keep rounded corners proportion to the rectangle size, that's why I thought that ...
5
votes
4answers
1k views
How to indicate dark mode / light mode options on a user interface?
To indicate a button on an interface that switches to dark mode or to light mode, it's common to have a couple of sun/moon icons:
🌞 for light mode
🌙 for dark mode
But at least part of my brain is ...
6
votes
2answers
820 views
How to convert flat icon to simple 3d icon?
I'm trying to make a simple 3D icon from a flat SVG image, unfortunately without success.
What I want to achieve can be seen in the picture below.
What steps should I take to get this effect? How do ...
0
votes
2answers
35 views
Icon for Telecommunications Services
I'm working on a service quality monitoring dashboard for my employer. The site diplays QoS parameters for hundreds of different telecommunications services provided by the company: messaging, voice ...
0
votes
2answers
21 views
when creating icons that will be used as SVGs, is it important to have shapes occupy whole pixels rather than a portion of it?
I understand that if you have shapes taking only half of a pixel in an image, it will look blurry as a rasterized image. Since ill be using them as svgs and glyphs will the same problem retain?
I ...
1
vote
0answers
36 views
When icons are used as glyphs, is it necessary to create them at double the intended resolution? [closed]
eg. 16x16 is the intended size, do I need to create them at 32x32 or higher for sharpness on screens with high ppi? any help would be greatly appreciated.
Edit: looks like I was conflating ...
-1
votes
1answer
54 views
How do I create this icon/pattern in the circle?
I am fairly new at using Adobe Illustrator. I am trying to recreate this pattern in the circle but have no luck in finding answers to make it. I've already created the circle and the star except for ...
1
vote
0answers
18 views
Custom sizes in inkscape's real-time icon preview?
Is there a way to get a real-time icon preview at a specified size in inkscape? The Icon Preview panel found in the View menu seems perfect, except I can't find a way to get it to display sizes other ...
0
votes
1answer
18 views
WCAG Compliance - Does Acceptable Contrast Apply Only to Text? Or Icons and Other Graphics as Well?
I am completely new to WCAG compliance and I have several questions.
I.e. say that you’re using this tool:
https://color.a11y.com/ContrastPair/?bgcolor=ffffff&fgcolor=3580BE
to check the ...
0
votes
0answers
44 views
Material Design Icons — keyline shapes for smaller icons?
Material design provides the following keyline shapes for icons:
https://material.io/design/iconography/#grid-keyline-shapes
https://is.gd/KpRYrB
But these come for rather big icons (192×192px).
...
0
votes
3answers
68 views
Icons as intersection of basic shapes — strive for it?
Does it make sense to try to produce shapes as a combination / intersection of other basic shapes wherever possible?
(eg. Constructing a basic shield from primary shapes).
Will that assure best ...
1
vote
1answer
30 views
Batch convert fill and stroke colour of a set of icons
I have a set of icons which are black and white. I want to try and make it shades of blue. Example is given below
I have set stroke and fill colours to it manually using Inkscape. Will it be possible ...
0
votes
0answers
98 views
Extract icons out of an SVG sprite
I have an SVG image sprite with a lot of icons inside it
https://gitlab.gnome.org/GNOME/adwaita-icon-theme/blob/master/src/symbolic/gnome-stencils.svg
Is there any method available or a website ...
2
votes
2answers
73 views
Add a special character o glyph made of three dots for quick insertion InDesign
I am working on a long text with InDesign cs6 and I need to be able to quickly write/insert a special charter that looks likes this three dots in the image
(They are three dots and the middle on is ...
1
vote
2answers
45 views
Adjust EPS icons to same size and weight?
I have a pack of icons in .eps format, but some of them appear to be different in the size (guess have different purposes for website). Also, when I try to resize them in Illustrator, the weight of ...
1
vote
2answers
68 views
What is a good icon to represent a toll?
I'm looking for an icon to represent a toll.
I found this icon on Material Design under "toll", I'm actually curious as the only thing I see is a circle and another part of a circle.
I'm thinking ...
0
votes
1answer
55 views
Save and Close Icon
I'm building an interface for an admin page. The admin clicks a button to choose an icon to save and close the data table instead of autosave.
I have always been stumped as to which icon is best ...
0
votes
2answers
110 views
How to covert and save the size of a 512x512 sticker image into 100 KB in adobe Photoshop?
When I am going to save the 512x512 sticker icon in photoshop. It shows the 215 KB size of an image which is more than 100 KB. I want the 512x512px size png icon in 100 KB. How is it possible?
1
vote
2answers
103 views
Are there any universally accepted icons for Gold, Silver, and Bronze?
This is an additional question to one which I had asked on UXSE for making the Badges inclusive by providing unique icons for Gold, Silver, and Bronze Badges.
Are there any universally accepted ...
3
votes
3answers
122 views
How do I differentiate between vegan/vegetarian, wheat/gluten or dairy/lactose icons?
I'm a newbie in the UI world, and recently I have been asked to create nutrition icons that are clear and can be easily identified by the users.
I have been having some problems trying to ...
3
votes
2answers
571 views
What is the most intuitive and obvious copy link icon?
I'm building a blog interface and I need a button to represent my copy URL link action in my blog post pages. The button will be side by side with other social media share icons. I'm trying to decide ...
0
votes
0answers
24 views
Icons or symbols for asymmetric (public-key) cryptography
I need some graphical representation of the elements of asymmetric (public-key) cryptography. I have not been able to find any established convention in this area, and struggle to find good candidates ...
0
votes
0answers
45 views
What is a good icon / graphical way to represent 'closed', 'terminated', 'ended', 'expired'… etc?
I've seen some questions here bump into similar 'time' related icon problems (since 'termination' is sort of a time related concept, similar to 'the past')
It doesn't have to be an icon either, since ...
1
vote
1answer
54 views
Icon to represent component [closed]
I am building a drag and drop web builder.
One of the actions requires that the user select a "component" from the sidebar and drag it across the page. Once they drop it, the component fills the page....
0
votes
1answer
143 views
Importing icons into Android Studio [closed]
I made some icons using Krita. How do I get those icons into Android Studio?
0
votes
1answer
56 views
Alphanumeric Icons - cannot find a collection and cannot draw them properly
I don't know what else to call them. I googled for simple icon collections
that combine a letter and number like G5, S3, or Z2. Maybe my search
results produced nothing because they are listed under ...
6
votes
3answers
435 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
434 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
119 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
177 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.
...
1
vote
2answers
58 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
2answers
110 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
35 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 ...
2
votes
1answer
78 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
3k 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
1answer
103 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 ...
0
votes
1answer
73 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 ...
1
vote
2answers
253 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 ...
1
vote
0answers
28 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)...
2
votes
3answers
361 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 ...
0
votes
2answers
45 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 "...
2
votes
1answer
48 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 ...
0
votes
2answers
64 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 ...
0
votes
1answer
71 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
40 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
124 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 ...
