Answered

Changing color of icons and adding shading to shapes and gradations to colors?

  • 30 June 2020
  • 6 replies
  • 4481 views

Userlevel 1

Hello, All!

I am a new Miro user and want to check on the availability of the following functions. Am I correct in finding that we:

  • cannot change the colors, thickness, etc. of any icons?
  • cannot add shadows or shading to any shapes?
  • cannot add gradation within colors of any shapes?

If I am wrong, this would be great!

Thank you,

Jeannine

icon

Best answer by Max Harper 30 June 2020, 22:04

@Jeannine

Doing my best to answer here: 

  • cannot change the colors, thickness, etc. of any icons? 
    • Which icons do you mean? 
    • If you mean ...
      • Google Images or Noun Project - no these come in as png or jpg or svg  -- no ability to change properties other than position, scale, rotation, crop
      • SVG uploaded -- no ability to change properties other than position, scale, rotation, crop
  • cannot add shadows or shading to any shapes?
    • You are correct: no shadow or shading yet.
    • Sticky notes have an inherent drop shadow to make them look realistic-ish
    • I’ve done whats in the image below for highlighting parts of the board: super hacky / not what you’re looking for.  
  • Cannot add gradation within colors of any shapes?
    • You are correct: no gradients yet.

 

hacky drop shadow.- a stack of partial opacity rounded squares

 

View original

6 replies

Userlevel 7
Badge +14

@Jeannine -

  1. Correct as these are essentially just bitmaps so other than re-sizing or cropping them, other changes would have to be made outside of Miro.
  2. Correct, but you could duplicate a shape, change the duplicate’s color and move it behind and offset under the original shape to create a shadow.
  3. Correct

Some good ideas here so you may wish to add them as wish list items following these guidelines: Wish List: Everything You Need to Know 🌠 | Miro

Kiron

Userlevel 7
Badge +10

@Jeannine

Doing my best to answer here: 

  • cannot change the colors, thickness, etc. of any icons? 
    • Which icons do you mean? 
    • If you mean ...
      • Google Images or Noun Project - no these come in as png or jpg or svg  -- no ability to change properties other than position, scale, rotation, crop
      • SVG uploaded -- no ability to change properties other than position, scale, rotation, crop
  • cannot add shadows or shading to any shapes?
    • You are correct: no shadow or shading yet.
    • Sticky notes have an inherent drop shadow to make them look realistic-ish
    • I’ve done whats in the image below for highlighting parts of the board: super hacky / not what you’re looking for.  
  • Cannot add gradation within colors of any shapes?
    • You are correct: no gradients yet.

 

hacky drop shadow.- a stack of partial opacity rounded squares

 

Userlevel 1

Thank you all for your thoughtful replies!

Userlevel 1
Badge +2

When all these functions will be implemented?

Badge

Hello from Switzerland.
Yes, it would be great if it's possible to change the colour of the icons with the Add Iconfinder.
This would make the design of the icons consistent on the board.

Badge

Throwing my weight behind this idea. I work for a large organisation and it would be good to add icons to my workshop and colour them so participants receive a consistent brand experience. 

When adding an icon using IconFinder I should be able to change the icon colour to match the rest of the experience I am creating. I understand these may just be png’s but being able to colour them would be a great simple addition. 

Reply