Astro Icoon
Hoge kwaliteit Astro transparante PNG voor web & print.
Geoptimaliseerde Astro SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Astro React-icooncomponent.
Use Astro in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Hoe gebruik je het Astro Icoon
Kopieer het Astro icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Astro SVG direct in HTML of JSX.
React Component
Gebruik Astro als een getypeerd React-icooncomponent.
import React from 'react';
export const AstroIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Astro icoon-URL met bronvermelding.
CSS-masker
Gebruik Astro als een kleurbaar CSS-masker icoon.
.astro-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #bc52ee;
mask: url("https://www.aiuidesigner.com/icons/astro.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/astro.svg") center / contain no-repeat;
}Astro Icoon Details
Merkkleur
Categorie
Ontwikkeling
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
779 B · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Bron
astro.buildOver het Astro Icoon
Het Astro icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Ontwikkeling en gebruikt de merkkleur #BC52EE. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Astro logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Astro Icoon Veelgestelde Vragen
Design a UI with the Astro icon
Generate a complete page that already uses this icon, color, and brand context.