Futuramo Icons new functionality for UI/UX desigers: Icon Frames

Futuramo Icons new functionality for UI/UX desigers: Icon Frames

How to use Icon Frames?

In the Futuramo Icons App, go to filters, expand the Frames heading and click on the accompanying icon. The Frames panel will slide out. Select the desired shape from the list of 24 available presets. You can select a square with sharp or rounded corners. The corner roundings go all the way up until they becomes circles. After selecting your desired shape you can further adjust it using the sliders. You can also adjust the thickness of the frame border. Important note: when selecting an icon frame the size of the icons is recalculated and doubles, so even the smaller icons retain readability. For example, if you choose an icon size of 16px and add a frame, the size adjusts to 32px.

Selecting Icon Frames

Selecting Icon Frames

Selected frame style: rounded bold

Selected frame style: rounded bold

Now let’s work with color

Expand the color picker. You’ll see new options there. You can apply color to not only icons, but also backgrounds and borders independently – just switch the function buttons (icon/border/background) in the color picker and then select your color. E.g. if you want to color the border, click the border icon and then select color. If no frame is selected in the Frames panel than opions for coloring borders and backgrounds are inactive.

futuramo-icons-frames-feature-zoom
futuramo-icons-frames-02
futuramo-icons-frames-03

See some examples. Express yourself!

Futuramo Icons with Style Matrix and Frames = Endless possibilities!

futuramo-icons-frames-colorful
futuramo-icons-frames-express-yourself-001
futuramo-icons-frames-express-yourself-002
futuramo-icons-frames-express-yourself-003
futuramo-icons-frames-express-yourself-004
futuramo-icons-frames-express-yourself-005
futuramo-icons-frames-express-yourself-006
futuramo-icons-frames-express-yourself-007
futuramo-icons-frames-express-yourself-008
futuramo-icons-frames-express-yourself-009

Let’s sum up benefits

  1. All 34.000+ icons (2133 × 16 styles) can now have frames with borders and backgrounds.
  2. 34.000+ × 24 frame presets = 800.000+ unique icons!
    Go beyond presets for even more possibilities.
  3. You can choose different roundings (from square to circle)
  4. Different border thickness can be set – from light (thin) to black (thick)
  5. You can quickly select the frame style from the presets panel and adjust the parameters with sliders.
  6. Color can be applied to frames, backgrounds and icons independently. So three-colored icons are now possible

With the Frames feature you’ll get loads of new icons. New possibilities and ideas for your user interfaces, web designs and other projects are awaiting for you. Try it yourself, you’ll be surprised how much creative power you will gain. For Frames we now support SVG, PNG, SVG Sprites and SVG Sheets for AI. Web fonts will be available soon. Stay tuned!

If you like what we do, mention Futuramo Icons on your social profiles. The more people use Futuramo Icons, the better it gets! And we’re always listening, so we would welcome your feedback.