Ícone Altair
logos:altair
O ícone Altair (logos:altair) é um ícone SVG gratuito da coleção SVG Logos de Gil Barbara. Ele é desenhado em uma grade de 256 × 288. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- SVG Logos
- Autor
- Gil Barbara
- Licença
- CC0-1.0
- Tamanho
- 256 × 288
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="288" viewBox="0 0 256 288"><path fill="#33363b" d="M128.042 254.793L31.85 199.255V88.324l96.112-55.492l96.189 55.536v110.935zM236.344 81.329L127.962 18.752L19.656 81.284v125.01l108.386 62.578l108.302-62.53z"/><path fill="#7ebc59" d="M47.862 97.546c-7.05 12.267-22.77 16.454-35.037 9.402c-12.267-7.05-16.454-22.77-9.402-35.037c7.051-12.267 22.771-16.453 35.037-9.402c12.267 7.125 16.454 22.77 9.402 35.037m160.276 0c-7.052-12.267-2.865-27.912 9.401-35.037c12.268-7.05 27.913-2.865 35.038 9.402c7.051 12.267 2.865 27.912-9.402 35.037c-12.266 7.052-27.986 2.865-35.037-9.402M128 287.645c-14.176 0-25.635-11.46-25.635-25.636c0-14.178 11.459-25.636 25.635-25.636s25.635 11.459 25.635 25.636c0 14.103-11.458 25.635-25.635 25.635"/><path fill="#368cbf" d="M120.863 50.26a25.7 25.7 0 0 0 14.296-.006l77.422 134.094a25.5 25.5 0 0 0-4.517 5.75a25.7 25.7 0 0 0-2.694 6.758H50.633a25.7 25.7 0 0 0-2.697-6.758a25.8 25.8 0 0 0-4.51-5.718zm122.239 130.437c-6.285-3.614-13.473-4.27-19.94-2.408l-77.44-134.126a25.55 25.55 0 0 0 7.913-18.527C153.635 11.459 142.177 0 128 0c-14.176 0-25.635 11.458-25.635 25.635a25.55 25.55 0 0 0 7.93 18.542l-77.44 134.125c-6.47-1.88-13.657-1.228-19.956 2.394c-12.267 7.125-16.453 22.77-9.402 35.037s22.697 16.453 35.037 9.4A25.66 25.66 0 0 0 50.6 209.05h154.794c1.61 6.554 5.772 12.464 12.073 16.086c12.266 7.052 27.986 2.865 35.037-9.401c7.125-12.267 2.938-27.912-9.402-35.037"/></svg>Como usar o ícone Altair
React
import { Icon } from "@iconify/react";
<Icon icon="logos:altair" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:altair" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:altair" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--altair]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:altair"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:altair"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/logos/altair.svg" alt="Ícone Altair" width="24" height="24">Perguntas frequentes sobre Ícone Altair
O ícone Altair é grátis para uso comercial?
Sim. SVG Logos icons são publicados sob a licença CC0, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Altair no React?
Instale @iconify/react e renderize <Icon icon="logos:altair" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Altair a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/logos/altair.svg" alt="Ícone Altair">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.