ICONYZ
日本語
theSVG の Turkish Airlines アイコン

Turkish Airlines アイコン

thesvg:turkish-airlines

Turkish Airlines アイコン(thesvg:turkish-airlines)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
タグ
turkishairlines、airline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M.168 13.988a11.9 11.9 0 0 0 1.69 4.423c3.095-.863 5.817-2.495 6.785-6.132c1.065-4.003-.15-8.199-3.057-10.422C1.626 4.364-.657 9.077.168 13.988m23.664-3.975c1.098 6.534-3.308 12.722-9.844 13.819c-1.1.185-2.19.214-3.245.103a12.02 12.02 0 0 1-8.46-4.892l19.428-5.57c.279-.08.207-.349-.024-.333l-8.145.569c1.148-1.108 2.021-2.467 1.915-4.345c-.214-3.043-3.311-6.013-9.071-7.967a12 12 0 0 1 6.87-1.333c5.228.548 9.663 4.512 10.576 9.95"/></svg>

Turkish Airlines アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="thesvg:turkish-airlines"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/turkish-airlines.svg" alt="Turkish Airlines アイコン" width="24" height="24">

他のアイコンセットの Turkish Airlines アイコン

Turkish Airlines アイコン のよくある質問

Turkish Airlines アイコンは商用利用でも無料ですか?

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Turkish Airlines アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg:turkish-airlines" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Turkish Airlines アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg/turkish-airlines.svg" alt="Turkish Airlines アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG アイコン をすべて見る →