Ikon Astro
PNG transparan Astro berkualitas tinggi untuk web & cetak.
Kode vektor SVG Astro yang dioptimalkan untuk pengembang.
Komponen ikon React Astro yang siap digunakan.
Use Astro in a generated UI
Turn this icon into a login page, dashboard, landing page, or integration screen.
Cara menggunakan Ikon Astro
Salin ikon Astro sebagai SVG inline, kode React, sematan HTML, atau CSS mask.
SVG Inline
Tempelkan SVG Astro langsung ke dalam HTML atau JSX.
Komponen React
Gunakan Astro sebagai komponen ikon React yang bertipe.
import React from 'react';
export const AstroIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);Sematkan HTML
Gunakan URL ikon Astro yang di-host dengan atribusi.
CSS Mask
Gunakan Astro sebagai ikon CSS mask yang warnanya bisa diubah.
.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;
}Detail Ikon Astro
Warna merek
Kategori
Pengembangan
Format
SVG, PNG, React, HTML, CSS mask
SVG viewBox
0 0 24 24
File SVG
779 B · 1 path
Lisensi
Periksa panduan merek
Sumber
astro.buildTentang Ikon Astro
icons.aboutParagraph1
Gunakan tautan sumber dan panduan merek di halaman ini untuk memverifikasi aturan penggunaan merek dagang saat ini sebelum menggunakan logo Astro dalam proyek komersial, dokumentasi, mockup UI, atau halaman pemasaran.
Astro Ikon Pertanyaan yang Sering Diajukan
Design a UI with the Astro icon
Generate a complete page that already uses this icon, color, and brand context.