BeschreibungGeneric-structure-icon.svg	English: icon of a tree-structure symbolizing a sitemap-link
Datum	18. Juni 2021
Quelle	Eigenes Werk
Urheber	HirnSpuk
Andere Versionen

Ich, der Urheber dieses Werkes, veröffentliche es unter der folgenden Lizenz:

Diese Datei ist lizenziert unter der Creative-Commons-Lizenz „Namensnennung – Weitergabe unter gleichen Bedingungen 4.0 international“.

Dieses Werk darf von dir

• verbreitet werden – vervielfältigt, verbreitet und öffentlich zugänglich gemacht werden
• neu zusammengestellt werden – abgewandelt und bearbeitet werden

Zu den folgenden Bedingungen:

• Namensnennung – Du musst angemessene Urheber- und Rechteangaben machen, einen Link zur Lizenz beifügen und angeben, ob Änderungen vorgenommen wurden. Diese Angaben dürfen in jeder angemessenen Art und Weise gemacht werden, allerdings nicht so, dass der Eindruck entsteht, der Lizenzgeber unterstütze gerade dich oder deine Nutzung besonders.
• Weitergabe unter gleichen Bedingungen – Wenn du das Material wiedermischst, transformierst oder darauf aufbaust, musst du deine Beiträge unter der gleichen oder einer kompatiblen Lizenz wie das Original verbreiten.

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

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 (Diskussion) 20:03, 18 June 2021 (UTC)