American Airlines Icon
High-quality American Airlines transparent PNG for web & print.
Optimized American Airlines SVG vector code for developers.
Ready-to-use American Airlines React icon component.
Use American Airlines in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
How to use the American Airlines Icon
Copy the American Airlines icon as inline SVG, React code, HTML embed, or CSS mask.
Inline SVG
Paste the American Airlines SVG directly into HTML or JSX.
React Component
Use American Airlines as a typed React icon component.
import React from 'react';
export const AmericanAirlinesIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Use a hosted American Airlines icon URL with attribution.
CSS Mask
Use American Airlines as a colorable CSS mask icon.
.americanairlines-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #0078d2;
mask: url("https://www.aiuidesigner.com/icons/americanairlines.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/americanairlines.svg") center / contain no-repeat;
}American Airlines Icon Details
Brand color
Category
Brands
Formats
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
SVG file
593 B · 1 path
License
Check brand guidelines
Source
news.aa.comAbout the American Airlines Icon
The American Airlines icon is available here as a brand icon asset in SVG format. It is categorized under Brands and uses the brand color #0078D2. You can download it as a transparent PNG, copy the inline SVG, copy a React component, or embed it with HTML.
Use the source and brand guideline links on this page to verify current trademark usage rules before using the American Airlines logo in commercial projects, documentation, UI mockups, or marketing pages.
American Airlines Icon Frequently Asked Questions
Design a UI with the American Airlines icon
Generate a complete page that already uses this icon, color, and brand context.