Icons
A comprehensive collection of icons used throughout the Poyraz UI kit. Built with Iconify and featuring HugeIcons library for consistent design.
Navigation & Menu Icons
Icons used for navigation, menu items, and site structure.
Home
hugeicons:home-01Projects
hugeicons:folder-01About
hugeicons:user-id-verificationContact
hugeicons:contact-02Blog
hugeicons:block-gameGallery
hugeicons:image-03Certificates
hugeicons:certificate-01Designs
hugeicons:pen-02Bookmarks
hugeicons:all-bookmarkStack
hugeicons:server-stack-03References
hugeicons:user-groupVolunteer
hugeicons:love-korean-fingerQuick
hugeicons:text-align-justify-rightFreelance
hugeicons:french-fries-02Learning
hugeicons:online-learning-01Social Media Icons
Brand icons for social media platforms and external links.
hugeicons:linkedin-01GitHub
hugeicons:githubhugeicons:instagramYouTube
hugeicons:youtubeMedium
hugeicons:medium-squareBehance
hugeicons:behance-02Buy Me a Coffee
simple-icons:buymeacoffeeUI & Action Icons
Common interface icons for buttons, actions, and interactive elements.
Search
hugeicons:search-01Settings
hugeicons:settings-01Download
hugeicons:download-01Upload
hugeicons:upload-01Share
hugeicons:share-01Heart
hugeicons:favouriteStar
hugeicons:starEye
hugeicons:eyeEdit
hugeicons:edit-01Delete
hugeicons:delete-01Copy
hugeicons:copy-01Paste
hugeicons:file-pasteRocket
hugeicons:rocket-01Sparkles
hugeicons:sparklesBell
hugeicons:notification-01hugeicons:mail-01Navigation & Arrows
Directional icons for navigation, pagination, and user flow.
Arrow Left
hugeicons:arrow-left-01Arrow Right
hugeicons:arrow-right-01Arrow Up
hugeicons:arrow-up-01Arrow Down
hugeicons:arrow-down-01Chevron Left
hugeicons:arrow-left-doubleChevron Right
hugeicons:arrow-right-doubleChevron Up
hugeicons:arrow-up-doubleChevron Down
hugeicons:arrow-down-doubleTheme Icons
Icons used for theme switching and display preferences.
Light Mode
mdi:weather-sunnyDark Mode
mdi:weather-nightSystem
mdi:monitorUsage Examples
Basic Usage
<Icon name="heart" size={24} /><SolidIcon name="star" size={20} />With Styling
<Icon name="home-01"
color="#ef4444"
className="hover:scale-110" />