Questions tagged [icon]
Questions about icons; small graphic images or symbols that conveys meaning through visual representation.
649
questions
0
votes
1
answer
46
views
How creative can a person get when the icons are only uploaded as a WOFF icon font?
When converting SVG icons to a font, the conversion seems to strip away everything but the SVG paths.
This makes sense, as that's what a font is, a collection of numerically (or mathematically) ...
- 181
5
votes
2
answers
238
views
Change colour of an image
I would like to change the colour of the following image (from grey) to red, does anyone know if it is possible to do this with Mac Preview? I couldn't find out how to do it.
Otherwise, is it possible ...
- 149
-1
votes
3
answers
203
views
Why padding is needed in icon design?
My dev team need icons without padding, so I want some bullet points so I can convince them of the importance of padding in icon design.
0
votes
1
answer
39
views
Recreate transparent icon in Figma
I am trying to recreate the below icon in Figma. I have the background color (#F3764A) but since each Dimond is transparent, I cannot get the actual hex color or the opacity which make recreating it ...
- 17
0
votes
0
answers
33
views
Guides are working with shapes not not working with SVG files in xd
I am trying to maintain consistency by keeping all the icons in the same dimensions, but here I am facing a problem in XD. But here I don't know why it is not working in xd.
I want to show the PINK ...
- 328
0
votes
0
answers
20
views
Unknown icons are showing in Figma
I am working on a landing page website in Figma, and the problem I am facing is that there are 2 facebook icons are showing when I am previewing my design.
Though I don't have any icons on my artboard....
- 328
0
votes
0
answers
96
views
How to make a pixel perfect circle?
currently I'm using AI for creating icons. However, When I tried using a 1-pixel border for my circle. the arc side is pixelated can you show me how to make it pixel perfect? Thanks
Please see the ...
- 1
-1
votes
1
answer
40
views
What would this icon look like if it was drawn in an Isometric View as opposed to a Perspective View?
I can't wrap my head around this grid icon.
What would it look like if it was an Isometric drawing? Would it look like a regular rectangle? Maybe, something like this?
Thanks!
- 1
0
votes
1
answer
156
views
How to make a Unicode-standardized character (preferably UTF-8) from a vector (SVG) image?
I have a .svg file containing a vector image of WhatsApp logo.
The file is available here in Wikimedia Commons and from what I can tell it's free to use.
I want to paste it as text in my website as a ...
0
votes
1
answer
83
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
1
answer
139
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
0
answers
124
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. ...
- 131
-1
votes
1
answer
48
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
1
vote
4
answers
328
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 ...
- 101
4
votes
2
answers
148
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 ...
- 143
1
vote
1
answer
141
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 ...
- 173
3
votes
2
answers
1k
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
0
answers
50
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 ...
- 318
2
votes
1
answer
112
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 ...
- 121
1
vote
1
answer
73
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 ...
- 13
0
votes
1
answer
41
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 ...
- 97
2
votes
0
answers
45
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 ...
- 21
1
vote
3
answers
115
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 ...
- 1,013
0
votes
1
answer
82
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
0
answers
53
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 ...
- 163
0
votes
0
answers
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
1
answer
629
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
1
answer
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
1
vote
1
answer
269
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 ...
- 11
0
votes
0
answers
20
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
2
answers
194
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.
- 3
0
votes
1
answer
70
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.
- 11
0
votes
2
answers
65
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&...
- 359
10
votes
2
answers
997
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 ...
- 203
0
votes
1
answer
172
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 ...
- 103
-1
votes
1
answer
117
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 ...
- 4,155
0
votes
3
answers
196
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 ...
- 4,155
0
votes
1
answer
77
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 ...
- 145
0
votes
0
answers
131
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 ...
- 163
3
votes
3
answers
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
0
answers
34
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
4
answers
2k
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 ...
- 193
6
votes
2
answers
2k
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 ...
- 79
0
votes
2
answers
47
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 ...
- 111
0
votes
2
answers
27
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 ...
- 11
1
vote
0
answers
42
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 ...
- 11
-1
votes
1
answer
106
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
1
vote
1
answer
172
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 ...
- 993
0
votes
1
answer
52
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 ...
- 299
0
votes
3
answers
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 ...
- 25