Questions tagged [icon]
Questions about icons; small graphic images or symbols that conveys meaning through visual representation.
640
questions
0
votes
1answer
48 views
How to achieve soft elevated look for icons?
I am trying to figure out a way to achieve the same soft bubbly effect on icons as seen in this design. Looking for resources to achieve the same using Figma, XD or Sketch.
0
votes
1answer
132 views
What do you call this accent circle's graphic style?
I'm looking at the accent circles behind the gentleman's portrait. It seems like this has been a common graphic style for a while. Primarily used in loader animations, but I've also seen flat graphics ...
3
votes
0answers
75 views
Why does my transparent icon have a square shadow on the desktop?
I'm trying to make an icon with transparent background. The icon has the shape of a circle, but when I put the icon on my desktop, there is a square shadow around it as though it were a solid icon. ...
-1
votes
1answer
27 views
IconWorkshop/Axialis IconGenerator Alternatives
I'm looking for alternatives to IconWorkshop/Axialis IconGenerator for Mac users. Is there a program where you can upload your own SVG and export it to all different kinds of formats? Especially ICO ...
1
vote
4answers
145 views
freepik and flaticon doesnt allow their image to be used as main element?
so in 2018 i created a mobile game using resource from Flaticon and Freepik.
and recently i buy the premium subscription from flaticon. after reading the FAQ again, some of it make me confused so i ...
4
votes
2answers
143 views
How to illustrate user friendliness in an icon?
I am building a web page for a software company, where I want to inform the visitor that our systems are user friendly, among other things. I would like an icon to go with that text. Do you have any ...
1
vote
1answer
34 views
Figma: increasing Frame size also increases size of icons on that frame?
I'm using Font Awesome vector icons in my designs. When I go to increase/transform the size of a frame the size of the icons also transform with it, but all other elements on the frame remain the same ...
3
votes
2answers
996 views
Designing a text based logo for a fake "Freelance" site
I am trying to create my first text based logo, for a fake website named "Freelance". In theory this website is a common questions and answers website like Stack Overflow. It also has a ...
0
votes
0answers
46 views
Your thoughts on mixing non-geometric type with geometric symbol
I'm working on a logo right now (symbol + wordmark) and I'm trying to decide on a typeface. The symbol is very geometric with straight, angular lines. The typeface I'm leaning towards is a geometric ...
2
votes
1answer
77 views
What icon can be used to represent a variable?
I'm creating a visual programming language and I'm trying to find a suitable icon that would let the user know that the component that is being used represents a variable (as in "variable in a ...
1
vote
1answer
52 views
Creating a 2D coiled spring along a circular path
Looking to create a perfect coiled spring similar to this image, but with less numbers of coils (below image having 8):
How would I go about creating an image like this with 4, 6 or 10 coils, shaped ...
0
votes
1answer
34 views
Align stroke along path (oval shape)
I'm trying to create this eye icon with eye lashes in illustrator:
But I'm not sure how I can align the the lashes (which are little strokes) along the oval shape. I've tried with the blend tool by ...
2
votes
0answers
43 views
icons - How does one create your own icon set?
I tried looking over StackExchange a lot, but couldn't find anything related to my question :(
I have seen many (MANY) icon sets evolve from being nothing to everything. A few days ago I have seen ...
1
vote
3answers
111 views
Icon thats visualizes a 'custom' sort order
In our product, the user can create a custom sort order of items, so for example ACDB instead of ABCD or DCBA.
Those items are displayed in a table in a later phase. Now the user wants to have their ...
0
votes
1answer
50 views
What should be considered when choosing an SVG icon pack?
There are many packages designed using "PATH" or "STROKE".
For example: Bootstrap and Feathericons (My favorites) But both of them have obtained packages using different techniques....
0
votes
0answers
51 views
Thin icon design
YouTube is using Thin icons, Font Awesome 6 has a thin icon pack. I wonder whether there is any guide or resource available that talk about designing thin icons for UI. Or is it draw something and set ...
0
votes
0answers
45 views
What job description should I give to my designer for custom icons and graphics for my new website?
I am in the middle of redesigning my website. As part of my website, I'm looking to get custom graphics done relating to my product value proposition and features.
How/What do I tell the designer to ...
0
votes
1answer
403 views
Image retain proportions as it scales down using XD responsive resize
I'm having this recurring issue with XD where i want to resize a group of elements where one element is an image, without changing the proportions of the image which needs to remain 16:9. In this ...
-2
votes
1answer
41 views
Methods of loading icons for wordpres? [closed]
I'd like to add an animation I made as a loading icon for a wordpress site, but I'm not sure what method most efficiently accomplishes this. Is it better to use a built-in algorithm of the site that ...
1
vote
1answer
172 views
How can i get a Grayscale color space?
Hi, my work requires me to produce icons that are grayscale in color space. everytime i export icons from illustrator it comes out as RGB. i even made new files with converted color>convert to ...
0
votes
0answers
18 views
Can't Find Stroke-only icon packs
I'm trying to find an icon pack that is designed as strokes only, not fills. As in, when I open it in Illustrator, I should be able to change the stroke weight and color, not the fill color.
I have a ...
-2
votes
2answers
118 views
How can I add this "emboss" to an object in Illustrator?
If you see the light blue highlights on the inside of the logo, that's what I mean. I don't know how else to describe it.
Thanks in advance.
0
votes
1answer
56 views
How would you represent reassignment with a Material UI icon?
Basically look for advice on which icon to use for reassignment of task within the Material UI icons.
0
votes
2answers
58 views
Drawing a home icon
I want to design myself 4 simple, minimalistic icons, kind of like this:
I looked on YouTube, and saw that most videos do a sort of grid, so I tried to follow. This is what I've got:
The "roof&...
10
votes
2answers
803 views
Where did the Mountain + Sun Image Iconography Originate?
As far as I know, the Mountain + Sky or Mountain + Sun Iconography is used almost ubiquitously to represent an image file across Windows and Web browsers.
Whether it be a:
A png file
An unloaded ...
0
votes
1answer
115 views
How to work with Apple's Design Resources in Photoshop
what I am trying to do is to create a custom document icon for my app. Apple provides design resources that can be downloaded here: https://developer.apple.com/design/resources/#macos-apps
If you ...
-1
votes
1answer
102 views
What is this icon about and how common it is among non designers/developers?
I was looking for an icon called RSS for using it as Media icon. That's a different thing and that's not point of this question.
The thing is, now I'm wondering what the following icon (1st image) is ...
0
votes
3answers
191 views
Is there any icon to represent media roughly?
I'll try to explain what I mean by media here.
Media has some definitions in dictionaries. What I'm talking about can be explained by following examples (source: Online dictionaries):
There was a ...
0
votes
1answer
76 views
How can I better convey the idea of "message sent"?
Currently, I am designing a mobile screen where the user can send a message to their friends.
In order to show that their message has been sent, the upper right hand corner check-mark goes from black ...
0
votes
0answers
108 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 ...
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
0answers
33 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
1k 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
36 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
24 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
41 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
88 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
1answer
104 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
39 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 the tool Color-pair Contrast Testing
to check the contrast of background and foreground color. Your ...
0
votes
3answers
69 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
361 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 ...
1
vote
0answers
518 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
278 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
119 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 ...
2
votes
2answers
97 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
90 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
569 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
105 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
217 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 ...