Font Awesome Icons Guide

Social Media Icons

• facebook - Facebook
• twitter - Twitter/X
• instagram - Instagram
• linkedin - LinkedIn
• github - GitHub
• gitlab - GitLab
• youtube - YouTube
• twitch - Twitch
• discord - Discord
• telegram - Telegram
• whatsapp - WhatsApp
• snapchat - Snapchat
• pinterest - Pinterest
• reddit - Reddit
• tumblr - Tumblr
• vimeo - Vimeo
• medium - Medium
• spotify - Spotify
• apple - Apple
• android - Android
• amazon - Amazon
• soundcloud - SoundCloud
• lastfm - Last.fm
• rss - RSS feeds
• mastodon - Mastodon
• slack - Slack
• skype - Skype
• steam - Steam
• tiktok - TikTok
• vk - VK

Communication

• envelope - Email
• envelope-o - Email outline
• paper-plane - Send
• paper-plane-o - Send outline
• comment - Comment
• comments - Multiple comments
• chat - Chat bubble
• phone - Phone
• mobile - Mobile phone
• bell - Notifications
• bookmark - Bookmark
• message - Message

Transportation

• plane - Airplane
• car - Car
• automobile - Automobile
• bus - Bus
• taxi - Taxi
• truck - Truck
• train - Train
• subway - Subway
• bicycle - Bicycle
• motorcycle - Motorcycle
• ship - Ship
• rocket - Rocket
• space-shuttle - Space Shuttle

Weather & Nature

• cloud - Cloud
• sun - Sun
• sun-o - Sun outline
• moon - Moon
• moon-o - Moon outline
• star - Star
• stars - Multiple stars
• snowflake - Snowflake
• umbrella - Umbrella
• bolt - Lightning
• wind - Wind
• rainbow - Rainbow
• tree - Tree
• leaf - Leaf
• seedling - Seedling
• fire - Fire

Shapes & Symbols

• heart - Heart
• heart-o - Heart outline
• star - Star
• circle - Circle
• square - Square
• diamond - Diamond
• triangle - Triangle
• plus - Plus
• minus - Minus
• times - Times (×)
• check - Check mark
• exclamation - Exclamation
• question - Question mark
• info - Information
• asterisk - Asterisk

Directional

• arrow-right - Right arrow
• arrow-left - Left arrow
• arrow-up - Up arrow
• arrow-down - Down arrow
• arrows - All directions
• chevron-right - Right chevron
• chevron-left - Left chevron
• chevron-up - Up chevron
• chevron-down - Down chevron
• angle-right - Right angle
• angle-left - Left angle
• caret-right - Right caret
• caret-left - Left caret

Objects & Tools

• book - Book
• books - Stack of books
• pen - Pen
• pencil - Pencil
• paint-brush - Paint brush
• camera - Camera
• video-camera - Video camera
• music - Music note
• headphones - Headphones
• microphone - Microphone
• calendar - Calendar
• clock - Clock
• watch - Watch
• map - Map
• compass - Compass
• globe - Globe
• briefcase - Briefcase
• toolbox - Toolbox
• wrench - Wrench
• cog - Gear
• cogs - Multiple gears
• key - Key
• lock - Lock
• unlock - Unlock
• search - Magnifying glass
• flag - Flag
• gift - Gift
• trophy - Trophy
• tag - Tag
• tags - Multiple tags
• camera-retro - Retro camera
• film - Film
• palette - Color palette
• image - Image
• images - Multiple images

Food & Beverage

• coffee - Coffee
• tea - Tea
• beer - Beer
• wine-glass - Wine glass
• cocktail - Cocktail
• utensils - Utensils
• pizza-slice - Pizza
• hamburger - Hamburger
• ice-cream - Ice cream
• cookie - Cookie
• apple-alt - Apple
• carrot - Carrot
• lemon - Lemon

Technology

• desktop - Desktop computer
• laptop - Laptop
• tablet - Tablet
• mobile-alt - Mobile phone
• keyboard - Keyboard
• mouse - Mouse
• wifi - WiFi
• bluetooth - Bluetooth
• signal - Signal bars
• battery-full - Full battery
• battery-half - Half battery
• battery-empty - Empty battery
• power-off - Power button
• usb - USB
• memory - RAM
• hdd - Hard drive
• server - Server
• database - Database
• code - Code
• terminal - Terminal
• bug - Bug
• robot - Robot

Discouraged Icons

These icons may cause issues or are not recommended for various reasons:

• bug - Can be visually confusing or negative
• arrow-down - Can suggest negative movement/decline
• arrow-up - May be inconsistent with design
• times - Can appear too negative/harsh
• exclamation - May appear as a warning/error
• minus - Can suggest negative/removal
• ban - Too negative/restrictive
• trash - Negative connotation
• frown - Negative emotion
• thumbs-down - Negative feedback
• stop - Too restrictive/negative
• warning - Creates unnecessary concern
• bomb - Potentially alarming
• skull - Inappropriate for most contexts
• power-off - May suggest system shutdown

Instead of these icons, consider using more neutral or positive alternatives:

• Use comment instead of bug for feedback
• Use chevron-right instead of arrows for navigation
• Use check instead of times for completion
• Use info instead of exclamation for notices
• Use adjust instead of minus for settings
• Use archive instead of trash for storage

Usage Example

To use any of these icons in your settings.yml:

- {icon: 'icon-name', link: 'your-url'}

Note: Some icons might require Font Awesome Pro. The availability of icons may also depend on the version of Font Awesome being used in your project.