Boarding Pass アイコン
streamline-stickies-color:boarding-pass
Boarding Pass アイコン(streamline-stickies-color:boarding-pass)は、Stickies color icons セットの無料 SVG アイコンです（作者: Streamline）。 41 × 41 のグリッドで描かれています。 Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stickies color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 41 × 41
- カテゴリ
- 旅行・評価
- タグ
- boardingpass
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="41" height="41" viewBox="0 0 41 41"><g fill="none"><path fill="#ff52a1" stroke="#231f20" stroke-miterlimit="10" d="M38.89 9.18c-.55-2-4.22-1.7-6.35-1.7c-1.58 0-4-.16-5.34.55c-3.08-.65-8.06-.56-11.38-.56c-4.7 0-12.77-.18-14 1.82C.62 10.28.5 15.6.5 20s.12 9.72 1.34 10.71c1.21 2 9.28 1.82 14 1.82c3.32 0 8.3.09 11.38-.56c1.38.71 3.77.55 5.34.55c2.13 0 5.8.31 6.35-1.7c.55-1 .61-6.37.61-10.82s-.08-9.81-.63-10.82Z"/><path stroke="#231f20" stroke-linecap="round" stroke-miterlimit="10" d="M28.36 11.64v2.79m0 4.18v2.78m0 4.18v2.79"/><path fill="#fff" stroke="#231f20" stroke-miterlimit="10" d="M21.26 23.17a31 31 0 0 0-1.84-3.49c1.7-2.46 1.34-4.39.44-5.29s-2.84-1.25-5.3.47A31 31 0 0 0 11.07 13a2.41 2.41 0 0 0-2.64.47a2 2 0 0 0 0 2.69c.678.964 1.43 1.874 2.25 2.72a20.4 20.4 0 0 0-2 3.25c-.47-.21-.85-.35-1-.39a1.45 1.45 0 0 0-1.43.4a1.12 1.12 0 0 0-.15 1.43A15.5 15.5 0 0 0 8.27 26a16.2 16.2 0 0 0 2.46 2.09a1.11 1.11 0 0 0 1.42-.09a1.45 1.45 0 0 0 .4-1.43c-.05-.12-.19-.5-.4-1a20.6 20.6 0 0 0 3.24-2a20.4 20.4 0 0 0 2.74 2.23a2 2 0 0 0 2.68 0a2.39 2.39 0 0 0 .45-2.63Z"/><path stroke="#231f20" stroke-linecap="round" stroke-linejoin="round" d="m17.65 17.99l-1.38-1.38"/><path stroke="#fff" stroke-linecap="round" stroke-miterlimit="10" d="M33.44 10.25c3.27 0 3.27 0 3.27 2.1"/></g></svg>Boarding Pass アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-stickies-color:boarding-pass" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-stickies-color:boarding-pass" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-stickies-color:boarding-pass" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--boarding-pass]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:boarding-pass"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-stickies-color:boarding-pass"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/boarding-pass.svg" alt="Boarding Pass アイコン" width="24" height="24">Stickies color icons の関連アイコン
他のアイコンセットの Boarding Pass アイコン
Boarding Pass アイコン のよくある質問
Boarding Pass アイコンは商用利用でも無料ですか?
はい。Stickies color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Boarding Pass アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-stickies-color:boarding-pass" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Boarding Pass アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/boarding-pass.svg" alt="Boarding Pass アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。