Questions tagged [icon]
Questions about icons; small graphic images or symbols that conveys meaning through visual representation.
632
questions
1
vote
1answer
42 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
23 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
36 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
102 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
42 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
48 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
42 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
110 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
38 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
132 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
16 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
86 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
44 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
56 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
609 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
78 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
82 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
180 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
0answers
28 views
Affinity Designer v Adobe Illustrator for creating an svg icon library [duplicate]
I am looking at exporting SVG images using Adobe Illustrator 2020 for putting together my own custom icon library to use in a web page.
This is a simple set of 2 artboards. With a minus icon outline ...
0
votes
1answer
74 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
86 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
31 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
22 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
37 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
65 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
62 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
32 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
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
234 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
361 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
201 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
83 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
80 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
65 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
483 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
176 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
2k 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
42 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
64 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
55 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
219 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
76 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
1k 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
1k 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
183 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, ...
