Questions tagged [icon]

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

Filter by
Sorted by
Tagged with
21 votes
7 answers
6k views

Why do so many graphic designers suck at making gears?

Disclaimer: Post contains rantish tone, possibly even sarcasm! Lazy designers or those with feelings that bruise easily may take offense. 🤣 I see it all over the place. Like 9 out of 10 gear icons (...
Mentalist's user avatar
  • 1,511
0 votes
0 answers
28 views

Font Awesome HTML -> .png icons

What is the easiest way to produce several of .png images of icons generated with Font Awesome and some simple CSS styling? I need to generate some social media icons that will be included in an email ...
Michael Altfield's user avatar
0 votes
1 answer
72 views

What is the "permissions icon" called?

What's the icon highlighted (red box) below called? (In Firefox and Chrome, this button is to access permissions.) Also, where can I find this icon (in vector and/or raster)?
user182601's user avatar
0 votes
0 answers
27 views

Material 3 Icon to represent Manual mode?

I'm looking for an icon to represent the camera manual mode. Typically, it's represented by an M in a circle but I haven't found it in the Material 3 Icons set. Does the M in a circle exist in the ...
Noah's user avatar
  • 133
4 votes
1 answer
107 views

Is there a typographic mark for a page break?

In the same way MS Word and other word processors use middots for spaces, pilcrows for paragraphs and the little right arrows for tabs, is there a typographic mark to represent the concept of a page ...
Benjamin Penney's user avatar
0 votes
0 answers
46 views

Why is my colour font not being outlined in Inkscape?

I am working on a card game and I'm using template .svg files in Inkscape to create cards quickly. My end goal is to be able to place coloured icons inline with text without having to lay them out by ...
Latobius's user avatar
0 votes
1 answer
54 views

What shape can I use to make an icon for "icons" page?

fellow designers, I'm working on a toolbar, and all the triggers use only icons. One of these triggers opens a modal where users can choose an icon. However, I'm unsure about the best shape for the ...
Bondsmith's user avatar
  • 101
0 votes
0 answers
65 views

Icon to indicate you can click-to-copy a piece of text

My website gives a user their IP address. It is very common for a user to copy their IP so they can paste it into an email or game or who knows what. On the mobile version, I want to make it so you ...
l008com's user avatar
  • 103
1 vote
0 answers
41 views

Which is the best viewBox canvas aspect-ratio for an icon set

I've noticed that different SVG icon sets use different aspect ratios for the canvas (the viewBox on SVG). Font Awesome seems to use: 7:8. (source) Entypo use 5:4. (source) Typicons and Bootstrap use ...
eloyesp's user avatar
  • 111
0 votes
1 answer
103 views

How do I separate portions of an icon in adobe illustrator?

I have a rasterized icon. As you can see, portions of it are blue. I also have an svg of this same icon but it is a compound shape and those individual pieces are not isolated; it is all black. So if ...
user180465's user avatar
0 votes
1 answer
308 views

How to use an Adobe fresco vector image save in PNG format and uploaded through flutterflow's custom icon button

When designing apps using the flutterflow program there is a section on the home page of the app project you are building that is able to upload images as a truetype font file , otherwise if I instead ...
Skyllz Millz's user avatar
2 votes
1 answer
174 views

What icon represents "recommendation"?

Building a notification system in an app. Each type of notification has it's own icon. Within the app a concept of "Recommendations" is being developed. Person A can recommend an item to ...
joe92's user avatar
  • 123
1 vote
2 answers
418 views

Why is it recommended to use an even numbered grid in pixel-snapped icons?

It seems to me that if your stroke width is odd (e.g. 1), wouldn't it make more sense to have an odd number of pixels so you could perfectly center lines and be aligned to pixels? However, I've never ...
tylertrotter's user avatar
3 votes
2 answers
182 views

Does pixel snapping make a difference?

It is common to see the recommendation to have icons be pixel-snapped to avoid blurriness. However, I've done a test with more or less the same image, one pixel-snapped and one unaligned with the ...
tylertrotter's user avatar
0 votes
1 answer
42 views

How do you find Slices in Sketch - is finding Exportables the only way?

The Problem I want a way to find Slices in a complex Sketch document. Why this is a problem I have used icon templates from Apple and Apply Pixels which are pre-configured to export different icon ...
Andy Dent's user avatar
  • 121
3 votes
1 answer
109 views

How to manage the transparent spacing while creating icons in ai?

I tried creating icons using ai but got stuck while managing consistency. I want to achieve the result shown in the Image. For every icon, I'll create. Updated Image
Sumit Yadav's user avatar
1 vote
0 answers
49 views

How to properly design non-flat menu and tool bar icons in aero style?

I'm looking for a comprehensive guide on designing non-flat icons for toolbars and menus in applications like the one you can see in Matlab 1 or Excel 2010 2. The problem is, that you don't find much ...
hefe's user avatar
  • 111
1 vote
1 answer
389 views

Similar icons to SF Pro Symbols

If I good understand developer can use SF Pro symbols in Apple products only, on iPhone, Mac, iPad. But if we develop something also for web, it can not be used, do you know any similar icon set can ...
János's user avatar
  • 307
5 votes
1 answer
1k views

How to change color of this icon?

I've read several tutorials and watched quite a few videos but none of them are working. I am using GIMP and wanting to change color of this icon to the following hex color. Hex color - #006b5f The ...
James Goodman's user avatar
-1 votes
1 answer
583 views

Is there any other way to resize the stroke vector without Expanding it in Ai?

I am creating some icons in Ai and want to resize the designed shapes. But the problem is I have stroke shapes, and when I am resizing, it changes its stroke size. The way I knows is Expand the ...
Sumit Yadav's user avatar
1 vote
2 answers
724 views

How to prevent changing stroke every time in Adobe Illustrator?

I have created some icons in Ai, and I want to use them in Adobe Xd. I am trying to import a SVG file in Adobe XD. It's a tool for UI Designs. I am able to import in Ai but I don't want to change its ...
Sumit Yadav's user avatar
1 vote
0 answers
52 views

Drop a file to a folder on Adobe Acrobat DC Pro

Most of the applications I use have a little trick to drop the opened files into a folder: Drag the mini icon at the header and move it to the destination window. However, the new version of Adobe ...
Code42's user avatar
  • 145
0 votes
1 answer
62 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) ...
JΛYDΞV's user avatar
  • 189
5 votes
2 answers
264 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 ...
SoftTimur's user avatar
  • 149
-1 votes
3 answers
2k 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.
Rishi Shah's user avatar
0 votes
1 answer
186 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 ...
TalinTheDev's user avatar
1 vote
0 answers
381 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 ...
CoreTM's user avatar
  • 111
-1 votes
1 answer
58 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!
ellis's user avatar
  • 101
0 votes
1 answer
1k 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 ...
JohnsonTarof's user avatar
0 votes
1 answer
85 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.
Amit Tiwari's user avatar
0 votes
0 answers
174 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 ...
djangodev's user avatar
  • 103
3 votes
0 answers
247 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. ...
Real Subtle's user avatar
-1 votes
1 answer
113 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 ...
Gabriela's user avatar
2 votes
4 answers
1k 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 ...
Faiz's user avatar
  • 119
4 votes
2 answers
153 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 ...
hellogoodnight's user avatar
1 vote
1 answer
1k 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 ...
MeltingDog's 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 ...
Niteesh Bhargava's user avatar
0 votes
0 answers
55 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 ...
Ash's user avatar
  • 320
2 votes
1 answer
333 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 ...
alexandernst's user avatar
2 votes
1 answer
839 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 ...
Susanna Yee's user avatar
0 votes
1 answer
58 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 ...
user1937021's user avatar
2 votes
0 answers
60 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 ...
RealZombs's user avatar
1 vote
3 answers
134 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 ...
Gerlof Leuhof's user avatar
0 votes
1 answer
112 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....
John Marti's user avatar
0 votes
0 answers
65 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 ...
user227495's user avatar
0 votes
0 answers
47 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 ...
this. __curious_geek's user avatar
0 votes
1 answer
1k 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 ...
bestfriendsforever's user avatar
-2 votes
1 answer
42 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 ...
PhiEarl's user avatar
1 vote
1 answer
644 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 ...
Matt's user avatar
  • 11
-2 votes
2 answers
344 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.
jwpjr's user avatar
  • 3

1
2 3 4 5
14