Singapore Airlines アイコン
cbi:singapore-airlines
Singapore Airlines アイコン(cbi:singapore-airlines)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
- タグ
- singaporeairlines、airline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.235 2s-.484.697-.688 1c-.166.247-.207.59.031 1.063c0 0 3.072 4.9 3.219 5.125c.359.56.315 1.302 0 1.812c-.257.421-2.375 3.656-2.375 3.656h1.688c.613 0 .768-.218.937-.406c.17-.19 1.084-1.603 1.188-1.75c.106-.146.365-.531.718-.531h1.125V12a1.07 1.07 0 0 0-.656.406c-.17.23-1.272 1.901-1.406 2.094c-.17.243-.358.469-.844.469H8.485s2.153-3.146 2.312-3.406a1.07 1.07 0 0 0 0-1.032L7.735 5.687s-.522.817-.688 1.063c-.166.245-.286.54 0 1.031l2.219 3.5c.173.275.194.776 0 1.094c-.16.257-2.375 3.469-2.375 3.469h6.344c.644 0 1-.24 1.312-.688c.27-.38 1.309-1.918 1.469-2.156c.158-.238.483-.375.625-.375h.5l-.969-1.469h-1.531c-.295 0-.657.254-.844.531c-.147.22-1.217 1.809-1.406 2.063c-.108.143-.196.155-.281.156h-.188c.063-.126 1.807-2.682 2.156-3.25a2.47 2.47 0 0 0 .031-2.531C13.927 7.804 10.236 2 10.236 2m-1.22 1.813s-.477.723-.75 1.124c-.165.23-.216.529.032 1l2.844 4.532c.183.285.173.822-.031 1.156c-.167.273-2.032 3.031-2.032 3.031h.969s2.189-3.232 2.438-3.656c.296-.504.391-1.087.03-1.687c-.139-.236-3.5-5.5-3.5-5.5m7.22 12.937c-.619 0-1.126.506-1.126 1.125c0 .616.507 1.094 1.126 1.094c.617 0 1.124-.478 1.124-1.094a1.13 1.13 0 0 0-1.125-1.125m-13.25.094c-.462 0-.688.253-.688.593c0 .342.226.625.688.625h.593c.133 0 .219.072.219.22c0 .147-.087.218-.219.218h-1.25v.406h1.189c.466 0 .687-.313.687-.625s-.221-.625-.687-.625h-.563c-.13 0-.219-.075-.219-.218s.09-.22.22-.22h1.218v-.374Zm1.687 0v2.062h.469v-2.062Zm1.031 0v2.062h.438V17.22h.75c.183 0 .312.157.312.312v1.375h.438V17.47c0-.351-.257-.625-.657-.625h-.593l-.25.343v-.343Zm3.469 0c-.775 0-1.156.555-1.156 1.031s.38 1.031 1.156 1.031h.906v-1.343h-.437v.937H9.11c-.382 0-.657-.234-.657-.656c0-.424.274-.625.656-.625h.97v-.375Zm2.156 0l-1 2.062h.5l.25-.625h.969l.281.625h.469l-1-2.062Zm1.719 0v2.062h.438v-1l.28.313h.438c.388 0 .656-.315.656-.688c0-.374-.268-.687-.656-.687Zm4.656 0v2.062h.438V17.22h.718c.167 0 .25.137.25.281s-.084.313-.25.313h-.562l.906 1.093h.532l-.657-.781a.67.67 0 0 0 .469-.625c0-.355-.288-.656-.687-.656Zm2.344 0v2.062h1.656V18.5l-1.218.031V18h1.062v-.375h-1.062v-.406h1.218v-.375Zm-3.812.312a.73.73 0 0 1 .718.719c0 .386-.332.688-.718.688a.68.68 0 0 1-.688-.688c0-.39.299-.719.688-.719m-4.657.032l.313.75h-.656Zm1.906.03h.72c.165 0 .25.158.25.313s-.085.344-.25.344h-.72Zm-8.218 2.72l-1 2.062h.5l.25-.594h.968l.25.594h.5l-1-2.062Zm1.781 0V22h.438v-2.062Zm1.063 0V22h.468v-1.687h.688c.166 0 .281.168.281.312a.28.28 0 0 1-.281.281h-.531L9.609 22h.532l-.625-.781a.64.64 0 0 0 .437-.625a.64.64 0 0 0-.656-.657Zm2.343 0V22h1.5v-.375h-1.031v-1.687Zm1.844 0V22h.438v-2.062Zm1 0V22h.438v-1.687h.75c.183 0 .312.157.312.312V22h.438v-1.406c0-.35-.226-.657-.626-.657h-.593l-.281.344v-.343Zm2.438 0V22h1.656v-.375h-1.188v-.531h1.031v-.375h-1.03v-.407h1.187v-.375Zm2.78 0c-.461 0-.687.284-.687.625c0 .34.226.593.688.593h.593c.134 0 .22.071.22.219s-.086.25-.22.25h-1.25V22h1.188c.466 0 .688-.313.688-.625s-.222-.625-.688-.625h-.562c-.13 0-.22-.044-.22-.187s.09-.22.22-.22h1.25v-.405Zm-13.03.343l.343.75h-.656Z"/></svg>Singapore Airlines アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:singapore-airlines" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:singapore-airlines" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:singapore-airlines" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--singapore-airlines]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:singapore-airlines"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:singapore-airlines"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/singapore-airlines.svg" alt="Singapore Airlines アイコン" width="24" height="24">他のアイコンセットの Singapore Airlines アイコン
Singapore Airlines アイコン のよくある質問
Singapore Airlines アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Singapore Airlines アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:singapore-airlines" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Singapore Airlines アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/singapore-airlines.svg" alt="Singapore Airlines アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。