I have a KML file with a list of placemarks that have custom icons, colors, and sizes. When I display the file in the Google Earth browser plugin, I see that icons that are situated below other icons are shaded. This makes the color of the icon different from what I have in the <color> tag. How do I disable the shading so that I always see the true color of the icon?
This is possible in the current version of the Api. You can control the icons color, animation, etc - but the clustering behavior and how it renders the icons is not exposed unfortunately.
Related
I try to make custom icons for an app. I use Illustrator to create compound paths. Therefore I use FontAwesome-Pro.5.13.0 icons. When I export my custom icons in SVG format they seem to have a different padding (see the picture below). Left is the exported icon which has the same compound path as the right one. The only difference is that I exported the FontAwesome to svg.
Anyone got an idea what's happening?
I have Gray SVG icons next to each Menu item (inherited from another project) and displaied as background.
I need to show them black or white but I don't how to achieve this.
As backgrounds I can't use fill css property. I tried with filter:brightness(100) to make them white but I loose anti-aliasing (and analogue with filter:brightness(0) to make them black).
Mask has still serious compatibility issues (e.g. Firefox does not allow external svg).
I tried also to import them as data-uri with LESS feature, but it was unuseful, so.... any suggestion?
In my .ai (illustrator) file you can see the right color:
But when I save to web SVG the colors change to more lighter colors:
What is happening?
I don't think illustrators svg export functionality includes blend mode filtering. So all of your blends are not being rendered, just the basic shape fill colors. I believe you could achieve your blend effects with filters or css, but it would likely have to be done outside of illustrator in the svg or web code.
In the current project a custom equivalent for Font Awesome is used for all required icons in the web application.
Is it possible to use Font Awesome, or some other font based symbol instead of PNG graphics as a KML icon?
There is this site http://game-icons.net/ that offers huge number of open source icons. That is 1345 SVG files to this day. I would love to use them with a web project I am working on right now. The logical step is to transform them into an icon font. Normally, I would just upload them to https://icomoon.io/app/#/select/font and voila ... but!
The icons are inverse, white symbols on a black rectangle. I can invert colors in Illustrator, but some of the icons have overlaping shapes and this breaks them when icomoon tries to make them Black-transparent.
Example: http://game-icons.net/lorc/originals/archery-target.html
The circles are white, not transparent.
How to flatten a Black-White SVG file with overlaping shapes into an icomoon friendly Black-transparent SVG?
My wish is to make the font open source as well and send it back to the site admins for everybody to enjoy.
At the moment the icons have layers of black and white paths. You are going to need to use the "merge paths" feature of Illustrator or Inkscape to make the white (or black) paths into holes where appropriate. I think this is pretty much going to be a manual task. You could write a script to help with some of the work, but I suspect you would end up needing to fix a large number of the icons afterward anyway.