Home/Libraries/SVG Logos (Iconify)/astro

SVG Logos (Iconify)

Astro

License: CC0-1.0Commercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" 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="#818cf8" 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="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. AstroIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC0-1.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.