southwestairlines logo

southwestairlines from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
southwestairlines
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the southwestairlines logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.163 2.419C21.038 1.219 19.35.58 17.437.58c-2.062 0-3.637.675-4.725 1.275c2.063 1.163 6.526 3.75 11.175 7.163c.075-.45.113-.938.113-1.388c-.038-2.175-.675-4.012-1.837-5.212zm1.35 8.212C18.186 6.244 15 4.031 11.55 1.97C10.612 1.406 8.775.58 6.675.58C4.688.581 3 1.22 1.837 2.42C1.087 3.206.563 4.18.262 5.38C3 7.294 10.462 12.656 18 18.581c2.512-2.362 4.613-5.1 5.512-7.95zM0 7.781c0 6.15 6.487 11.85 12 15.638c1.575-1.088 3.225-2.325 4.8-3.713A737 737 0 0 0 .15 6.131C.038 6.62 0 7.181 0 7.781"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsSouthwestairlines(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.163 2.419C21.038 1.219 19.35.58 17.437.58c-2.062 0-3.637.675-4.725 1.275c2.063 1.163 6.526 3.75 11.175 7.163c.075-.45.113-.938.113-1.388c-.038-2.175-.675-4.012-1.837-5.212zm1.35 8.212C18.186 6.244 15 4.031 11.55 1.97C10.612 1.406 8.775.58 6.675.58C4.688.581 3 1.22 1.837 2.42C1.087 3.206.563 4.18.262 5.38C3 7.294 10.462 12.656 18 18.581c2.512-2.362 4.613-5.1 5.512-7.95zM0 7.781c0 6.15 6.487 11.85 12 15.638c1.575-1.088 3.225-2.325 4.8-3.713A737 737 0 0 0 .15 6.131C.038 6.62 0 7.181 0 7.781"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M22.163 2.419C21.038 1.219 19.35.58 17.437.58c-2.062 0-3.637.675-4.725 1.275c2.063 1.163 6.526 3.75 11.175 7.163c.075-.45.113-.938.113-1.388c-.038-2.175-.675-4.012-1.837-5.212zm1.35 8.212C18.186 6.244 15 4.031 11.55 1.97C10.612 1.406 8.775.58 6.675.58C4.688.581 3 1.22 1.837 2.42C1.087 3.206.563 4.18.262 5.38C3 7.294 10.462 12.656 18 18.581c2.512-2.362 4.613-5.1 5.512-7.95zM0 7.781c0 6.15 6.487 11.85 12 15.638c1.575-1.088 3.225-2.325 4.8-3.713A737 737 0 0 0 .15 6.131C.038 6.62 0 7.181 0 7.781"/></svg>
</template>

CSS

.icon-southwestairlines {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.163%202.419C21.038%201.219%2019.35.58%2017.437.58c-2.062%200-3.637.675-4.725%201.275c2.063%201.163%206.526%203.75%2011.175%207.163c.075-.45.113-.938.113-1.388c-.038-2.175-.675-4.012-1.837-5.212zm1.35%208.212C18.186%206.244%2015%204.031%2011.55%201.97C10.612%201.406%208.775.58%206.675.58C4.688.581%203%201.22%201.837%202.42C1.087%203.206.563%204.18.262%205.38C3%207.294%2010.462%2012.656%2018%2018.581c2.512-2.362%204.613-5.1%205.512-7.95zM0%207.781c0%206.15%206.487%2011.85%2012%2015.638c1.575-1.088%203.225-2.325%204.8-3.713A737%20737%200%200%200%20.15%206.131C.038%206.62%200%207.181%200%207.781%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.163%202.419C21.038%201.219%2019.35.58%2017.437.58c-2.062%200-3.637.675-4.725%201.275c2.063%201.163%206.526%203.75%2011.175%207.163c.075-.45.113-.938.113-1.388c-.038-2.175-.675-4.012-1.837-5.212zm1.35%208.212C18.186%206.244%2015%204.031%2011.55%201.97C10.612%201.406%208.775.58%206.675.58C4.688.581%203%201.22%201.837%202.42C1.087%203.206.563%204.18.262%205.38C3%207.294%2010.462%2012.656%2018%2018.581c2.512-2.362%204.613-5.1%205.512-7.95zM0%207.781c0%206.15%206.487%2011.85%2012%2015.638c1.575-1.088%203.225-2.325%204.8-3.713A737%20737%200%200%200%20.15%206.131C.038%206.62%200%207.181%200%207.781%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/southwestairlines.svg?color=%231a73e8&size=48