wiki:plugin:icons

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
wiki:plugin:icons [2016/02/26 17:11] Giuseppe Di Terlizziwiki:plugin:icons [2020/02/15 21:58] (current) – [Pack] Giuseppe Di Terlizzi
Line 41: Line 41:
 === Available icon packs === === Available icon packs ===
  
-^ Pack ^^+^ Pack ^^^
 | ''icon''      | default icon pack (see ''defaultPack'' option) | | ''icon''      | default icon pack (see ''defaultPack'' option) |
-| ''fa''        | Font Awesome | +| ''fa''        | Font-Awesome | font icon | 
-| ''glyphicon'' | Glyphicons | +| ''ra''        | RPG-Awesome | font icon 
-| ''fugue''     | Fugue | +| ''glyphicon'' | Glyphicons | font icon | 
-| ''oxygen''    | KDE Oxygen |+| ''typcn''     | Typicons | font icon | 
 +| ''mdi''       | Material Icons | font icon | 
 +| ''fl''        | Font-Linux | font icon 
 +| ''fugue''     | Fugue 
 +| ''oxygen''    | KDE Oxygen | 
 +| ''breeze''    | KDE Plasma Breeze | | 
 + 
 +==== Popup helper ==== 
 + 
 +{{ :wiki:plugin:icons-popup.png?200|}} Icons plugin provide a popup helper to easy add the icons in your page. To open the popup click to DokuWiki icon in the toolbar in edit page. 
 + 
 +The popup support this icon packs: 
 + 
 +  * Font-Awesome 
 +  * RPG-Awesome 
 +  * Typicons 
 +  * Material Icons 
 +  * Glyphicons 
  
 ===== Configuration and Settings ===== ===== Configuration and Settings =====
Line 53: Line 71:
  
 ^ Configuration Option ^ Default Value ^ Description ^ ^ Configuration Option ^ Default Value ^ Description ^
-^ ''defaultSize''     | ''16''        | Default value when size is not specified | +^ ''defaultSize''       | ''16''        | Default value when size is not specified | 
-^ ''defaultPack''     | ''fa''        | Default icon pack when is not specified | +^ ''defaultPack''       | ''fa''        | Default icon pack when is not specified | 
-^ ''loadFontAwesome''''On''        | //Font Awesome//: Allow/Disallow load of CSS (disable if you have a Bootstrap3 based template)  +^ ''fugueURL''          (CDN URL)     | //Fugue// CDN or local URL 
-^ ''fontAwesomeURL''  | (CDN URL)     | //Font Awesome// CDN or local URL | +^ ''oxygenURL''         | (CDN URL)     | //KDE Oxygen// CDN or local URL | 
-^ ''fugueURL''        | (CDN URL)     | //Fugue// CDN or local URL | +^ ''breezeURL''         | (CDN URL)     | //KDE Plasma Breeze// CDN or local URL | 
-^ ''oxygenURL''       | (CDN URL)     | //KDE Oxygen// CDN or local URL | +^ ''silkURL''           | (CDN URL)     | //Silk// CDN or local URL  
-^ ''flagURL''         | (CDN URL)     | //Flag// CDN or local URL |+^ ''flagURL''           | (CDN URL)     | //Flag// CDN or local URL |
  
-<callout type="info"> +<callout type="info" icon="true"> 
-== Note for Flag icon pack ==+=== Note for Flag icon pack ===
 By default uses the flags from [[doku>plugin:translation|Translation plugin]] present in your DokuWiki installation. By default uses the flags from [[doku>plugin:translation|Translation plugin]] present in your DokuWiki installation.
 </callout> </callout>
Line 100: Line 118:
 ==== Pack ==== ==== Pack ====
  
-^ Glyphicon    | {{glyphicon>home?24}} | {{glyphicon>user?24}} | {{glyphicon>cog?24}} | +^ Glyphicon    | {{glyphicon>home?24}} | {{glyphicon>user?24}}  | {{glyphicon>cog?24}} | 
-^ Font Awesome | {{fa>home?24}}        | {{fa>user?24}}        | {{fa>cog?24}}        | +^ Font-Awesome | {{fa>home?24}}        | {{fa>user?24}}         | {{fa>cog?24}}        
-^ Fugue        | {{fugue>home?24}}     | {{fugue>user?24}}     | {{fugue>gear?24}}    |+^ Material     | {{mdi>home?24}}       | {{mdi>person?24}}      | {{mdi>settings?24}} | 
 +^ RPG-Awesome  | {{ra>tower?24}}       | {{ra>skull?24}}        | {{ra>cog?24}}        |  
 +^ Typicons     | {{typcn>home?24}}     | {{typcn>user?24}}      | {{typcn>cog?24}}     
 +^ Fugue        | {{fugue>home?24}}     | {{fugue>user?24}}      | {{fugue>gear?24}}    | 
 +^ Linux Font   | {{fl>slackware?24}}   | {{fl>debian?24}}       | {{fl>centos?24}}     | 
  
 ==== Basic Syntax & Helper ==== ==== Basic Syntax & Helper ====
  
-^ Font Awesome ^ Glyphicons ^ Fugue ^ Oxygen ^ +^ Font-Awesome | {{fa>home?24|Font-Awesome}} | ''<nowiki>{{icon>home?24&pack=fa}}</nowiki>'' ''<nowiki>{{fa>home?24}}</nowiki>''
-| {{fa>home?24|Font Awesome}} | {{glyphicon>home?24|Glyphicons}} | {{fugue>home?24|Fugue}} | {{oxygen>places/user-home?22|KDE Oxygen}} | +^ Material | {{mdi>home?24|Material}} | ''<nowiki>{{icon>home?24&pack=mdi}}</nowiki>'' ''<nowiki>{{mdi>home?24}}</nowiki>'' 
-| ''<nowiki>{{icon>home?24&pack=fa}}</nowiki>'' | ''<nowiki>{{icon>home?24&pack=glyphicon}}</nowiki>'' | ''<nowiki>{{icon>home?24&pack=fugue}}</nowiki>'' | ''<nowiki>{{icon>places/user-home?22&pack=oxygen}}</nowiki>''+^ RPG-Awesome | {{ra>tower?24|RPG-Awesome}} | ''<nowiki>{{icon>tower?24&pack=ra}}</nowiki>'' | ''<nowiki>{{ra>tower?24}}</nowiki>''
-| ''<nowiki>{{fa>home?24}}</nowiki>'' | ''<nowiki>{{glyphicon>home?24}}</nowiki>'' | ''<nowiki>{{fugue>home?24}}</nowiki>'' | ''<nowiki>{{oxygen>places/user-home?22}}</nowiki>''+^ Glyphicons | {{glyphicon>home?24|Glyphicons}} | ''<nowiki>{{icon>home?24&pack=glyphicon}}</nowiki>'' | ''<nowiki>{{glyphicon>home?24}}</nowiki>''
 +^ Typicons | {{typcn>home?24|Typicons}} | ''<nowiki>{{icon>home?24&pack=typcn}}</nowiki>'' | ''<nowiki>{{typcn>home?24}}</nowiki>''
 +^ Fugue | {{fugue>home?24|Fugue}} | ''<nowiki>{{icon>home?24&pack=fugue}}</nowiki>'' | ''<nowiki>{{fugue>home?24}}</nowiki>''
 +^ Oxygen | {{oxygen>places/user-home?22|KDE Oxygen}} | ''<nowiki>{{icon>places/user-home?22&pack=oxygen}}</nowiki>'' | ''<nowiki>{{oxygen>places/user-home?22}}</nowiki>'' 
 +^ Breeze | {{breeze>places/user-home?22|KDE Oxygen}} | ''<nowiki>{{icon>places/user-home?22&pack=breeze}}</nowiki>'' | ''<nowiki>{{breeze>places/user-home?22}}</nowiki>''
 +^ Linux Font | {{fl>slackware?24|Linux Font}} | ''<nowiki>{{icon>slackware?22&pack=fl}}</nowiki>'' | ''<nowiki>{{fl>slackware?24}}</nowiki>'' |
 ==== Size ==== ==== Size ====
  
Line 136: Line 163:
  
 ===== Font Awesome Flags Examples ===== ===== Font Awesome Flags Examples =====
 +
 +(examples from http://fontawesome.io/examples)
  
 ==== Larger Icons ==== ==== Larger Icons ====
  • wiki/plugin/icons.txt
  • Last modified: 4 years ago
  • by Giuseppe Di Terlizzi