Ícone Skyscanner
arcticons:skyscanner
O ícone Skyscanner (arcticons:skyscanner) é um ícone SVG gratuito da coleção Arcticons de Donnnno. Ele é desenhado em uma grade de 48 × 48. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Arcticons
- Autor
- Donnnno
- Licença
- CC-BY-SA-4.0
- Tamanho
- 48 × 48
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linejoin="round" d="M24 36.311a2.34 2.34 0 0 0 1.158-.316l4.265-2.457c.86-.5 1.86-.702 2.85-.597c5.178.597 8.82 1.58 9.89 1.887c.22.061.465-.01.606-.193c.254-.316.438-.685.561-1.07c.132-.378.184-.782.166-1.185a.56.56 0 0 0-.412-.518c-1.685-.491-9.107-2.51-19.084-2.51S6.59 31.38 4.916 31.873a.58.58 0 0 0-.413.516q-.029.606.166 1.185c.124.386.308.745.562 1.07c.15.185.386.255.606.194c1.07-.317 4.712-1.29 9.889-1.887a4.63 4.63 0 0 1 2.851.596l4.265 2.457c.35.194.754.308 1.158.308Zm-7.116-13.829a1.704 1.704 0 0 0 2.316.623a1.703 1.703 0 0 0 .623-2.316l-3.843-6.643c-.123-.21-.36-.298-.605-.28c-.308.026-.737.184-1.238.474c-.5.29-.86.588-1.027.833c-.14.202-.183.456-.06.667zm-3.519 4.756a1.694 1.694 0 0 0 2.317-.623a1.694 1.694 0 0 0-.623-2.317l-6.642-3.834c-.21-.123-.466-.079-.668.062c-.254.175-.543.525-.833 1.026c-.29.5-.448.939-.474 1.237c-.017.245.07.482.281.606zm12.328-7.116a1.694 1.694 0 0 1-3.386 0v-7.678c0-.245.166-.439.386-.543c.271-.132.728-.212 1.307-.212c.58 0 1.035.08 1.307.212c.22.104.386.298.386.543zm5.423 2.36a1.704 1.704 0 0 1-2.316.623a1.703 1.703 0 0 1-.623-2.316l3.843-6.643c.123-.21.36-.298.605-.28c.308.026.737.184 1.237.474s.86.588 1.027.833c.14.202.184.456.062.667zm3.519 4.756a1.694 1.694 0 0 1-2.317-.623a1.694 1.694 0 0 1 .623-2.317l6.642-3.834c.21-.123.466-.079.668.062c.245.175.543.525.833 1.026c.29.5.448.939.474 1.237c.017.245-.07.482-.281.606z"/></svg>Como usar o ícone Skyscanner
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:skyscanner" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:skyscanner" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:skyscanner" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--skyscanner]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:skyscanner"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:skyscanner"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/arcticons/skyscanner.svg" alt="Ícone Skyscanner" width="24" height="24">Perguntas frequentes sobre Ícone Skyscanner
O ícone Skyscanner é grátis para uso comercial?
Sim. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.
Como uso o ícone Skyscanner no React?
Instale @iconify/react e renderize <Icon icon="arcticons:skyscanner" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Skyscanner a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/arcticons/skyscanner.svg" alt="Ícone Skyscanner">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.