File:Generic-structure-icon.svg
Summary
| Description |
English: icon of a tree-structure symbolizing a sitemap-link |
| Date | |
| Source | Own work |
| Author | HirnSpuk |
| Other versions |
 |
Licensing
I, the copyright holder of this work, hereby publish it under the following license:
This file is licensed under the Creative Commons Attribution-Share Alike 4.0 International license.
- You are free:
- to share – to copy, distribute and transmit the work
- to remix – to adapt the work
- Under the following conditions:
- attribution – You must give appropriate credit, provide a link to the license, and indicate if changes were made. You may do so in any reasonable manner, but not in any way that suggests the licensor endorses you or your use.
- share alike – If you remix, transform, or build upon the material, you must distribute your contributions under the same or compatible license as the original.
Comment on Usage
You can use this Icon to build your own circular icon with html-colors (useful for template-design).
- Note: These technique is only usable, if the icon is for digital online use only. If you need the Icon in print-out reside to the variants linked above or make new ones accordingly. In these you can easily swap out the color of the svg-circle-Element with a text-editor though the usefulness for templates is lost. Modern browsers do not support print-out of backgrounds. Take a look at the print-preview of this page for an example.
See the following example:
<span class="icon" style="display: inline-block; border-radius: 100%; min-width: 1.8em; min-height: 1.8em; text-align: center; background: __COLOR__;">[[File:Generic-structure-icon.svg|25px]]</span>
- Note: The min-width, height and text-align constraints are necessary to cope with different font-sizes of the browser to keep the icon circular, when using this small image-size (Tested in MS Edge 91 & FF 89).
For __COLOR__ use HTML Color codes like so:
← #92b5e1- ← palegoldenrod
- ← yellowgreen
- ← lightsalmon
- ← darkseagreen
- ← wheat
- ← lightpink
To make other icon-styles, you can experiment with inline-CSS-styles e. g. like so:
<span class="icon" style="display: inline-block; border-radius: 20%; background: #92b5e1; box-shadow: 0.5ex 0.5ex 0.5ex;">[[File:Generic-structure-icon.svg|40px]]</span> → 
Have Fun, regards --HirnSpuk (talk) 20:03, 18 June 2021 (UTC)