Ícone Southwest Airlines
selfhst:southwest-airlines
O ícone Southwest Airlines (selfhst:southwest-airlines) é um ícone SVG gratuito da coleção selfh.st/icons de selfh.st. Ele é desenhado em uma grade de 512 × 512. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- selfh.st/icons
- Autor
- selfh.st
- Licença
- CC-BY-4.0
- Tamanho
- 512 × 512
- Tags
- southwestairlines, airline
Código 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>Como usar o ícone 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:southwest-airlines"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/selfhst/southwest-airlines.svg" alt="Ícone Southwest Airlines" width="24" height="24">Ícones relacionados em selfh.st/icons
O ícone Southwest Airlines em outras coleções
Perguntas frequentes sobre Ícone Southwest Airlines
O ícone Southwest Airlines é grátis para uso comercial?
Sim. selfh.st/icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Southwest Airlines no React?
Instale @iconify/react e renderize <Icon icon="selfhst:southwest-airlines" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Southwest Airlines a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/selfhst/southwest-airlines.svg" alt="Ícone Southwest Airlines">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.