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-01

Projects

hugeicons:folder-01

About

hugeicons:user-id-verification

Contact

hugeicons:contact-02

Blog

hugeicons:block-game

Gallery

hugeicons:image-03

Certificates

hugeicons:certificate-01

Designs

hugeicons:pen-02

Bookmarks

hugeicons:all-bookmark

Stack

hugeicons:server-stack-03

References

hugeicons:user-group

Volunteer

hugeicons:love-korean-finger

Quick

hugeicons:text-align-justify-right

Freelance

hugeicons:french-fries-02

Learning

hugeicons:online-learning-01

Social Media Icons

Brand icons for social media platforms and external links.

LinkedIn

hugeicons:linkedin-01

GitHub

hugeicons:github

Instagram

hugeicons:instagram

YouTube

hugeicons:youtube

Medium

hugeicons:medium-square

Behance

hugeicons:behance-02

Buy Me a Coffee

simple-icons:buymeacoffee

UI & Action Icons

Common interface icons for buttons, actions, and interactive elements.

Search

hugeicons:search-01

Settings

hugeicons:settings-01

Download

hugeicons:download-01

Upload

hugeicons:upload-01

Share

hugeicons:share-01

Heart

hugeicons:favourite

Star

hugeicons:star

Eye

hugeicons:eye

Edit

hugeicons:edit-01

Delete

hugeicons:delete-01

Copy

hugeicons:copy-01

Paste

hugeicons:file-paste

Rocket

hugeicons:rocket-01

Sparkles

hugeicons:sparkles

Bell

hugeicons:notification-01

Mail

hugeicons:mail-01

Navigation & Arrows

Directional icons for navigation, pagination, and user flow.

Arrow Left

hugeicons:arrow-left-01

Arrow Right

hugeicons:arrow-right-01

Arrow Up

hugeicons:arrow-up-01

Arrow Down

hugeicons:arrow-down-01

Chevron Left

hugeicons:arrow-left-double

Chevron Right

hugeicons:arrow-right-double

Chevron Up

hugeicons:arrow-up-double

Chevron Down

hugeicons:arrow-down-double

Theme Icons

Icons used for theme switching and display preferences.

Light Mode

mdi:weather-sunny

Dark Mode

mdi:weather-night

System

mdi:monitor

Usage 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" />