Font Awesome Icons for Pokemon types

Posted 3 years, 3 months ago by scpkid

okay this may seem random but im in the process of making pokemon ocs and i like using font awesome icons for decor and representing a certain type

i mostly am making this for a reference for me for any future characters but maybe this will inspire others!

obviously some of these are obvious if you search on font awesome but its just  a quick way for me to copy/paste. theres also multiple ones that could fit a type if you prefer one.

you can change the "fas" to far for outline version, or fal for light outlines.

also, even if an icon is labeled pro, it is still usable to all of us! thats based on toyhouse's subscription, and use they have the pro version.


Bug:

 

bug | <i class="fas fa-bug"></i>


spider-web | <i class="fas fa-spider-web"></i>


Dark:

 

moon | <i class="fas fa-moon"></i>

adjust | <i class="fas fa-adjust"></i>

eye-evil | <i class="fas fa-eye-evil"></i>


Dragon:

dragon | <i class="fas fa-dragon"></i>


Electric:

bolt | <i class="fas fa-bolt"></i>


Fairy:

magic | <i class="fas fa-magic"></i>

hat-wizard | <i class="fas fa-hat-wizard"></i>

sparkles | <i class="fas fa-hat-sparkles"></i>


Fighting:

luchador | <i class="fas fa-luchador"></i>

boxing-glove | <i class="fas fa-boxing-glove"></i>

fist-raised | <i class="fas fa-fist-raised"></i>


Fire:

fire | <i class="fas fa-fire"></i>

fire-alt | <i class="fas fa-fire-alt"></i>

burn | <i class="fas fa-fire-alt"></i>

campfire | <i class="fas fa-campfire"></i>


Flying:

feather | <i class="fas fa-feather"></i>

feather-alt | <i class="fas fa-feather-alt"></i>

wind | <i class="fas fa-wind"></i>


Ghost:

ghost | <i class="fas fa-ghost"></i>

tombstone | <i class="fas fa-tombstone"></i>

skull-crossbones | <i class="fas fa-skull-crossbones"></i>


Grass:

seedling | <i class="fas fa-seedling"></i>

leaf | <i class="fas fa-leaf"></i>


Ground:

this one i struggled with.  I associate "ground" with the earth, digging, sand, deserts, while rock is sturdiness, gemstones/geodes, solid chunks of rock. if you don't use mountain for ground, you could use it for rock. 

globe-asia | <i class="fas fa-globe-asia"></i> (there is also globe-europe and globe-americas)

mountain | <i class="fas fa-mountain"></i>

shovel | <i class="fas fa-shovel"></i> (there is also globe-europe and globe-americas)


Ice:

snowflake | <i class="fas fa-snowflake"></i>


Normal:

for normal, a circle seems enough especially since this is a common symbol for the type. i also included paw though since it works for a lot of the simple mammal like normal pokemon.

circle | <i class="far fa-circle"></i>

paw | <i class="fas fa-paw"></i>


Poison:

flask-poison | <i class="fas fa-flask-poison"></i>

skull-crossbones | <i class="fas fa-skull-crossbones"></i>


radiation-alt | <i class="far fa-radiation-alt"></i>


Psychic:

eye | <i class="fas fa-eye"></i>


Rock:

mountain | <i class="fas fa-mountain"></i>

mountains | <i class="fas fa-mountains"></i>

gem | <i class="fas fa-gem"></i>

*i had a hard time picking one for ground, so if you wanted to use mountain for ground, you can use gem for rock, since gem = rock, while mountain could be either...


Steel:

cog | <i class="fas fa-cog"></i>

shield | <i class="fas fa-shield"></i>

shield-alt | <i class="fas fa-shield-alt"></i>


Water: 

water <i class="fas fa-water"></i>

tint <i class="fas fa-tint"></i>




Comments


highly recommend mountains instead of mountain for ground

i realize now that mountains is there for rock . maybe i didnt read . im sorry

This user is not visible to guests.

I needed this so much ty ty!!

This is pretty cool! Thank you 

I have a bulletin with hex codes for the typing colours

https://toyhou.se/~bulletins/218047.pokemon-type-colours-in-hex-code

Oooh I wish I could bookmark bulletins. ;w;

thanks king

Ooooo tysm!!

ohhhh i'm so going to use these!!

yes!!!!!! YES!!!!!!!!!!!!!!!!!

This user's account has been closed.

Maybe this for a light type?


 

sun | <i class="fas fa-sun"></i>

 

stars | <i class="fas fa-stars"></i>

 

stars (fal version) | <i class="fal fa-stars"></i>



This user's account has been closed.

:0 might use it!

SO COOL ND HELPFUL TYSMMM 💖💕

thank you so much for making this list, it's very helpful!!

Woah. This is really useful! Tysm mate! :D

This is so cool!! 

This user is not visible to guests.