Icono Southwest Airlines
selfhst:southwest-airlines
El icono Southwest Airlines (selfhst:southwest-airlines) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- 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>Cómo usar el icono 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>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/southwest-airlines.svg" alt="Icono Southwest Airlines" width="24" height="24">Iconos relacionados en selfh.st/icons
El icono Southwest Airlines en otras colecciones
Preguntas frecuentes sobre Icono Southwest Airlines
¿El icono Southwest Airlines es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Southwest Airlines en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:southwest-airlines" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Southwest Airlines a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/southwest-airlines.svg" alt="Icono Southwest Airlines">, o pega el código SVG en línea para darle estilo con CSS.