Vietnam Airlines
“Reach Further”
- Country
- 🇻🇳 Vietnam
- IATA and ICAO codes
- VN and HVN
- Alliance
- SkyTeam
- Website
- vietnamairlines.com
Brand colors, click to copy
Airline logos and icons, drawn as clean SVG.
Soaring Symbols collects the logos, icons and brand colors of 122 airlines from 64 countries. Browse them, download them, or install the whole set from npm.
Pick a row to see its logo, icon and colors.
Every icon is drawn on the same 24×24 grid and keeps the airline’s official colors, so a row of them lines up wherever you use it.
Use them in your project
The npm package ships every SVG with its airline’s codes, country, alliance and brand colors. Look an airline up by IATA code, ICAO code or name.
npm install soaring-symbolsimport { getAirline, getAssetPath } from 'soaring-symbols'
getAirline('VN')
// {
// name: 'Vietnam Airlines',
// iata: 'VN',
// icao: 'HVN',
// country: 'VN',
// alliance: 'SkyTeam',
// branding: { primary_color: '#d99e09', ... }
// }
getAssetPath('VN', 'logo')
// 'soaring-symbols/assets/vietnam-airlines/logo.svg'Ecosystem
The same marks, ready in the tools you already use.
Raycast extension
Search airlines from your launcher, see their codes, country and website, and grab their SVGs.
jsDelivr CDN
Link any mark straight from the npm package, with nothing to install. The slug is the airline’s name in lowercase with hyphens, like vietnam-airlines; swap logo for icon or tail to get the other marks.
https://cdn.jsdelivr.net/npm/soaring-symbols/dist/assets/<slug>/logo.svg
Add an airline
Missing a carrier, or spotted an outdated logo? Contributions go through GitHub in three steps.
Draw the SVG
Trace the logo on a 64×64 canvas and the icon on 24×24, using the official colors.
Read the guidelinesCheck it
The validator flags transforms, stray scripts and artwork that does not fill the canvas.
Open the validatorOpen a pull request
Add the files and the airline’s details. A maintainer reviews it before release.
Go to GitHub