GW2Icon

Library to insert GW2's icons in your webpages in pure CSS3.

Download

Getting Started #

Installation #

Put css/gw2icon.min.css in your css/ folder and img/gw2icon/ in your img/ folder. Then, in your header, just add:

<link rel="stylesheet" href="/path/to/css/gw2icon.min.css" />

Usage #

To include an icon in your page, write:

<i class="gw2-gold-coin"></i>

Sizing #

GW2Icon provides classes to resize the icons:

<i class="gw2-catmander-red"></i>
<i class="gw2-catmander-red gw2-2x"></i>
<i class="gw2-catmander-red gw2-3x"></i>
<i class="gw2-catmander-red gw2-4x"></i>
<i class="gw2-catmander-red gw2-5x"></i>

Transformation #

You can flip the icons:

<i class="gw2-catmander-red gw2-2x"></i>
<i class="gw2-catmander-red gw2-2x gw2-flip-horizontal"></i><br/>
<i class="gw2-catmander-red gw2-2x gw2-flip-vertical"></i>
<i class="gw2-catmander-red gw2-2x gw2-flip-horizontal gw2-flip-vertical"></i>

Or even rotate them:

<i class="gw2-catmander-red gw2-2x"></i>
<i class="gw2-catmander-red gw2-2x gw2-rotate-90"></i>
<i class="gw2-catmander-red gw2-2x gw2-rotate-180"></i>
<i class="gw2-catmander-red gw2-2x gw2-rotate-270"></i>

Icons #

Currencies #

General Currencies #

gold-coin
silver-coin
copper-coin
gem
karma
spirit-shard
laurel
guild-commendation
transmutation-charge

Competitive Currencies #

badge-of-honor
wvw-tournament-claim-ticket
proof-of-heroics
testimony-of-heroics
pvp-league-ticket
ascended-shard-of-glory

Map Currencies #

geode
bandit-crest
airship-part
lump-of-aurillium
ley-line-crystal
provisioner-token
magnetite-shard
unbound-magic
trade-contract
elegy-mosaic
gaeting-crystal
volatile-magic

Keys #

zephyrite-lockpick
bandit-skeleton-key
pact-crowbar
exalted-key
vial-of-chak-acid
machete
trader-key

Dungeon Currencies #

fractal-relic
pristine-fractal-relic
ascalonian-tear
seal-of-beetletun
deadly-bloom
manifesto-of-the-moletariate
flame-legion-charr-carving
symbol-of-koda
knowledge-crystal
shard-of-zhaitan

Guild Currencies #

aetherium
favor
influence
options-menu-bar
contacts-menu-bar
hero-panel-menu-bar
inventory-menu-bar
mail-menu-bar
black-lion-menu-bar
guild-panel-menu-bar
wvw-menu-bar
pvp-menu-bar
game-menu-return
game-menu-options
game-menu-edit-account
game-menu-support
game-menu-log-out
game-menu-exit
support-panel-main
support-panel-bug-report
contacts-panel-friends
contacts-panel-lfg
contacts-panel-followers
contacts-panel-blocked
hero-panel-equipment
hero-panel-build
hero-panel-training
hero-panel-story-journal
hero-panel-crafting
hero-panel-achievements
hero-panel-masteries
black-lion-panel-gem-store
black-lion-panel-currency-exchange
black-lion-panel-trading-post
guild-panel-main
guild-panel-roster
guild-panel-missions
guild-panel-teams
guild-panel-storage
guild-panel-history
guild-panel-ranks
wvw-panel-mist-war
wvw-panel-detailed-score
wvw-panel-reward-tracks
wvw-panel-rank-and-abilities
pvp-panel-home
pvp-panel-league
pvp-panel-reward-tracks
pvp-panel-game-browser
pvp-panel-custom-arena

Characters #

Races #

asura
charr
human
norn
sylvari

Professions #

guardian
dragonhunter
fireband
revenant
herald
renegade
warrior
berserker
spellbreaker
engineer
scrapper
holosmith
ranger
druid
soulbeast
thief
daredevil
deadeye
elementalist
tempest
weaver
mesmer
chronomancer
mirage
necromancer
reaper
scourge

Crafting Disciplines #

armorsmith
artificer
chef
huntsman
jeweler
leatherworker
scribe
tailor
weaponsmith

Attributes #

Primary Attributes #

power
precision
toughness
vitality

Secondary Attributes #

concentration
condition-damage
expertise
ferocity
healing-power

Derived Attributes #

armor
boon-duration
critical-chance
critical-damage
condition-duration
health

Special Attributes #

agony-resistance
gold-find
karma-gain
magic-find
xp-gain

Map #

Map Completion#

incomplete-heart
complete-heart
point-of-interest-undiscovered
point-of-interest
locked-waypoint
waypoint
hero-point-empty
hero-point
vista-empty
vista

Guild Services#

guild-registrar
guild-hall-explorer
guild-banker
commendation-trader
guild-trader
guild-enhancements
guild-miniatures

Squad #

Commanders #

commander-red
commander-orange
commander-yellow
commander-green
commander-cyan
commander-blue
commander-purple
commander-magenta
commander-white

Catmanders #

catmander-red
catmander-orange
catmander-yellow
catmander-green
catmander-cyan
catmander-blue
catmander-purple
catmander-magenta
catmander-white

Markers #

arrow-marker
circle-marker
heart-marker
spiral-marker
square-marker
star-marker
triangle-marker
x-marker

Orders #

squad-attack-order
squad-defend-order
squad-rally-order

Misc. #

Dialogue #

dialogue-more
dialogue-back
dialogue-end
dialogue-charisma
dialogue-dignity
dialogue-ferocity
dialogue-choice
dialogue-combat
dialogue-give
dialogue-heartno
dialogue-heartyes
dialogue-herono
dialogue-heroyes
dialogue-karma
dialogue-ready
dialogue-sell
dialogue-story
dialogue-yes
dialogue-collection
dialogue-question-mark
dialogue-legendary-weapon
dialogue-ls-talk
dialogue-recap