File:Generic-structure-icon.svg

Summary[edit]

DescriptionGeneric-structure-icon.svg	English: icon of a tree-structure symbolizing a sitemap-link
Date	18 June 2021
Source	Own work
Author	HirnSpuk
Other versions

Licensing[edit]

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.

https://creativecommons.org/licenses/by-sa/4.0CC BY-SA 4.0 Creative Commons Attribution-Share Alike 4.0 truetrue

Comment on Usage[edit]

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)