View on GitHub

 RPG-Awesome

A fantasy themed font and CSS toolkit

 Download

RPG-Awesome

RPG-Awesome is a simple fantasy themed font and CSS toolkit built by nerds, for nerds. We give you 495 easy to use scalable vectors that can be customized to fit your own awesome projects. Change size, color, drop shadow - you can do anything that can be done with the power of CSS.

Players

ra-aura
ra-aware
ra-double-team
ra-falling
ra-monster-skull
ra-muscle-fat
ra-muscle-up
ra-player
ra-player-despair
ra-player-dodge
ra-player-king
ra-player-lift
ra-player-pain
ra-player-pyromaniac
ra-player-shot
ra-player-teleport
ra-player-thunder-struck

Potions

ra-bottle-vapors
ra-bottled-bolt
ra-broken-bottle
ra-bubbling-potion
ra-heart-bottle
ra-corked-tube
ra-fizzing-flask
ra-flask
ra-round-bottom-flask
ra-vail
ra-vase

Inventory

ra-ammo-bag
ra-alligator-clip
ra-ball
ra-book
ra-candle
ra-castle-flag
ra-compass
ra-crown
ra-crown-of-thorns
ra-horseshoe
ra-hourglass
ra-jigsaw-piece
ra-kettlebell
ra-key
ra-key-basic
ra-lantern-flame
ra-wrench
ra-lit-candelabra
ra-match
ra-medical-pack
ra-mirror
ra-moon-sun
ra-nails
ra-noose
ra-ocarina
ra-pawn
ra-pill
ra-pills
ra-ping-pong
ra-potion
ra-quill-ink
ra-ringing-bell
ra-rune-stone
ra-sherif
ra-ship-emblem
ra-shotgun-shell
ra-slash-ring
ra-snorkel
ra-soccer-ball
ra-spray
ra-stopwatch
ra-syringe
ra-three-keys
ra-torch
ra-trophy
ra-wooden-sign

Creatures and Animals

ra-beetle
ra-bird-claw
ra-butterfly
ra-cat
ra-dinosaur
ra-dragon
ra-dragonfly
ra-eye-monster
ra-fairy
ra-fish
ra-fox
ra-gecko
ra-hydra
ra-insect-jaws
ra-lion
ra-love-howl
ra-maggot
ra-octopus
ra-rabbit
ra-raven
ra-sea-serpent
ra-seagull
ra-shark
ra-sheep
ra-snail
ra-snake
ra-spider-face
ra-spiked-tentacle
ra-spiral-shell
ra-suckered-tentacle
ra-tentacle
ra-two-dragons
ra-venomous-snake
ra-wyvern
ra-wolf-head
ra-wolf-howl

Electronics

ra-alien-fire
ra-batteries
ra-battery-0
ra-battery-25
ra-battery-50
ra-battery-75
ra-battery-100
ra-battery-black
ra-battery-negative
ra-battery-positive
ra-battery-white
ra-clockwork
ra-cog
ra-cog-wheel
ra-defibrilate
ra-energise
ra-fast-ship
ra-gamepad-cross
ra-gear-heart
ra-gears
ra-laser-site
ra-lever
ra-light-bulb
ra-lighthouse
ra-load
ra-magnet
ra-microphone
ra-nuclear
ra-radar-dish
ra-radioactive
ra-reactor
ra-recycle
ra-regeneration
ra-repair
ra-robot-arm
ra-rss
ra-sattelite
ra-save
ra-speech-bubble
ra-speech-bubbles
ra-surveillance-camera
ra-telescope
ra-tesla
ra-unplugged
ra-wifi
ra-wireless-signal

Cards and Dice

ra-bottom-right
ra-cancel
ra-clovers
ra-clovers-card
ra-diamonds
ra-diamonds-card
ra-hearts
ra-heats-card
ra-spades
ra-spades-card
ra-suits
ra-chessboard
ra-dice-one
ra-dice-two
ra-dice-three
ra-dice-four
ra-dice-five
ra-dice-six
ra-perspective-dice-one
ra-perspective-dice-two
ra-perspective-dice-three
ra-perspective-dice-four
ra-perspective-dice-five
ra-perspective-dice-six
ra-perspective-dice-random

Food

ra-acorn
ra-apple
ra-beer
ra-brandy-bottle
ra-carrot
ra-cheese
ra-chicken-leg
ra-coffee-mug
ra-crab-claw
ra-egg
ra-egg-pod
ra-eggplant
ra-honeycomb
ra-ice-cube
ra-knife-fork
ra-meat
ra-roast-chicken
ra-toast

Plants

ra-clover
ra-daisy
ra-dead-tree
ra-flower
ra-flowers
ra-grass
ra-grass-patch
ra-leaf
ra-palm-tree
ra-pine-tree
ra-sprout
ra-sprout-emblem
ra-super-mushroom
ra-trefoil-lily
ra-zigzag-leaf

Astrology

ra-aquarius
ra-aries
ra-cancer
ra-capricorn
ra-gemini
ra-libra
ra-leo
ra-pisces
ra-sagittarius
ra-scorpio
ra-taurus
ra-virgo

Dangers

ra-acid
ra-arson
ra-biohazard
ra-blade-bite
ra-blast
ra-blaster
ra-bleeding-eye
ra-bleeding-hearts
ra-bone-bite
ra-burning-meteor
ra-crush
ra-decapitation
ra-fall-down
ra-fire
ra-food-chain
ra-focused-lightning
ra-heartburn
ra-poison-cloud
ra-tombstone

Magic

ra-brain-freeze
ra-burning-book
ra-burning-embers
ra-burning-eye
ra-burst-blob
ra-cold-heart
ra-crystal-ball
ra-crystal-cluster
ra-crystal-wand
ra-crystals
ra-diamond
ra-divert
ra-doubled
ra-dragon-breath
ra-droplet
ra-droplet-splash
ra-emerald
ra-eyeball
ra-fairy-wand
ra-fire-breath
ra-fire-ring
ra-fire-symbol
ra-flame-symbol
ra-frost-emblem
ra-frostfire
ra-gem
ra-gem-pendant
ra-gloop
ra-gold-bar
ra-health
ra-health-decrease
ra-health-increase
ra-hospital-cross
ra-hot-surface
ra-hydra-shot
ra-incense
ra-kaleidoscope
ra-lava
ra-level-four
ra-level-four-advanced
ra-level-three
ra-level-three-advanced
ra-level-two
ra-level-two-advanced
ra-lightning
ra-lightning-bolt
ra-lightning-storm
ra-lightning-trio
ra-sapphire
ra-small-fire
ra-snowflake
ra-sun
ra-sun-symbol
ra-sunbeams
ra-triforce
ra-two-hearts
ra-water-drop

Weapons and Armor

ra-arcane-mask
ra-all-for-one
ra-anvil
ra-archer
ra-archery-target
ra-arena
ra-arrow-cluster
ra-arrow-flights
ra-axe
ra-axe-swing
ra-barbed-arrow
ra-barrier
ra-bat-sword
ra-battered-axe
ra-beam-wake
ra-bear-trap
ra-bolt-shield
ra-bomb-explosion
ra-bombs
ra-bone-knife
ra-boomerang
ra-boot-stomp
ra-bowie-knife
ra-broadhead-arrow
ra-broken-bone
ra-broken-shield
ra-bullets
ra-cannon-shot
ra-chemical-arrow
ra-chain
ra-circular-saw
ra-circular-shield
ra-cluster-bomb
ra-cracked-helm
ra-cracked-shield
ra-croc-sword
ra-crossbow
ra-crossed-axes
ra-crossed-bones
ra-crossed-pistols
ra-crossed-sabers
ra-crossed-swords
ra-daggers
ra-dervish-swords
ra-diving-dagger
ra-drill
ra-dripping-blade
ra-dripping-knife
ra-dripping-sword
ra-duel
ra-explosion
ra-explosive-materials
ra-eye-shield
ra-fire-bomb
ra-fire-shield
ra-fireball-sword
ra-flaming-arrow
ra-flaming-claw
ra-flaming-trident
ra-flat-hammer
ra-frozen-arrow
ra-gavel
ra-gear-hammer
ra-grappling-hook
ra-grenade
ra-guillotine
ra-halberd
ra-hammer
ra-hammer-drop
ra-hand-saw
ra-harpoon-trident
ra-helmet
ra-horns
ra-heavy-shield
ra-implosion
ra-jetpack
ra-kitchen-knives
ra-knife
ra-knight-helmet
ra-kunai
ra-large-hammer
ra-laser-blast
ra-lightning-sword
ra-mass-driver
ra-mp5
ra-musket
ra-plain-dagger
ra-relic-blade
ra-revolver
ra-rifle
ra-round-shield
ra-scythe
ra-shield
ra-shuriken
ra-sickle
ra-spear-head
ra-spikeball
ra-spiked-mace
ra-spinning-sword
ra-supersonic-arrow
ra-sword
ra-target-arrows
ra-target-laser
ra-thorn-arrow
ra-thorny-vine
ra-trident
ra-vest
ra-vine-whip
ra-zebra-shield

RPG Icons

ra-ankh
ra-angel-wings
ra-anchor
ra-batwings
ra-bell
ra-bird-mask
ra-bowling-pin
ra-bridge
ra-broken-skull
ra-campfire
ra-candle-fire
ra-capitol
ra-castle-emblem
ra-circle-of-circles
ra-crowned-heart
ra-cubes
ra-cut-palm
ra-cycle
ra-death-skull
ra-demolish
ra-desert-skull
ra-dragon-wing
ra-feather-wing
ra-feathered-wing
ra-fedora
ra-fluffy-swirl
ra-footprint
ra-forging
ra-forward
ra-glass-heart
ra-groundbreaker
ra-guarded-tower
ra-hand
ra-hand-emblem
ra-heart-tower
ra-heart-tower
ra-heavy-fall
ra-help
ra-hive-emblem
ra-hole-ladder
ra-hood
ra-horn-call
ra-interdiction
ra-locked-fortress
ra-meat-hook
ra-metal-gate
ra-mine-wagon
ra-mining-diamonds
ra-mountains
ra-nodular
ra-ocean-emblem
ra-omega
ra-on-target
ra-ophiuchus
ra-overhead
ra-overmind
ra-pawprint
ra-podium
ra-pyramids
ra-queen-crown
ra-radial-balance
ra-reverse
ra-scroll-unfurled
ra-shoe-prints
ra-shot-through-the-heart
ra-shovel
ra-sideswipe
ra-site
ra-skull
ra-skull-trophy
ra-spawn-node
ra-splash
ra-targeted
ra-tic-tac-toe
ra-tooth
ra-tower
ra-trail
ra-turd
ra-uncertainty
ra-underhand
ra-x-mark

Requesting Icons

Have an idea for a new fantasy based icon? We'd love to hear it! New icons for future releases will mostly be based on the RPG-Awesome community on Github. Please keep these few things in mind when requesting an icon.

  1. Please be nice, and please write in proper english.
  2. Please search to see if your icon request already exists. If someone else has already requested your icon idea, +1 theirs.
  3. Please make requests for a single icons (unless the icons are closley related).
  4. Please include the following:
    • Title your issue Icon request: icon-name (e.g. Icon request: icon-castle)
    • Include an image or two that shows the basic idea of what you had in mind (you don't need to be a great artist).
    • Include a few (more then one) use cases. How did you, and how can others, use it?
  5. Request concrete objects. It's harder to make icons to represent an idea or emotion.
  6. Keep in mind it's only one person making future icons. Please be patient.

A Big Thanks

RPG-Awesome wouldn't be possible without the awesome people down at Game-Icons. They provided us with a wide library of over 1300 icons to choose from. After looking throguh the files, we picked and edited the ones that would work best as a font and we now have 495 icons for anyone and everyone to use.

The icons at Game-Icons are free, svg files, featuring a wide variety of magic and fantasy items. So if you're in need of more unique svg files, go check out their site.

Examples

Once you have RPG-Awesome installed and setup on your site. Using it is as simple as a using the <i> tag.

Basics

ra ra-broadsword

color: #1d9d74;

The basic icons are easy to use and can be styled and changed using any CSS. Just call them with the <i> tag with the ra tag and the name of the icon, like this ra-sword.

<i class="ra ra-sword"></i>

Larger Icons

              ra-lg

           ra-2x

        ra-3x

    ra-4x

ra-5x

While you can use the CSS font styling font-size, RPG-Awesome also makes use of some special characteristics to size it's icons. These are ra-lg (33% increase), ra-2x, ra-3x, ra-4x and ra-5x.

<i class="ra ra-sword ra-lg"></i>
<i class="ra ra-sword ra-2x"></i>
<i class="ra ra-sword ra-3x"></i>
<i class="ra ra-sword ra-4x"></i>
<i class="ra ra-sword ra-5x"></i>

Fixed Width Icons

The basic icons are easy to use and can be styled and changed using any CSS. Just call them with the <i> tag with the ra tag and the name of the icon, like this ra-sword.

<div class="list-group">
<a class="list-group-item" href="#"><i class="ra ra-sword ra-fw"></i>  Weapons</a>
<a class="list-group-item" href="#"><i class="ra ra-meat ra-fw"></i>  Food</a>
<a class="list-group-item" href="#"><i class="ra ra-helmet ra-fw"></i>  Armor</a>
<a class="list-group-item" href="#"><i class="ra ra-cog ra-fw"></i>  Settings</a>
</div>