ICONYZ
Bahasa Indonesia
Ikon Air Canada dari theSVG

Ikon Air Canada

thesvg:air-canada

Ikon Air Canada (thesvg:air-canada) adalah ikon SVG gratis dari set theSVG karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
theSVG
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
24 × 24
Tag
aircanada
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12.394 16.958c0-.789.338-.902 1.127-.451a54 54 0 0 0 2.704 1.465c0-.45.451-.789 1.24-.564s1.577.338 1.577.338s-.45-1.014-.676-1.464c-.338-.789 0-1.24.338-1.352c0 0-.45-.338-.789-.564c-.676-.45-.563-1.014.113-1.24c.902-.45 2.141-.9 2.141-.9c-.338-.226-.789-.79-.338-1.578c.45-.676 1.24-1.69 1.24-1.69H18.93c-.79 0-1.015-.676-1.015-1.127c0 0-1.239.901-2.14 1.465c-.79.563-1.465 0-1.352-.902a37 37 0 0 0 .338-2.93c-.451.451-1.24.339-1.69-.337c-.564-1.127-1.127-2.48-1.127-2.48S11.38 4 10.817 5.128c-.338.676-1.127.788-1.578.45a37 37 0 0 0 .338 2.93c.113.789-.563 1.352-1.352.789c-.901-.564-2.253-1.465-2.253-1.465c0 .45-.226 1.014-1.014 1.127H2.817s.789 1.014 1.24 1.69s0 1.352-.339 1.577c0 0 1.127.564 2.141.902c.676.338.902.788.113 1.24c-.226.225-.789.563-.789.563c.45.112.789.563.45 1.352c-.225.45-.675 1.464-.675 1.464s.788-.225 1.577-.338c.789-.225 1.127.226 1.24.564c0 0 1.352-.789 2.704-1.465c.676-.45 1.127-.225 1.127.45v1.916c0 1.127-.226 2.254-.564 2.93c-5.07-.564-9.352-4.62-9.352-10.028c0-5.521 4.62-10.029 10.366-10.029c5.747 0 10.367 4.508 10.367 10.029c0 5.183-4.057 9.464-9.24 10.028v1.352C19.268 22.592 24 17.746 24 11.775C24 5.352 18.592.282 11.944.282C5.408.282 0 5.352 0 11.662c0 5.521 4.169 10.14 9.69 11.155c.902.225 1.465.338 2.028.901c.564-1.126.676-3.38.676-4.62Z"/></svg>

Cara memakai ikon Air Canada

React

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

<Icon icon="thesvg:air-canada" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:air-canada" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:air-canada" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--air-canada]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:air-canada"></div>

Web component

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

<iconify-icon icon="thesvg:air-canada"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg/air-canada.svg" alt="Ikon Air Canada" width="24" height="24">

Ikon terkait di theSVG

Ikon Air Canada di set ikon lain

FAQ Ikon Air Canada

Apakah ikon Air Canada gratis untuk penggunaan komersial?

Ya. theSVG icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Air Canada di React?

Pasang @iconify/react lalu render <Icon icon="thesvg:air-canada" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Air Canada ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg/air-canada.svg" alt="Ikon Air Canada">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG →