Altair icon
logos:altair
The Altair icon (logos:altair) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 288 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 288
SVG code
<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>How to use the Altair icon
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>HTML image
<img src="https://iconyz.com/api/public/svg/logos/altair.svg" alt="Altair icon" width="24" height="24">Altair icon FAQ
Is the Altair icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Altair icon in React?
Install @iconify/react and render <Icon icon="logos:altair" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Altair icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/altair.svg" alt="Altair icon">, or paste the SVG code inline to style it with CSS.