Singapore Airlines icon

cbi:singapore-airlines

The Singapore Airlines icon (cbi:singapore-airlines) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Custom Brand Icons
Author: Emanuele & rchiileea
License: CC-BY-NC-SA-4.0
Size: 24 × 24
Tags: singaporeairlines, airline

Download SVG

SVG code

<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>

How to use the Singapore Airlines icon

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 component

<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 image

<img src="https://iconyz.com/api/public/svg/cbi/singapore-airlines.svg" alt="Singapore Airlines icon" width="24" height="24">

Singapore Airlines icon in other icon sets

Singapore Airlines icon FAQ

Is the Singapore Airlines icon free for commercial use?

No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.

How do I use the Singapore Airlines icon in React?

Install @iconify/react and render <Icon icon="cbi:singapore-airlines" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Singapore Airlines icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/singapore-airlines.svg" alt="Singapore Airlines icon">, or paste the SVG code inline to style it with CSS.

Browse all Custom Brand Icons →