Questions tagged [icon]

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

Filter by
Sorted by
Tagged with
0 votes
1 answer
13 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) ...
user avatar
  • 181
5 votes
2 answers
236 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 ...
user avatar
  • 149
-1 votes
3 answers
155 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.
user avatar
0 votes
1 answer
30 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 ...
user avatar
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 ...
user avatar
0 votes
0 answers
19 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....
user avatar
0 votes
0 answers
76 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 ...
user avatar
  • 1
-1 votes
1 answer
37 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!
user avatar
  • 1
0 votes
1 answer
107 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 ...
user avatar
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.
user avatar
0 votes
1 answer
138 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 ...
user avatar
3 votes
0 answers
114 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. ...
user avatar
-1 votes
1 answer
44 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 ...
user avatar
1 vote
4 answers
299 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 ...
user avatar
  • 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 ...
user avatar
1 vote
1 answer
119 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 ...
user avatar
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 ...
user avatar
0 votes
0 answers
48 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 ...
user avatar
  • 318
2 votes
1 answer
108 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 ...
user avatar
1 vote
1 answer
66 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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
1 vote
3 answers
113 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 ...
user avatar
0 votes
1 answer
80 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....
user avatar
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 ...
user avatar
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 ...
user avatar
0 votes
1 answer
586 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 ...
user avatar
-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 ...
user avatar
1 vote
1 answer
253 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 ...
user avatar
  • 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 ...
user avatar
-2 votes
2 answers
178 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.
user avatar
  • 3
0 votes
1 answer
63 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.
user avatar
0 votes
2 answers
63 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&...
user avatar
  • 359
10 votes
2 answers
970 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 ...
user avatar
0 votes
1 answer
164 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 ...
user avatar
  • 103
-1 votes
1 answer
114 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 ...
user avatar
  • 4,155
0 votes
3 answers
195 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 ...
user avatar
  • 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 ...
user avatar
  • 123
0 votes
0 answers
130 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 ...
user avatar
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 ...
user avatar
1 vote
0 answers
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 ...
user avatar
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 ...
user avatar
  • 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 ...
user avatar
  • 79
0 votes
2 answers
46 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 ...
user avatar
  • 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 ...
user avatar
  • 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 ...
user avatar
  • 11
-1 votes
1 answer
105 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 ...
user avatar
  • 1
1 vote
1 answer
152 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 ...
user avatar
  • 993
0 votes
1 answer
47 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 ...
user avatar
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 ...
user avatar

1
2 3 4 5
13