Questions tagged [icon]

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

Filter by
Sorted by
Tagged with
-1
votes
1answer
116 views

How can I represent “active apps/activities” in a square icon with at most 5 simple shapes?

I'm trying to design an icon that represents "active apps/activities" in a very simple way so that the icon remains clear even when at 50% of the size show below (left). As you might have noticed (...
6
votes
2answers
797 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
35 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
1answer
106 views

Icon for “Services”

I'm making a web-site for a friend of mine. She works mainly with nail-art and make ups (I don't really know). Anyway, I wonder what would be good for an icon for "Services" of this kind of thing? I ...
-1
votes
1answer
52 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 ...
0
votes
2answers
20 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
36 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
vote
0answers
17 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
17 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 this tool: https://color.a11y.com/ContrastPair/?bgcolor=ffffff&fgcolor=3580BE to check the ...
1
vote
1answer
570 views

How to override color on illustrations/icons that can't be flattened in Sketch App?

I'm trying to create a styleguide according to atomic design. For this I'm trying to create a set of icons where I can override the color so I can use them in different sets. I made an icon of a ...
2
votes
8answers
951 views

Icon suggestion for “In use”?

I am trying to come up with an icon that would capture the concept of "in use". I have a list of files, some of which will be used by other objects in the system, and I need a visual cue to present to ...
31
votes
6answers
36k views

How to convert a square SVG to all-size ICO?

I've drawn an icon in InkScape and would like to export it to an ICO file that would include sprites for all the reasonable resolutions (16x16, 32x32, ... 256x256 etc). How can this be done (without ...
0
votes
0answers
42 views

Material Design Icons — keyline shapes for smaller icons?

Material design provides the following keyline shapes for icons: https://material.io/design/iconography/#grid-keyline-shapes https://is.gd/KpRYrB But these come for rather big icons (192×192px). ...
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 ...
14
votes
7answers
15k views

How to randomly distribute a group of icons / graphics in a canvas?

I want to design something like this: It has been established in previous answers that these are doodle graphics. Some ways to make them manually are seen on here and here. How can I make one or ...
1
vote
1answer
643 views

128x128 png with crisp text

I am trying to create some buttons for a website I am building. There will be a number of buttons, they are circles that have one or two words written in them. Each button is 128x128 pixels. I am ...
0
votes
2answers
75 views

Software for quickly and simply re-coloring and resizing a PNG image

Let's say I'm given an image of a flat colored icon, which is a 512x512 PNG black icon. Is there a software to quickly and simply generate e.g. a 36x36 (arbitrary) red (or any color) version of the ...
1
vote
1answer
27 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 ...
0
votes
0answers
75 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
71 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
45 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
67 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
55 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
81 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 ...
2
votes
1answer
75 views

Make complex form appear “disappeared” using dashes

I'm currently new into Adobe Illustrator and I'm having quite a bit a stroke when it comes to icon design. I'm mostly using icons from flaticon, in this case, I'm using an icon of a can, a package ...
3
votes
3answers
118 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 ...
-1
votes
3answers
19k views

How can I download the material icon font?

I am unable to download the material icon fonts. Can anyone share a working link? I am only using downloaded fonts.
8
votes
3answers
5k views

Is there icon for “Set Default”

I've been using many icons to make buttons through my application distinct and easier to understand(by using common icon), but one button struck into my mind: "Set Default" button. I couldn't find ...
1
vote
2answers
1k views

Exporting SVG Icons With a Bounding Box

I am a front end developer creating a rather large icon set for a site, I've settled on using Grumpicon because it provides the deep layer of support I need as well as allowing me to do some size ...
1
vote
1answer
119 views

Iconography Sizing - Creating a Grid

I’m trying to create a grid to make my icons more consistent. At first, I decided to play with 24x24 px as my default size (with 1px line weight). To maintain visual weight, my circles were 22x22 px, ...
3
votes
2answers
495 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
23 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
45 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
54 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
131 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
56 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 ...
1
vote
2answers
6k views

How to save small png files (icons) with minimal pixelation?

I've been tasked with creating a bunch of icons for a software product that my company develops. The problem is, I keep getting feedback that the icons are too "pixelated" for them to use... The ...
12
votes
3answers
8k views

How do you animate SVG for the web?

Vector graphics are now taking over the web and even mobile applications. Icons, buttons and elements of web pages or mobile apps are now becoming increasingly vector based, dropping bitmaps because ...
1
vote
1answer
173 views

How to convey Medieval hair/fur in a 2D icon-style composition

I am working in adobe illustrator to create a icon in svg format. The icon is supposed to be a young male lion, and the style is supposed to be Medieval (a design for a Medieval shield crest or ...
5
votes
2answers
4k views

Why buttons without icons in Material Design

In Google's Material Design, do the guidelines prefer buttons without icons next to text? On http://www.google.com/design/spec/components/buttons.html no such examples can be found. Is it written ...
6
votes
3answers
369 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
352 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
102 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, ...
3
votes
2answers
157 views

Alphabetical sort order icon meaning

I noticed that icon repositories like Fontawesome have a lot of different icons for showing sort orders. The more variations I came across, the more confused I got. ...
0
votes
1answer
151 views

Critique: Amateur looking buttons with icons?

I am working on a CMS with the feature to 'follow' and also the option to see stats. There are 2 buttons, and the stats value becomes 1.2k etc after it reaches over 1000. I have added some icons, ...
1
vote
2answers
57 views

Status icon for verification, claimed and both combined

I'm currently working on a web app, which has different kinds of status. It can either be nothing, claimed, verified or claimed and verified. This is the current version for status "verified". I'm ...
1
vote
1answer
604 views

Why won't a certain object combine into another in Inkscape?

I am making an icon pack using Inkscape that is focused around brand and social icons. I am planning on adding the FreeBSD logo to the pack, so I have been recreating the logo: However, when I try to ...
1
vote
2answers
104 views

Business Leads Icon

I'm building an interface for an admin page. The admin clicks a button to choose an icon to see how many business leads received. I have always been stumped as to which icon is best suited for use on ...
0
votes
2answers
34 views

How do I let the user know a menu will appear on touch slide?

If I have an hamburguer icon on mobile devices, how do I let the user know a menu will appear on touch slide instead of clicking the icon? Is there any visual trick both for the touch slide left and ...

1
2 3 4 5
13