Vorlage:Icon: Unterschied zwischen den Versionen

Aus BrandWiki
Wechseln zu:Navigation, Suche
Zeile 19: Zeile 19:
 
; <i class="fas fa-building" aria-hidden="true"></i> <code>building</code>
 
; <i class="fas fa-building" aria-hidden="true"></i> <code>building</code>
 
: Typ einer Organisation
 
: Typ einer Organisation
 +
 +
; <i class="fas fa-compass" aria-hidden="true"></i> <code>compass</code>
 +
: Zertifikate, Index, Label-Checks
  
 
; <i class="fas fa-certificate" aria-hidden="true"></i> <code>certificate</code>
 
; <i class="fas fa-certificate" aria-hidden="true"></i> <code>certificate</code>
Zeile 80: Zeile 83:
 
; <i class="fas fa-circle" aria-hidden="true"></i> <code>circle</code>
 
; <i class="fas fa-circle" aria-hidden="true"></i> <code>circle</code>
 
; <i class="fas fa-dot-circle" aria-hidden="true"></i> <code>dot-circle</code>
 
; <i class="fas fa-dot-circle" aria-hidden="true"></i> <code>dot-circle</code>
; <i class="fas fa-heart-circle" aria-hidden="true"></i> <code>heart-circle</code>
 
 
; <i class="fas fa-check-circle" aria-hidden="true"></i> <code>check-circle</code>
 
; <i class="fas fa-check-circle" aria-hidden="true"></i> <code>check-circle</code>
 +
: Toggles
 +
; <i class="fas fa-user-circle" aria-hidden="true"></i> <code>user-circle</code>
 +
; <i class="fas fa-times-circle" aria-hidden="true"></i> <code>times-circle</code>
 
; <i class="fas fa-stop-circle" aria-hidden="true"></i> <code>stop-circle</code>
 
; <i class="fas fa-stop-circle" aria-hidden="true"></i> <code>stop-circle</code>
 
; <i class="fas fa-play-circle" aria-hidden="true"></i> <code>play-circle</code>
 
; <i class="fas fa-play-circle" aria-hidden="true"></i> <code>play-circle</code>
Zeile 89: Zeile 94:
 
; <i class="fas fa-scrubber" aria-hidden="true"></i> <code>scrubber</code>
 
; <i class="fas fa-scrubber" aria-hidden="true"></i> <code>scrubber</code>
 
; <i class="fas fa-icicles" aria-hidden="true"></i> <code>icicles</code>
 
; <i class="fas fa-icicles" aria-hidden="true"></i> <code>icicles</code>
: Kreis
 
  
 
==Marken-Icons==
 
==Marken-Icons==

Version vom 29. November 2022, 09:44 Uhr


Icons verwenden

Um Icons in den Text (oder andere Vorlagen) einzubauen, kannst du die Vorlage so verwenden:

{{Icon|globe}}

Das sieht dann so aus:

Ersetze globe mit dem passenden Code für das passende Icon:

book
Wikipedia
comment
BrandWikis Kommentar
building
Typ einer Organisation
compass
Zertifikate, Index, Label-Checks
certificate
Zertifikate (Labels, Qualitätszeichen, Siegel) auf Markenseiten und Zertifikaten
envelope
Kontakt
globe
für Links/URLs (vorwiegend eigene Websites und Social Media)
home
Konzern, Mutterunternehmen
heart
Markenwerte, Editierrichtlinien
info-circle
Über, mehr Info
question-circle
Frage
chess-knight
Personen (eher nicht: User)
user
Personen, im Sinne von Online-User
link
Weblinks
map-marker
Sitz eines Unternehmens
palette
Markenfarben
paste
Quellen
pencil-alt
Bearbeiten
plus
+ neu hinzufügen
tag
Kategorie
tags
Schlagwörter
th
Thema, Kategorie
th-list
Liste

Noch ungebraucht:

circle
dot-circle
check-circle
Toggles
user-circle
times-circle
stop-circle
play-circle
pause-circle
spinner
shapes
scrubber
icicles

Marken-Icons

Für bestimmte Marken-icons brauchst du die erweiterte Vorlage Icon-fab:

{{Icon-fab|instagram}}

facebook
facebook-square
facebook-f
instagram
instagram-square
twitter
twitter-square
pinterest
pinterest-square
pinterest-p
linkedin
linkedin-in
youtube
youtube-square
wikipedia-w

Spezielle Icons, die hier nur einmalig vergeben werden:

Diese werden nur einmalig vergeben und sollte nicht anderweitig im Text eingesetzt werden.

exclamation-triangle
Achtung in der Box-Vorlage
leaf
für Greenpeace Gütezeichen-Guide, ein Labeltests, der Labels auf Nachhaltigkeit in Bezug auf die Umwelt prüft
shopping-bag
für Bewusst kaufen, eine Plattform des österreichischen Bundesministeriums BMK, das Labels beschreibt.
star
Bestätigte Inhalte & für Siegelklarheit, ein Labeltests, der Labels bewertet

Wie es funktioniert

Wir sind von Bootstraps Glyphicons mit der neuen Skin auf Font Awesome gewechselt, derzeit noch in Version 5 (die neueste ist Version 6). Möglich sind nur jene, die als „Free“ gekennzeichnet sind (keine Pro-Version).


Die Einbindung innerhalb der Vorlage erfolgt mittels des Code zu Font Aweseome:

<i class="fas fa-globe" aria-hidden="true"></i>

ergibt: