Иконка Southwest Airlines

selfhst:southwest-airlines

Иконка Southwest Airlines (selfhst:southwest-airlines) — бесплатная SVG-иконка из набора selfh.st/icons от selfh.st. Она нарисована на сетке 512 × 512. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: selfh.st/icons
Автор: selfh.st
Лицензия: CC-BY-4.0
Размер: 512 × 512
Теги: southwestairlines, airline

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#ccc" d="M365.4 9.8c-43.8 0-81 15.3-109.4 30.6c-28.4-15.2-63.5-30.6-109.4-30.6C56.9 9.8 0 66.7 0 167.4c0 120.3 116 238.5 256 334.8C396 408.1 512 290 512 167.4C512 66.7 452.9 9.8 365.4 9.8"/><linearGradient id="SVGRcBwpPIJ" x1="14.091" x2="352.295" y1="1321.75" y2="1321.75" gradientTransform="translate(0 -1011)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#3656cc"/><stop offset=".35" stop-color="#304cb2"/><stop offset=".72" stop-color="#283b80"/></linearGradient><path fill="url(#SVGRcBwpPIJ)" d="M13.1 169.6c0 122.5 131.3 238.5 240.7 315.1c32.8-21.9 65.6-48.1 96.3-74.4C203.5 287.7 63.5 176.1 15.3 136.8c0 8.7-2.2 19.6-2.2 32.8"/><linearGradient id="SVGVyiQWcNp" x1="62.253" x2="444.319" y1="1052.832" y2="1320.359" gradientTransform="translate(0 -1011)" gradientUnits="userSpaceOnUse"><stop offset=".3" stop-color="#e61c23"/><stop offset=".8" stop-color="#c3161c"/></linearGradient><path fill="url(#SVGVyiQWcNp)" d="M487.9 226.5C380.7 138.9 317.3 93 247.2 51.4C227.6 40.5 190.4 23 148.8 23c-39.4 0-74.4 13.1-98.5 37.2C35 75.5 24 95.2 19.7 119.3c54.7 39.4 205.7 146.6 356.6 266.9c50.4-48.1 91.9-102.8 111.6-159.7"/><linearGradient id="SVGdenuskdE" x1="298.413" x2="516.86" y1="1019.244" y2="1172.201" gradientTransform="translate(0 -1011)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#fdbc11"/><stop offset=".25" stop-color="#fcb415"/><stop offset=".8" stop-color="#f89e1c"/></linearGradient><path fill="url(#SVGdenuskdE)" d="M459.5 60.2C435.4 36.1 402.6 23 363.2 23c-41.6 0-72.2 13.1-96.3 26.3c41.6 24.1 131.3 74.4 225.4 144.4c2.2-8.8 2.2-19.7 2.2-28.4c2.2-43.9-10.9-81.1-35-105.1"/></svg>

Как использовать иконку Southwest Airlines

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:southwest-airlines" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:southwest-airlines" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:southwest-airlines" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--southwest-airlines]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:southwest-airlines"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:southwest-airlines"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/selfhst/southwest-airlines.svg" alt="Иконка Southwest Airlines" width="24" height="24">

Иконка Southwest Airlines в других наборах

Вопросы и ответы: Иконка Southwest Airlines

Можно ли бесплатно использовать иконку Southwest Airlines в коммерческих проектах?

Да. selfh.st/icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Southwest Airlines в React?

Установите @iconify/react и выведите <Icon icon="selfhst:southwest-airlines" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Southwest Airlines на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/selfhst/southwest-airlines.svg" alt="Иконка Southwest Airlines">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все selfh.st/icons →