Astro icon

logos:astro

The Astro icon (logos:astro) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 135 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: 512 × 135

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="135" viewBox="0 0 512 135"><defs><linearGradient id="SVGxAS53bCX" x1="0%" x2="116.842%" y1="91.269%" y2="41.115%"><stop offset="0%" stop-color="#d83333"/><stop offset="100%" stop-color="#f041ff"/></linearGradient></defs><path fill="#fff" d="M34.698 114.618c-6.08-5.558-7.854-17.234-5.321-25.693c4.391 5.333 10.476 7.023 16.78 7.976c9.73 1.472 19.286.922 28.325-3.526c1.034-.509 1.99-1.187 3.12-1.872c.847 2.46 1.068 4.944.772 7.473c-.72 6.158-3.785 10.915-8.659 14.52c-1.949 1.442-4.01 2.731-6.024 4.092c-6.184 4.178-7.857 9.08-5.533 16.208c.055.174.105.348.23.772c-3.158-1.413-5.464-3.47-7.221-6.176c-1.856-2.855-2.74-6.014-2.786-9.43c-.023-1.663-.023-3.342-.247-4.98c-.546-3.997-2.422-5.787-5.957-5.89c-3.628-.106-6.498 2.136-7.259 5.669c-.058.27-.142.538-.226.853z"/><path fill="url(#SVGxAS53bCX)" d="M34.698 114.618c-6.08-5.558-7.854-17.234-5.321-25.693c4.391 5.333 10.476 7.023 16.78 7.976c9.73 1.472 19.286.922 28.325-3.526c1.034-.509 1.99-1.187 3.12-1.872c.847 2.46 1.068 4.944.772 7.473c-.72 6.158-3.785 10.915-8.659 14.52c-1.949 1.442-4.01 2.731-6.024 4.092c-6.184 4.178-7.857 9.08-5.533 16.208c.055.174.105.348.23.772c-3.158-1.413-5.464-3.47-7.221-6.176c-1.856-2.855-2.74-6.014-2.786-9.43c-.023-1.663-.023-3.342-.247-4.98c-.546-3.997-2.422-5.787-5.957-5.89c-3.628-.106-6.498 2.136-7.259 5.669c-.058.27-.142.538-.226.853z"/><path fill="#17191e" d="M0 87.515s18.002-8.77 36.054-8.77l13.61-42.122c.51-2.037 1.998-3.421 3.678-3.421s3.167 1.384 3.677 3.421l13.61 42.123c21.38 0 36.055 8.769 36.055 8.769S76.106 4.216 76.046 4.049C75.168 1.586 73.686 0 71.69 0H34.997C33 0 31.577 1.586 30.64 4.049C30.574 4.213 0 87.515 0 87.515M189.798 60.72c0 7.382-9.181 11.79-21.894 11.79c-8.275 0-11.2-2.05-11.2-6.356c0-4.51 3.632-6.664 11.905-6.664c7.467 0 13.823.103 21.19 1.025zm.101-9.124c-4.54-1.025-11.402-1.64-19.574-1.64c-23.812 0-35.01 5.639-35.01 18.76c0 13.636 7.667 18.865 25.425 18.865c15.034 0 25.223-3.794 28.957-13.123h.604l-.087 2.016a124 124 0 0 0-.11 3.7l-.003.538c0 4.711.77 5.208 4.483 5.227l18.823.001c-.983-2.795-1.582-10.547-1.613-17.388v-.553c0-7.484.3-13.122.3-20.708c0-15.48-9.28-25.323-38.339-25.323c-12.51 0-26.434 2.153-37.028 5.331c1.008 4.204 2.421 12.713 3.128 18.249c9.181-4.306 22.197-6.151 32.287-6.151c13.922 0 17.757 3.178 17.757 9.636zm50.938 13.43c-2.018.246-4.617.295-7.384.305l-2.1.003c-3.733 0-7.163-.103-9.485-.41c0 .82-.1 1.743-.1 2.563c0 12.815 8.375 20.298 37.836 20.298c27.745 0 36.725-7.38 36.725-20.4l-.008-.731c-.239-11.812-6.471-17.647-32.278-18.953l-2.416-.12c-17.824-.967-19.803-3.071-19.88-5.465l-.002-.156c0-2.973 2.623-4.511 16.345-4.511l1.748.01c12.795.158 16.312 2.11 16.312 6.038v.923l1.393-.06a217 217 0 0 1 7.432-.144l1.744.003c3.178.02 6.426.121 8.4.303c0-.922.1-1.742.1-2.46c0-15.07-12.511-19.991-36.725-19.991c-27.242 0-36.424 6.664-36.424 19.683c0 11.688 7.366 18.967 33.498 20.094l2.393.088c17.056.714 18.997 2.808 18.997 5.653l-.009.272c-.181 2.988-3.51 4.342-16.639 4.342l-1.187-.005c-14.359-.107-18.185-2.206-18.284-6.386zM329.63 11c-7.365 6.869-20.582 13.737-27.947 15.583l.029 1.296c.072 3.93.072 9.867.072 13.261l6.76.103l-.12 9.573c-.045 4.213-.078 8.325-.082 11.62v.746c0 13.635 7.162 23.887 29.46 23.887c9.384 0 15.64-1.025 23.408-2.666c-.807-5.023-1.715-12.712-2.018-18.556c-4.64 1.538-10.492 2.358-16.95 2.358c-8.98 0-12.612-2.46-12.612-9.534l.005-6.548c.008-3.724.032-7.283.096-10.675l7.22.077c8.915.112 17.207.274 22.544.436c-.101-5.332.1-13.02.403-18.146l-3.499.068c-8.848.16-18.353.24-26.365.24L330.336 11zm61.068 27.167l-.807-.102l.28-13.304l.022-.946h-20.28l.071 2.274c.232 8.12.232 16.698.232 28.789l-.013 7.472c-.032 9.386-.129 16.62-.29 23.591h23.206c-.378-5.754-.49-15.187-.503-23.598l-.002-1.724c0-13.943 5.65-17.94 18.464-17.94c5.954 0 10.191.717 13.924 2.05c.101-5.229 1.11-15.378 1.714-19.89c-3.62-1.064-7.601-1.763-12.367-1.838l-.85-.006c-10.997-.103-19.068 4.408-22.8 15.172m100.215 16.3c0 11.175-8.071 16.404-20.784 16.404c-12.611 0-20.683-4.921-20.683-16.403c0-11.333 7.962-15.675 20.198-15.786l.485-.002c12.612 0 20.784 4.613 20.784 15.788M512 53.955c0-22.246-17.354-32.19-41.87-32.19c-24.618 0-41.367 9.944-41.367 32.19c0 22.144 15.638 34.037 41.265 34.037c25.83 0 41.972-11.893 41.972-34.037"/></svg>

How to use the Astro icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:astro" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:astro" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:astro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--astro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:astro"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:astro"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/astro.svg" alt="Astro icon" width="24" height="24">

Related icons in SVG Logos

Astro icon in other icon sets

Astro icon FAQ

Is the Astro 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 Astro icon in React?

Install @iconify/react and render <Icon icon="logos:astro" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Astro icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/astro.svg" alt="Astro icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →