Flyway アイコン
simple-icons:flyway
Flyway アイコン(simple-icons:flyway)は、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="m3.02 21.055l1.12-.23c1.054-.219 2.114-.415 3.161-.66a4.955 4.952 0 0 0 3.696-3.915a6.06 6.057 0 0 0 .085-1.153l.366-.09a4.936 4.933 0 0 0 3.75-3.717a3.8 3.798 0 0 0 .128-1.06c-.002-.096 0-.193 0-.305c.094-.023.18-.047.267-.067a4.552 4.549 0 0 0 2.68-1.755a5.772 5.769 0 0 0 1.005-4.854c-.021-.088-.035-.179-.061-.264a.63.629 0 0 0-.728-.432l-3.184.652l-3.485.716l-4.002.822q-2.186.449-4.373.893a1.1 1.1 0 0 1-.422.06c-.007-.074-.017-.14-.017-.204c-.001-1.12.002-2.243-.005-3.364a.32.32 0 0 1 .174-.307a8.493 8.488 0 0 1 1.9-.86A17.205 17.194 0 0 1 7.827.315C8.373.23 8.922.181 9.47.12a26.795 26.777 0 0 1 3.526-.102c.496.01.992.051 1.487.097c.542.051 1.085.11 1.623.192a14.482 14.472 0 0 1 4.007 1.124c.262.123.509.28.764.422a.215.215 0 0 1 .122.223c-.004.054 0 .11 0 .163v19.519c0 .347.045.28-.262.472a8.437 8.432 0 0 1-1.961.857a16.78 16.769 0 0 1-2.851.63c-.6.08-1.2.146-1.804.207c-.277.03-.556.035-.835.043c-.564.015-1.128.041-1.691.03c-.636-.014-1.272-.059-1.907-.099a20.054 20.041 0 0 1-2.519-.332a13.423 13.415 0 0 1-3.224-.976c-.273-.13-.53-.29-.797-.435a.25.25 0 0 1-.144-.248c.008-.23 0-.46.003-.69c0-.049.01-.096.016-.163zm9.985-10.652a1.25 1.25 0 0 1-.09.55a2.624 2.622 0 0 1-2.045 1.84c-1.3.28-2.607.537-3.912.805l-.57.114a1.147 1.146 0 1 0 .403 2.256c.595-.11 1.186-.242 1.779-.363c.064-.014.128-.022.209-.035a2.584 2.582 0 0 1-.55 1.41A2.801 2.8 0 0 1 6.516 18q-1.655.336-3.308.676c-.052.01-.106.013-.156.02c-.048-.146-.061-10.38-.014-10.63l14.048-2.883a2 2 0 0 1-.016.18a3.438 3.436 0 0 1-.738 1.502a2.399 2.397 0 0 1-1.426.804c-1.11.216-2.218.45-3.326.677l-.96.196a1.17 1.17 0 0 0-.953 1.057a1.15 1.15 0 0 0 .875 1.186a1.747 1.746 0 0 0 .807-.054l1.475-.304c.053-.01.108-.014.18-.023z"/></svg>Flyway アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:flyway" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:flyway" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:flyway" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--flyway]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:flyway"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:flyway"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/flyway.svg" alt="Flyway アイコン" width="24" height="24">他のアイコンセットの Flyway アイコン
Flyway アイコン のよくある質問
Flyway アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Flyway アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:flyway" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Flyway アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/flyway.svg" alt="Flyway アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。