Icon Component

Imported in

31 components,
base/Footer.astro base/Header.astro base/PopupHeader.astro library/Accordion.astro library/AskAnAnalystButton.astro library/Button.astro library/ChapterAccordion.astro library/Checkbox.astro library/FAQ.astro library/Filter.astro library/FilterList.astro library/FilteredGrid.astro library/Input.astro library/LegacySelect.astro library/Link.astro library/MostPopularLinks.astro library/SeeAlsoLinks.astro library/SelectInput.astro library/SessionsList.astro library/TOCItems.astro library/TableOfContents.astro library/VideoHeader.astro library/VideoPlayer.astro grid-items/BlogSearchItem.astro grid-items/CourseItem.astro grid-items/DefaultItem.astro grid-items/EventItem.astro grid-items/VideoItem.astro grid-items/VideoSearchItem.astro headers/HeaderHero.astro headers/HeaderTop.astro
43 pages,
isolated/icon.astro pages/NotFound-404.astro pages/accreditation-form.astro pages/advisory.astro pages/article-login.astro pages/article-research.astro pages/article-upgrade.astro pages/article.astro pages/become-a-sponsor.astro pages/blog-feed.astro pages/blog-post-real.astro pages/blog-post.astro pages/checkout-step-1.astro pages/checkout-step-2.astro pages/checkout-step-3.astro pages/checkout-thanks.astro pages/contact-us.astro pages/create-account-1.astro pages/create-account-2.astro pages/create-account-3.astro pages/create-account-thanks.astro pages/events.astro pages/faceted-search.astro pages/guide-real.astro pages/guide.astro pages/insights.astro pages/login.astro pages/newsroom.astro pages/press-release.astro pages/research-landingpage.astro pages/research.astro pages/search.astro pages/subscription-packages.astro pages/tools-choice-video.astro pages/tools-choice.astro pages/video-feed.astro pages/video-playlist-event.astro pages/video-playlist.astro pages/video.astro pages/webinar-registration-success.astro pages/webinar-registration.astro pages/webinar-video.astro pages/young-talents.astro
and has
93 parent dependencies
isolated/footer.astro isolated/popup-footer.astro isolated/header.astro isolated/popup-header.astro isolated/quote-slider.astro isolated/video-header.astro pages/accreditation-form.astro pages/become-a-sponsor.astro pages/tools-choice-video.astro pages/video-playlist-event.astro pages/video-playlist.astro pages/video.astro pages/webinar-registration-success.astro pages/webinar-registration.astro pages/webinar-video.astro pages/young-talents.astro library/Moderations.astro library/SessionsList.astro isolated/moderations.astro pages/person.astro isolated/sessions-list.astro pages/webinar-speaker.astro base/Footer.astro base/Header.astro library/Accordion.astro library/AskAnAnalystButton.astro library/ChapterAccordion.astro library/ContactCTA.astro library/FilteredGrid.astro library/Newsletter.astro library/Slider.astro library/VideoHeader.astro library/VideoPlayer.astro grid-items/BlogSearchItem.astro grid-items/CourseItem.astro grid-items/DefaultItem.astro grid-items/EventItem.astro grid-items/VideoItem.astro grid-items/VideoSearchItem.astro headers/HeaderHero.astro headers/HeaderTop.astro isolated/chapter-accordion.astro pages/guide-real.astro pages/guide.astro isolated/contactCTA.astro pages/about-us.astro pages/advisory.astro pages/cyber-council.astro pages/go-to-market.astro pages/homepage.astro pages/jobs.astro pages/newsroom.astro pages/subscription-packages.astro pages/terms-and-conditions.astro isolated/newsletter.astro pages/article-login.astro pages/article-upgrade.astro pages/events.astro pages/insights.astro pages/research.astro pages/webinar.astro library/EmployeeQuoteSlider.astro isolated/headers.astro pages/people.astro pages/research-landingpage.astro pages/index.astro isolated/bookmark-button.astro isolated/share-button.astro pages/all-topics.astro pages/article-research.astro pages/article.astro pages/blog-post-real.astro pages/blog-post.astro pages/job-detail.astro pages/playlist-event.astro pages/playlist.astro pages/tools-choice.astro pages/webinar-sponsor.astro library/Filter.astro library/FilterList.astro pages/blog-feed.astro pages/faceted-search.astro pages/video-feed.astro library/Input.astro library/MostPopularLinks.astro library/SeeAlsoLinks.astro isolated/see-also-links.astro pages/NotFound-404.astro pages/contact-us.astro pages/press-release.astro pages/404.astro library/TableOfContents.astro isolated/table-of-contents.astro

Properties

icon

Required

IconName;
color
'dark' | 'light';
inverted
boolean;
class
string;

Basic Usage

<Icon class="class" icon={IconName.Info}/>