Icône Cathay Pacific
thesvg-color:cathay-pacific
L'icône Cathay Pacific (thesvg-color:cathay-pacific) est une icône SVG gratuite de la collection theSVG Color par thesvg.org. Elle est dessinée sur une grille de 26 × 4. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- theSVG Color
- Auteur
- thesvg.org
- Licence
- MIT
- Taille
- 26 × 4
- Mots-clés
- cathaypacific
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="4" viewBox="0 0 26 4"><path fill="#005d63" d="M.056.014C-.087.758.44 2.168 1.394 2.782c.11.069.168.089.168.089c.014.006.004.016-.003.02l-1.23.787c-.004.003-.013.01-.01.018c.004.006.016.002.02.001c.987-.347 1.703-.632 2.14-.84c.445-.21.594-.331.578-.391c-.016-.057-.18-.033-.316-.045a2 2 0 0 1-.472-.1C1.557 2.07.924 1.75.056.014M6.974 1.75l-.797 1.671c-.119.229-.25.233-.25.233l-.013.013h.546l-.013-.013s-.152-.03-.055-.233l.142-.295h.684l.138.295c.097.203-.055.233-.055.233l-.012.013h.751l-.013-.013s-.138 0-.25-.233zm5.745 0l-.797 1.671c-.12.229-.25.233-.25.233l-.013.013h.545l-.012-.013s-.153-.03-.056-.233l.143-.295h.683l.139.295c.097.203-.055.233-.055.233l-.013.013h.751l-.012-.013s-.139 0-.25-.233zm-7.511.064c-.662 0-1.078.408-1.078.956c0 .44.343.928 1.05.928c.267 0 .579-.106.579-.106l.143-.49l-.016.01s-.232.383-.663.383c-.393 0-.663-.258-.663-.728c0-.469.263-.776.677-.776a.64.64 0 0 1 .584.335l.01.008V1.94s-.257-.125-.623-.125m2.585.008l-.001.363l.013-.01s.097-.157.312-.157h.306v1.404c0 .215-.121.234-.121.234l-.013.012h.652l-.012-.012s-.122-.019-.122-.234l.001-1.404h.3c.214 0 .318.158.318.158l.012.01l.001-.364s-.03.02-.245.02H8.038c-.215 0-.245-.02-.245-.02m3.15.02l.012.012s.122.016.122.231v.525h-.897v-.525c0-.215.123-.23.123-.23l.012-.012h-.652l.013.012s.121.015.121.23v1.337c0 .215-.121.234-.121.234l-.013.012h.652l-.012-.012s-.123-.019-.123-.234V2.79h.898v.633c0 .215-.122.234-.122.234l-.013.012h.653l-.013-.012s-.122-.019-.122-.234V2.085c0-.215.121-.23.121-.23l.013-.013zm2.416 0l.012.013s.11.018.252.233c.06.09.364.517.529.766v.568c0 .215-.122.234-.122.234l-.012.012h.651l-.012-.012s-.122-.019-.122-.234v-.568c.164-.249.47-.674.53-.765c.14-.215.303-.234.303-.234l.013-.012h-.572l.012.012s.161.045.04.234c-.06.092-.24.35-.403.598c-.164-.248-.341-.507-.4-.599c-.122-.19.04-.233.04-.233l.012-.012zm-6.468.537l.257.592h-.539zm5.744 0l.257.592h-.538zm5.286.592l.281-.593l.257.593zm1.167.45l-.802-1.671l-.797 1.67c-.12.23-.25.234-.25.234l-.013.013h.545l-.012-.013s-.153-.03-.056-.233l.144-.295h.682l.14.295c.096.203-.057.233-.057.233l-.012.013h.751l-.012-.013s-.139-.001-.251-.233m5.328-1.567l.013-.012h-.652l.012.012s.122.018.122.233v1.337c0 .215-.122.233-.122.233l-.012.013h.652l-.013-.013s-.122-.018-.122-.233V2.088c0-.215.122-.233.122-.233m-4.064 1.64c-.392 0-.663-.257-.663-.727s.263-.776.678-.776a.64.64 0 0 1 .584.334l.01.009V1.94s-.257-.126-.623-.126c-.663 0-1.078.408-1.078.956c0 .441.343.928 1.05.928c.268 0 .578-.106.578-.106l.143-.489l-.015.01s-.232.382-.664.382m1.906-1.652l.012.012s.121.018.121.233v1.337c0 .215-.121.233-.121.233l-.012.013h.651l-.012-.013s-.122-.018-.122-.233v-.647h.385c.215 0 .233.094.233.094l.012.013v-.392l-.012.012s-.018.094-.233.094h-.385v-.584h.463c.215 0 .304.124.304.124l.013.01v-.327s-.031.02-.246.02zm-.351.012l.012-.012h-.652l.013.012s.121.018.121.233v1.337c0 .215-.121.233-.121.233l-.013.013h.652l-.012-.013s-.122-.018-.122-.233V2.088c0-.215.122-.233.122-.233m4.462 1.258s-.231.382-.664.382c-.391 0-.663-.257-.663-.727s.263-.776.678-.776a.64.64 0 0 1 .584.334l.01.009V1.94s-.258-.127-.623-.127c-.662 0-1.078.41-1.078.957c0 .441.343.928 1.05.928c.268 0 .578-.106.578-.106l.144-.49zm-9.832-1.025v-.07h.085c.105 0 .214 0 .279.02q.259.079.259.39c0 .169-.107.42-.404.42a.6.6 0 0 1-.22-.055zm.347.935c.402 0 .642-.305.642-.6c0-.162-.06-.452-.467-.555a1.3 1.3 0 0 0-.325-.025h-.715l.012.012s.122.018.122.233v1.337c0 .215-.122.233-.122.233l-.012.013h.651l-.012-.013s-.121-.018-.121-.233v-.466a.9.9 0 0 0 .347.064"/></svg>Comment utiliser l'icône Cathay Pacific
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:cathay-pacific" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:cathay-pacific" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:cathay-pacific" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--cathay-pacific]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:cathay-pacific"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:cathay-pacific"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/cathay-pacific.svg" alt="Icône Cathay Pacific" width="24" height="24">L'icône Cathay Pacific dans d'autres collections
FAQ : Icône Cathay Pacific
L'icône Cathay Pacific est-elle gratuite pour un usage commercial ?
Oui. Les theSVG Color icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cathay Pacific dans React ?
Installez @iconify/react et affichez <Icon icon="thesvg-color:cathay-pacific" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cathay Pacific à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/thesvg-color/cathay-pacific.svg" alt="Icône Cathay Pacific">, ou collez le code SVG directement dans la page pour le styliser en CSS.