diff --git a/packages/astro/components/Icon.astro b/packages/astro/components/Icon.astro
new file mode 100644
index 000000000..6625c2746
--- /dev/null
+++ b/packages/astro/components/Icon.astro
@@ -0,0 +1,12 @@
+---
+export interface Props {
+ use: string;
+ size?: number;
+}
+
+let { use, size = 32 } = Astro.props;
+if (!use.startsWith('`;
+}
+---
+
diff --git a/packages/astro/components/index.js b/packages/astro/components/index.js
index 8b19c7d1f..2b6a23645 100644
--- a/packages/astro/components/index.js
+++ b/packages/astro/components/index.js
@@ -1,4 +1,5 @@
export { default as Code } from './Code.astro';
export { default as Debug } from './Debug.astro';
+export { default as Icon } from './Icon.astro';
export { default as Markdown } from './Markdown.astro';
export { default as Prism } from './Prism.astro';
diff --git a/packages/astro/icons/index.js b/packages/astro/icons/index.js
new file mode 100644
index 000000000..98fd1a96c
--- /dev/null
+++ b/packages/astro/icons/index.js
@@ -0,0 +1,3845 @@
+export const Icon10k = "";
+export const Icon10mp = "";
+export const Icon11mp = "";
+export const Icon123 = "";
+export const Icon12mp = "";
+export const Icon13mp = "";
+export const Icon14mp = "";
+export const Icon15mp = "";
+export const Icon16mp = "";
+export const Icon17mp = "";
+export const Icon18mp = "";
+export const Icon19mp = "";
+export const Icon1k = "";
+export const Icon1kPlus = "";
+export const Icon1xMobiledata = "";
+export const Icon20mp = "";
+export const Icon21mp = "";
+export const Icon22mp = "";
+export const Icon23mp = "";
+export const Icon24mp = "";
+export const Icon2k = "";
+export const Icon2kPlus = "";
+export const Icon2mp = "";
+export const Icon30fps = "";
+export const Icon30fpsSelect = "";
+export const Icon360 = "";
+export const Icon3dRotation = "";
+export const Icon3gMobiledata = "";
+export const Icon3k = "";
+export const Icon3kPlus = "";
+export const Icon3mp = "";
+export const Icon3p = "";
+export const Icon4gMobiledata = "";
+export const Icon4gPlusMobiledata = "";
+export const Icon4k = "";
+export const Icon4kPlus = "";
+export const Icon4mp = "";
+export const Icon5g = "";
+export const Icon5k = "";
+export const Icon5kPlus = "";
+export const Icon5mp = "";
+export const Icon6FtApart = "";
+export const Icon60fps = "";
+export const Icon60fpsSelect = "";
+export const Icon6k = "";
+export const Icon6kPlus = "";
+export const Icon6mp = "";
+export const Icon7k = "";
+export const Icon7kPlus = "";
+export const Icon7mp = "";
+export const Icon8k = "";
+export const Icon8kPlus = "";
+export const Icon8mp = "";
+export const Icon9k = "";
+export const Icon9kPlus = "";
+export const Icon9mp = "";
+export const IconAbc = "";
+export const IconAcUnit = "";
+export const IconAccessAlarm = "";
+export const IconAccessAlarms = "";
+export const IconAccessTime = "";
+export const IconAccessTimeFilled = "";
+export const IconAccessibility = "";
+export const IconAccessibilityNew = "";
+export const IconAccessible = "";
+export const IconAccessibleForward = "";
+export const IconAccountBalance = "";
+export const IconAccountBalanceWallet = "";
+export const IconAccountBox = "";
+export const IconAccountCircle = "";
+export const IconAccountTree = "";
+export const IconAdUnits = "";
+export const IconAdb = "";
+export const IconAdd = "";
+export const IconAddAPhoto = "";
+export const IconAddAlarm = "";
+export const IconAddAlert = "";
+export const IconAddBox = "";
+export const IconAddBusiness = "";
+export const IconAddCard = "";
+export const IconAddChart = "";
+export const IconAddCircle = "";
+export const IconAddCircleOutline = "";
+export const IconAddComment = "";
+export const IconAddIcCall = "";
+export const IconAddLink = "";
+export const IconAddLocation = "";
+export const IconAddLocationAlt = "";
+export const IconAddModerator = "";
+export const IconAddPhotoAlternate = "";
+export const IconAddReaction = "";
+export const IconAddRoad = "";
+export const IconAddShoppingCart = "";
+export const IconAddTask = "";
+export const IconAddToDrive = "";
+export const IconAddToHomeScreen = "";
+export const IconAddToPhotos = "";
+export const IconAddToQueue = "";
+export const IconAddchart = "";
+export const IconAdfScanner = "";
+export const IconAdjust = "";
+export const IconAdminPanelSettings = "";
+export const IconAdsClick = "";
+export const IconAgriculture = "";
+export const IconAir = "";
+export const IconAirlineSeatFlat = "";
+export const IconAirlineSeatFlatAngled = "";
+export const IconAirlineSeatIndividualSuite = "";
+export const IconAirlineSeatLegroomExtra = "";
+export const IconAirlineSeatLegroomNormal = "";
+export const IconAirlineSeatLegroomReduced = "";
+export const IconAirlineSeatReclineExtra = "";
+export const IconAirlineSeatReclineNormal = "";
+export const IconAirlineStops = "";
+export const IconAirlines = "";
+export const IconAirplaneTicket = "";
+export const IconAirplanemodeActive = "";
+export const IconAirplanemodeInactive = "";
+export const IconAirplay = "";
+export const IconAirportShuttle = "";
+export const IconAlarm = IconAccessAlarm;
+export const IconAlarmAdd = IconAddAlarm;
+export const IconAlarmOff = "";
+export const IconAlarmOn = "";
+export const IconAlbum = "";
+export const IconAlignHorizontalCenter = "";
+export const IconAlignHorizontalLeft = "";
+export const IconAlignHorizontalRight = "";
+export const IconAlignVerticalBottom = "";
+export const IconAlignVerticalCenter = "";
+export const IconAlignVerticalTop = "";
+export const IconAllInbox = "";
+export const IconAllInclusive = "";
+export const IconAllOut = "";
+export const IconAltRoute = "";
+export const IconAlternateEmail = "";
+export const IconAmpStories = "";
+export const IconAnalytics = "";
+export const IconAnchor = "";
+export const IconAnimation = "";
+export const IconAnnouncement = "";
+export const IconAod = "";
+export const IconApartment = "";
+export const IconApi = "";
+export const IconAppBlocking = "";
+export const IconAppRegistration = "";
+export const IconAppSettingsAlt = "";
+export const IconAppShortcut = "";
+export const IconApproval = "";
+export const IconApps = "";
+export const IconAppsOutage = "";
+export const IconArchitecture = "";
+export const IconArchive = "";
+export const IconAreaChart = "";
+export const IconArrowBack = "";
+export const IconArrowBackIos = "";
+export const IconArrowBackIosNew = "";
+export const IconArrowCircleDown = "";
+export const IconArrowCircleLeft = "";
+export const IconArrowCircleRight = "";
+export const IconArrowCircleUp = "";
+export const IconArrowDownward = "";
+export const IconArrowDropDown = "";
+export const IconArrowDropDownCircle = "";
+export const IconArrowDropUp = "";
+export const IconArrowForward = "";
+export const IconArrowForwardIos = "";
+export const IconArrowLeft = "";
+export const IconArrowRight = "";
+export const IconArrowRightAlt = "";
+export const IconArrowUpward = "";
+export const IconArtTrack = "";
+export const IconArticle = "";
+export const IconAspectRatio = "";
+export const IconAssessment = "";
+export const IconAssignment = "";
+export const IconAssignmentInd = "";
+export const IconAssignmentLate = "";
+export const IconAssignmentReturn = "";
+export const IconAssignmentReturned = "";
+export const IconAssignmentTurnedIn = "";
+export const IconAssistant = "";
+export const IconAssistantDirection = "";
+export const IconAssistantPhoto = "";
+export const IconAssuredWorkload = "";
+export const IconAtm = "";
+export const IconAttachEmail = "";
+export const IconAttachFile = "";
+export const IconAttachMoney = "";
+export const IconAttachment = "";
+export const IconAttractions = "";
+export const IconAttribution = "";
+export const IconAudioFile = "";
+export const IconAudiotrack = "";
+export const IconAutoAwesome = "";
+export const IconAutoAwesomeMosaic = "";
+export const IconAutoAwesomeMotion = "";
+export const IconAutoDelete = "";
+export const IconAutoFixHigh = "";
+export const IconAutoFixNormal = "";
+export const IconAutoFixOff = "";
+export const IconAutoGraph = "";
+export const IconAutoStories = "";
+export const IconAutofpsSelect = "";
+export const IconAutorenew = "";
+export const IconAvTimer = "";
+export const IconBabyChangingStation = "";
+export const IconBackHand = "";
+export const IconBackpack = "";
+export const IconBackspace = "";
+export const IconBackup = "";
+export const IconBackupTable = "";
+export const IconBadge = "";
+export const IconBakeryDining = "";
+export const IconBalance = "";
+export const IconBalcony = "";
+export const IconBallot = "";
+export const IconBarChart = "";
+export const IconBarcode = "";
+export const IconBatchPrediction = "";
+export const IconBathroom = "";
+export const IconBathtub = "";
+export const IconBattery0Bar = "";
+export const IconBattery1Bar = "";
+export const IconBattery2Bar = "";
+export const IconBattery20 = "";
+export const IconBattery3Bar = "";
+export const IconBattery30 = "";
+export const IconBattery4Bar = "";
+export const IconBattery5Bar = "";
+export const IconBattery50 = "";
+export const IconBattery6Bar = "";
+export const IconBattery60 = "";
+export const IconBattery80 = "";
+export const IconBattery90 = "";
+export const IconBatteryAlert = "