Asiana Airlines icon

thesvg-color:asiana-airlines

The Asiana Airlines icon (thesvg-color:asiana-airlines) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 927 × 334 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 927 × 334
Tags: asianaairlines, airline

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="927" height="334" viewBox="0 0 927 334"><path fill="#727171" d="M729.732 260.599c-3.966 7.194-11.747 9.63-19.566 9.63c-10.292 0-19.826-4.242-22.832-14.902c-.701-2.323-.775-4.685-.978-7.083h11.343c.183 1.625.443 3.21 1.05 4.76c2.012 4.923 6.494 7.008 11.6 7.008c3.91 0 9.775-1.66 9.775-6.493c0-1.032-.333-1.733-.775-2.674c-1.291-2.601-6.048-4.444-8.576-5.46c-5.18-2.175-11.766-4.516-16.173-7.892c-4.167-3.19-6.233-7.71-6.233-12.893c0-11.766 10.217-17.936 20.95-17.936c7.692 0 15.824 3.295 19.218 10.744c1.291 2.767 1.64 5.367 1.827 8.39H719.02c.075-5.698-4.59-9.019-9.959-9.019c-3.817 0-8.926 2.103-8.926 6.603c0 4.316 5.386 5.901 8.669 7.194c5.18 2.064 12.465 4.388 16.966 7.616c4.499 3.21 6.307 7.8 6.307 13.26c0 3.173-.776 6.402-2.344 9.147m-74.524-42.674v14.384h24.307v10.034h-24.307v16.635h27.7v10.032h-39.503v-61.136h38.542v10.051zm-70.86-10.05h12.582l24.845 43.044v-43.045h11.153v61.136h-11.783l-25.617-43.008v43.008h-11.18zm-22.33 0h11.785v61.136H562.02zm-6.915 51.103v10.032h-38.638v-61.136h12.043v51.104zm-58.205 10.032l-12.467-23.386h-8.483v23.387h-11.767v-61.137h16.524c4.942 0 10.144-.166 14.79 1.566c7.71 2.784 11.877 9.184 11.877 17.226c0 7.801-3.725 13.685-10.826 16.966l14.034 25.376h-13.682zm-6.233-49.943c-2.602-1.217-6.234-1.144-9.093-1.144h-5.626v17.67h7.71c6.233 0 11.692-1.735 11.692-9.093c.001-3.373-1.549-6.066-4.683-7.433m-48.845-11.192h11.766v61.136H441.82zm-18.434 61.135l-3.818-12.725H398l-3.79 12.725h-12.127l20.674-61.136h11.96l20.793 61.136zm-14.634-47.691l-7.8 24.915h15.675zm-66.364 47.728l-3.818-12.725H317.03l-3.818 12.725h-12.126l20.7-61.117h11.934l20.793 61.117zm-14.634-47.691l-7.8 24.915h15.694zm-79.608-13.426h12.559l24.862 43.026V207.93h11.157v61.117h-11.766l-25.645-43.045v43.045h-11.167zm-16.478 61.117l-3.817-12.725h-21.569l-3.798 12.725h-12.117l20.693-61.117h11.942l20.784 61.117zm-14.643-47.691l-7.792 24.915H224.9zm-44.528-13.426h11.784v61.117h-11.784zm-10.402 52.708c-3.984 7.194-11.766 9.629-19.567 9.629c-10.308 0-19.826-4.26-22.869-14.902c-.681-2.322-.774-4.685-.95-7.119h11.352c.174 1.66.434 3.21 1.042 4.797c1.982 4.923 6.49 7.006 11.59 7.006c3.91 0 9.784-1.66 9.784-6.491c0-1.051-.343-1.754-.775-2.695c-1.299-2.619-6.058-4.425-8.567-5.457c-5.2-2.159-11.766-4.5-16.193-7.876c-4.149-3.208-6.224-7.707-6.224-12.893c0-11.803 10.218-17.924 20.941-17.924c7.7 0 15.842 3.283 19.228 10.734c1.299 2.767 1.64 5.347 1.806 8.39H151.36c.084-5.716-4.6-9.019-9.968-9.019c-3.8 0-8.917 2.103-8.917 6.603c0 4.316 5.367 5.864 8.65 7.173c5.22 2.085 12.484 4.408 16.985 7.635c4.51 3.19 6.327 7.764 6.327 13.223c0 3.229-.776 6.42-2.342 9.186zm-57.19 8.409l-3.791-12.725h-21.57l-3.817 12.725H63.603l20.701-61.117h11.95l20.776 61.117zM90.29 221.356l-7.802 24.915h15.675z"/><path fill="#e60013" d="M710.769 124.313c0 2.14.314 4.306 1.163 6.363c3.726 9.258 13.205 14.92 25.266 10.106c2.878-1.152 82.622-33.297 82.622-33.297s-31.389 79.643-32.568 82.602c-4.573 11.426.922 21.754 10.253 25.22c2.046.774 4.224 1.124 6.345 1.105c7.616-.035 14.384-4.536 17.667-13.517c.48-1.365 39.763-109.216 40.647-111.815c.515-1.532 1.402-5.136 1.438-7.634c.035-5.339-1.955-10.365-5.772-14.165c-3.798-3.753-8.76-5.699-14.053-5.68c-2.526 0-4.628.453-7.764 1.448c-1.9.607-103.15 38.303-111.834 41.533c-8.65 3.225-13.426 10.123-13.41 17.731"/></svg>

How to use the Asiana Airlines icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:asiana-airlines" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:asiana-airlines" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:asiana-airlines" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--asiana-airlines]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:asiana-airlines"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:asiana-airlines"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/thesvg-color/asiana-airlines.svg" alt="Asiana Airlines icon" width="24" height="24">

Asiana Airlines icon FAQ

Is the Asiana Airlines icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Asiana Airlines icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:asiana-airlines" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Asiana Airlines icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/asiana-airlines.svg" alt="Asiana Airlines icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →