Icons8

Approximate size. We optimize our icon packs for different resolutions: 100 for iOS, 96 for Windows 10, etc. Therefore, the actual size will be 96-104 px.

• Icons8 Review
• Icons8 Lunacy
• Icons8 Upscaler
• Icons8 Fugue

• Icons8 app allows to recolor icons in seconds, add overlays, create icon fonts, drag-n-drop icons to any software, and more. Users can choose icons from 20+ styles and easily mix them in one design. In addition to the web app, users can download a free desktop app for Windows or Mac and work offline.
• Download Icons8 Lunacy (32-bit) for Windows to manipulate and manage sketch files, integrated icons, photos, masked images, and illustrations. Icons8 Lunacy (32-bit) has had 5 updates within the.
• Icons8 Vectors API gives you access to the growing library of vector illustrations on popular themes in 30+ design styles.

Tips and Tricks

A chapter for those who do not read docs

Lunacy has a lot of small but very useful features that can ease your life or significantly speed up your workflow. Their descriptions are scattered across many chapters and if you are not accustomed to reading docs from cover to cover, they are likely to go unnoticed. Below you will find a collection of tips with short demos that will help you take full advantage of Lunacy.

Sharing your designs via Icons8 Cloud

The Alt+С + C shortcut allows you to instantly upload an object to Icons8 cloud and get a link to it. Just select the required object and use the shortcut. That’s it! The link to the export file is already in your clipboard. You can share it right away.

This option is also available on the context menu. For details, click here.

Background removal

If you need to remove background from an image, you can do it right in Lunacy.

Image upscaler

Lunacy is integrated with the Icons8 Image Upscaler. When you add an image to your document, Lunacy will offer you to enhance the image using our state-of-the-art AI.

Note: The feature is available only to users with a paid subscription.

Text formatting

When editing typography settings you don’t need to select a word or the whole text to make it bold, italicized or whatever. Just set the caret inside a word or at the end of the text and apply the required setting. In the latter case, the setting will be applied to the whole text.

Copying and pasting styling properties

The demo below shows how you can copy and paste styling properties between objects.

Adjusting values in the Inspector

There are several ways to change values in the numeric fields of the Inspector. You can:

• Enter the new value manually (press Enter to submit).
• Click over the required field and rotate the mouse wheel to gradually increase or decrease the value.
• Hover the cursor over the required field, wait a moment until the cursor turns into a double-headed arrow and then drag the cursor up or down.
• Use math (press Enter to submit).

Drawing/resizing shapes from the center

Press and hold Alt to draw/resize a shape from the center or Alt+Shift if you want to get a regular shape or preserve aspect ratio during resizing. See the red circle in the demo below.

Drawing horizontal, vertical and 45-degree diagonal lines, arrows and paths

Hold down Shift when placing the second point of a segment.

Transforming shapes through the Inspector

Icons8 Review

The next demo shows how you can modify shapes by adjusting their properties in the Inspector.

Adjusting the corner radius setting for rectangles

Note: The method shown in the next demo works only with rectangles drawn with the shape tool.

Resizing objects using keyboard

To resize objects, you can use the shortcuts CTRL+ arrow keys (by 1 pixel) or CTRL+Shift + arrow keys ( by 10 pixels).

Text alignment magnets

You can align text within text boxes using the alignment magnets that appear around the text box when you select it. They combine the functions of the text alignment and position alignment controls. The demo below shows how this nice feature works.

This also works with multiple ungrouped text boxes.

To disable the display of magnets, go to the View menu and uncheck the Text Alignment Magnets option.

Resizing text boxes

To quickly resize a text box so that it fits the text, double-click its vertical or horizontal border.

Note: A double-click over the right or left border sets the text box to the horizontal resize mode and transforms a multiline text into a single line.

Adding text to shapes

The next demo shows how you can quickly add text to shapes. This can be of great use when it comes to design of such UI elements as buttons, menus and things alike.

Text generation

If you need to add a random text to your design, simply expand a text block on the canvas and click the “Generate text” button on the Inspector or select the text type in the top Lunacy panel. Use Shift+R to refresh the generated text.

Text snippets

You don’t need to think of user names, addresses and stuff of that kind for your designs. Just type the required text snippet and press Enter. Use Shift+R to refresh the generated text.

Converting text to vector shapes

Lunacy enables you to convert text layers into vector shapes.

Alternatively, you can use the Ctrl+Shift+O shortcut.

Note: Remember that the text-to-vector operation is demanding in terms of system resources. Attempts to convert large portions of text can seriously slow Lunacy down .

Disabling snapping

To disable snapping, hold down Ctrl while dragging an object.

Icons8 Lunacy

Eyedropper zoom

Lunacy’s eyedropper features a nice zoom option that comes in handy when the target area is small and you need pixel precision. To enable zoom, hover the eyedropper over the target and hold down the left mouse button. Then point the eyedropper to the required pixel and release the mouse button. To exit the zoom mode, press Esc or quickly swipe the cursor anywhere away from the current area.

Zoom to selection

To quickly jump to the required object on the canvas, select it in the left panel and press Ctrl+2 or double-click its outline/icon.

Scaling objects

If you want to resize an object with styling (borders, shadows, etc.), you should consider the scaling feature. Together with object size, it will accordingly adjust the values of its styling properties. See the demo below and note how the value of the border thickness changes with the object size.

In a similar fashion you can scale several objects at a time.

Importing an image from the internet

To quickly import an image from a web site to Lunacy, right-click over the image, then click Copy image on the context menu. Switch to Lunacy and paste the image onto the canvas.

Image fills

You can create an image fill by dropping an image from the Lunacy library or your desktop directly on to an object as shown in the demo below. For more information about image fills, click here.

Inverting gradients

To quickly invert a gradient use the button next to the gradient bar on the Color Picker.

Hiding UI elements

• To hide the left panel, click the respective button at the bottom of the toolbar or use the View menu.
• To hide the toolbar, Inspector, rulers and other UI elements, use the View menu.
• To hide all UI elements at once (except for the menu bar), use the Ctrl+. shortcut or the respective command on the View menu.

Changing the position and disabling the suggestions panel

To change the position of the suggestions panel, click the handle at the top-left corner of the panel and drag it up or down. Lunacy remembers the position of the panel individually for each object.

To disable the suggestions panel, unselect the Suggestions option in the View menu.

Icons8 Upscaler

Icons8 Fugue

Category List

• Feature Requests
• 📑 How to create a feature request: 1) Write a title with brief information about the request. 2) Describe the feature in detail. 3) Write why it is important to you (specific use cases would be great). 4) If possible, attach images/videos describing the feature. ⚠️ IMPORTANT NOTICE⚠️: DON'T POST BUG REPORTS and FEATURE IMPROVEMENTS to this category. You can report it in the special category here, or contact us by email at lunacy@icons8.com

  42 discussions 14 comments Most recent:Quick publishing to Invisionby IvanIcons8on March 28
• Requests having insufficient description. Please provide more details.
• The features have been added to the project task list. The target product version has not been set.

  4 discussions 1 comment Most recent:Debug your UI using an appby Alexon March 14
• The features are scheduled for implementation in future releases.

  2 discussions 2 comments Most recent:Linux versionby AdsonCIciliotion April 9
• The features are under development and will be added to Lunacy in one of the upcoming releases.

  3 discussions 4 comments Most recent:HSL & HSB support in color pickerby Alexon March 10
• 55 discussions 13 comments Most recent:Preserve Component Overrides if Layer name (and Object type) matchby Alexon February 3
• The request has been rejected for the reason of: 1) Not enough information was provided. 2) Too low vote level collected. 3) Request already exists. 4) Feature is published already. 5) Not applicable.

  7 discussions 9 comments Most recent:add some new feature make this excellentby mrnoroozi1992on February 6
• Improvements for existing features
• It'll be great if you follow these points: 1) Describe your problem with the existing feature; 2) Describe your vision of possible decision; 3) Share a reference/image/video if it's possible. ⚠️ IMPORTANT NOTICE⚠️: DON'T POST BUG REPORTS and FEATURE REQUESTS to this category.

  8 discussions 2 comments Most recent:Allow images to retain aspect-ratio on image override in componentby MrMattSimon February 16
• Improvements proposals that were added to the project task list.
• Your improvements proposals that were implemented to Lunacy.

  1 discussion 3 comments Most recent:The text search at the Target field of the prototyping managerby Alexon February 3
• 0 discussions 0 comments
• Report a problem
• Follow these points to get faster support with your issue: 1) Describe your issue like 'I do this, and this. I'm getting that result.' 2) How often is your issue taking place? (Every time, time-to-time, sometimes, onetime) 3) Has this issue any dependency on the document you are editing? (Yes, there is some special document. / No, it's actual for all documents.) 4) What Lunacy version gave this issue the first time? 5) Specify some moments about your device: OS, CPU & GPU model, RAM size.

  4 discussions 15 comments Most recent:v6.9 Hangs when renaming Component Page or changing which Page is Components Pageby Alexon April 6
• 3 discussions 4 comments Most recent:PingFang SC字体识别错误by Alexon March 10
• 4 discussions 10 comments Most recent:Confirm malde addess not workingby Alexon April 14
• Issues with the old versions or not applicable issues.

  3 discussions 3 comments Most recent:In Preview, Fixed Position layers don't remain fix when they are near the bottom of the screen (?)by Alexon February 15
• 0 discussions 0 comments
• 0 discussions -2 comments
• 0 discussions 0 comments
• 0 discussions 1 comment