Aeroflot アイコン
simple-icons:aeroflot
Aeroflot アイコン(simple-icons:aeroflot)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9.066 12.725c-.056-.135-.097-.272-.143-.406l-6.675.406l1.35.693zm.909 1.247c-.057-.042-.115-.1-.17-.15a1.8 1.8 0 0 1-.287-.318l-3.333.67l1.419.509zm2.64-.286c.16-.025.4-.122.588-.268l-.968-2.032l1.005-.51l-.848-.782q-.904.437-1.809.868l.43 1.025l.694-.33zm1.65-4.241c.387.5.655 1.081.782 1.7h-.61a4 4 0 0 0-.172-.57c-.41-1.142-1.25-1.956-2.216-2.633c-.127-.078-.241-.164-.37-.238c.129.044.243.086.37.136c.88.372 1.662.885 2.216 1.605m.185 6.517c-.225.114-.455.22-.682.33l-.565-1.193c-.37.139-.76.215-1.154.226c-.424.02-.847-.04-1.249-.176l-.483 1.143c-.157.014-.374 0-.512-.106a.38.38 0 0 1-.169-.224c.204-.356.389-.723.579-1.087c-.127-.088-.24-.152-.355-.27l.344-.437c.582.38 1.22.585 1.845.585c.627.022 1.25-.192 1.832-.628c.19.055.385.119.541.18c-.058.046-.1.087-.157.136c-.114.12-.213.242-.398.346c.188.395.387.784.583 1.175m7.785-3.431L24 11.343h-9.55c0 .422-.06.784-.185 1.1c-.369 1.005-1.291 1.487-2.216 1.469c-.908-.027-1.834-.524-2.244-1.441a2.75 2.75 0 0 1-.229-1.128H0l1.75 1.188l7.316-.404c.138.553.397 1.037.74 1.395a3.07 3.07 0 0 0 2.243 1.01a2.79 2.79 0 0 0 2.216-.992c.312-.362.554-.826.694-1.385zm-.48.194l-1.352.663L15 12.725a10 10 0 0 0 .129-.406zm-3.907 1.462l-1.48.52a358 358 0 0 1-2.286-.735c.069-.06.125-.117.183-.196c.085-.074.157-.176.242-.254zm.711-.09l1.177-.575l-4.86-.614c-.043.164-.171.298-.256.432zm-13.116 0l-1.179-.542l4.885-.635c.09.152.171.286.27.42Z"/></svg>Aeroflot アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:aeroflot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:aeroflot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:aeroflot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--aeroflot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:aeroflot"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:aeroflot"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/aeroflot.svg" alt="Aeroflot アイコン" width="24" height="24">他のアイコンセットの Aeroflot アイコン
Aeroflot アイコン のよくある質問
Aeroflot アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Aeroflot アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:aeroflot" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Aeroflot アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/aeroflot.svg" alt="Aeroflot アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。