ICONS

Font Awesome

Brand logos, payment marks and the free Solid / Regular set.
THEME
01

Browser

Solid, Regular and Brands — search and copy
/
1392 icons
Preview
SIZE
COLOUR
Click any icon for its class, HTML, React and SVG.
Font Awesome Free v6.5.2 · icons CC BY 4.0 · code MIT · logos ™ their owners
02

Brands in Avava

Connections, sharing, payments, sign-in, footer
Connected appsconnect · connected · disconnect
Google DriveBack up finals automatically
DropboxSync selects folder
InstagramPost approved heroes
Stripe✓ Connected · studio@avava.io
PayPalAlternative checkout
SlackClient comments to #spring27
Share a gallerybrand or monochrome
Paymentsdetects the card brand
Try 4242…, 5555… or 3782…
Sign in withofficial colours
Portfolio footermuted → brand on hover
avava · studio
© 2026 Avava Studio · Berlin
03

Utilities

Animation, transforms, stacks, lists
Animationsfa-spin · beat · fade · bounce · shake
fa-spinfa-spin-pulsefa-beatfa-shakefa-beat-fadefa-bouncefa-flipfa-fade
Font Awesome turns these off by itself under prefers-reduced-motion.
Rotate & flipfa-rotate-* · fa-flip-*
<i class="fa-solid fa-plane"></i>
Stacks & countersfa-stack · badge
CameraApprovedNo photosFeatured
Click to clear
Icon listsfa-ul · fa-li
STUDIO PLAN
  • Unlimited client galleries
  • 2 TB storage
  • Custom domain
  • Print store
  • White-label app
SHOOT DAY
04

Rules & a11y

Brand use, licence, checklist
Brand logos
Official colour or monochromenever recolour a logo in your accent colour
Clear space around logosat least ¼ of the logo height on every side
Don’t alter the markno rotation, outlines, gradients (except Instagram’s own)
LicenceFA Free icons CC BY 4.0, code MIT; logos are trademarks of their owners
Use for links to the brandnot as decoration or your own features
Checklist
✓Icon fonts are aria-hiddenFA adds it automatically with the JS kit; add it yourself with CSS
✓Icon-only links get a labelaria-label="Instagram"
✓Card logos have a rolerole="img" + aria-label="Visa"
✓Respect reduced motionFA animations stop under prefers-reduced-motion
✓Subset in productionimport only the icons you use (SVG + JS tree-shaking)
DO✓Use FA for brands and payment marks✓Keep UI icons from Lucide / Phosphor✓Show payment logos at their true colours✓Load only the styles you need
DON’T✕Mix FA Solid with Lucide outline in one row✕Animate icons that aren’t loading or alerting✕Use the full 2,000-icon font on a public site✕Invent brand colours