Toolbar
Beta

Icon

The FktIcon component provides a comprehensive icon system with a curated set of icons for various UI elements and interactions. Built with scalable vector graphics for crisp display at any size and seamless integration with the design system.

Import

import {FktIconComponent} from "frakton-ng/icon";

Basic icon

A basic icon with default size and color, inheriting from parent text color.

Large icon

An icon with custom large size demonstrating size flexibility.

Colored icon

An icon with custom color showing color customization capabilities.

Complete gallery of all available icons with search functionality to explore the icon library.

Copy template
Copy name

academic-cap

Copy template
Copy name

adjustments-horizontal

Copy template
Copy name

adjustments-vertical

Copy template
Copy name

archive-box-arrow-down

Copy template
Copy name

archive-box-x-mark

Copy template
Copy name

archive-box

Copy template
Copy name

arrow-down-circle

Copy template
Copy name

arrow-down-left

Copy template
Copy name

arrow-down-on-square-stack

Copy template
Copy name

arrow-down-on-square

Copy template
Copy name

arrow-down-right

Copy template
Copy name

arrow-down-tray

Copy template
Copy name

arrow-down

Copy template
Copy name

arrow-left-circle

Copy template
Copy name

arrow-left-end-on-rectangle

Copy template
Copy name

arrow-left-start-on-rectangle

Copy template
Copy name

arrow-left

Copy template
Copy name

arrow-long-down

Copy template
Copy name

arrow-long-left

Copy template
Copy name

arrow-long-right

Copy template
Copy name

arrow-long-up

Copy template
Copy name

arrow-path-rounded-square

Copy template
Copy name

arrow-right-circle

Copy template
Copy name

arrow-right-end-on-rectangle

Copy template
Copy name

arrow-right-start-on-rectangle

Copy template
Copy name

arrow-right

Copy template
Copy name

arrow-top-right-on-square

Copy template
Copy name

arrow-trending-down

Copy template
Copy name

arrow-trending-up

Copy template
Copy name

arrow-turn-down-left

Copy template
Copy name

arrow-turn-down-right

Copy template
Copy name

arrow-turn-left-down

Copy template
Copy name

arrow-turn-left-up

Copy template
Copy name

arrow-turn-right-down

Copy template
Copy name

arrow-turn-right-up

Copy template
Copy name

arrow-turn-up-left

Copy template
Copy name

arrow-turn-up-right

Copy template
Copy name

arrow-up-circle

Copy template
Copy name

arrow-up-left

Copy template
Copy name

arrow-up-on-square-stack

Copy template
Copy name

arrow-up-on-square

Copy template
Copy name

arrow-up-right

Copy template
Copy name

arrow-up-tray

Copy template
Copy name

arrow-up

Copy template
Copy name

arrow-uturn-down

Copy template
Copy name

arrow-uturn-left

Copy template
Copy name

arrow-uturn-right

Copy template
Copy name

arrow-uturn-up

Copy template
Copy name

arrow

Copy template
Copy name

arrows-pointing-in

Copy template
Copy name

arrows-pointing-out

Copy template
Copy name

arrows-right-left

Copy template
Copy name

arrows-up-down

Copy template
Copy name

at-symbol

Copy template
Copy name

backspace

Copy template
Copy name

backward

Copy template
Copy name

banknotes

Copy template
Copy name

bars-2

Copy template
Copy name

bars-3-bottom-left

Copy template
Copy name

bars-3-bottom-right

Copy template
Copy name

bars-3-center-left

Copy template
Copy name

bars-3

Copy template
Copy name

bars-4

Copy template
Copy name

bars-arrow-down

Copy template
Copy name

bars-arrow-up

Copy template
Copy name

battery-0

Copy template
Copy name

battery-100

Copy template
Copy name

battery-50

Copy template
Copy name

beaker

Copy template
Copy name

bell-alert

Copy template
Copy name

bell-slash

Copy template
Copy name

bell-snooze

Copy template
Copy name

bell

Copy template
Copy name

bold

Copy template
Copy name

bolt-slash

Copy template
Copy name

bolt

Copy template
Copy name

book-open

Copy template
Copy name

bookmark-slash

Copy template
Copy name

bookmark-square

Copy template
Copy name

bookmark

Copy template
Copy name

briefcase

Copy template
Copy name

bug-ant

Copy template
Copy name

building-library

Copy template
Copy name

building-office-2

Copy template
Copy name

building-office

Copy template
Copy name

building-storefront

Copy template
Copy name

cake

Copy template
Copy name

calculator

Copy template
Copy name

calendar-date-range

Copy template
Copy name

calendar-days

Copy template
Copy name

calendar

Copy template
Copy name

camera

Copy template
Copy name

chart-bar-square

Copy template
Copy name

chart-bar

Copy template
Copy name

chart-pie

Copy template
Copy name

chat-bubble-bottom-center-text

Copy template
Copy name

chat-bubble-bottom-center

Copy template
Copy name

chat-bubble-left-ellipsis

Copy template
Copy name

chat-bubble-left-right

Copy template
Copy name

chat-bubble-left

Copy template
Copy name

chat-bubble-oval-left-ellipsis

Copy template
Copy name

chat-bubble-oval-left

Copy template
Copy name

check-badge

Copy template
Copy name

check-circle

Copy template
Copy name

check

Copy template
Copy name

chevron-double-down

Copy template
Copy name

chevron-double-left

Copy template
Copy name

chevron-double-right

Copy template
Copy name

chevron-double-up

Copy template
Copy name

chevron-down

Copy template
Copy name

chevron-left

Copy template
Copy name

chevron-right

Copy template
Copy name

chevron-up-down

Copy template
Copy name

chevron-up

Copy template
Copy name

circle-stack

Copy template
Copy name

clipboard-document-check

Copy template
Copy name

clipboard-document-list

Copy template
Copy name

clipboard-document

Copy template
Copy name

clipboard

Copy template
Copy name

clock

Copy template
Copy name

cloud-arrow-down

Copy template
Copy name

cloud-arrow-up

Copy template
Copy name

cloud

Copy template
Copy name

code-bracket-square

Copy template
Copy name

code-bracket

Copy template
Copy name

cog-6-tooth

Copy template
Copy name

cog-8-tooth

Copy template
Copy name

cog

Copy template
Copy name

command-line

Copy template
Copy name

computer-desktop

Copy template
Copy name

cpu-chip

Copy template
Copy name

credit-card

Copy template
Copy name

cube-transparent

Copy template
Copy name

cube

Copy template
Copy name

currency-bangladeshi

Copy template
Copy name

currency-dollar

Copy template
Copy name

currency-euro

Copy template
Copy name

currency-pound

Copy template
Copy name

currency-rupee

Copy template
Copy name

currency-yen

Copy template
Copy name

cursor-arrow-rays

Copy template
Copy name

cursor-arrow-ripple

Copy template
Copy name

device-phone-mobile

Copy template
Copy name

device-tablet

Copy template
Copy name

divide

Copy template
Copy name

document-arrow-down

Copy template
Copy name

document-arrow-up

Copy template
Copy name

document-chart-bar

Copy template
Copy name

document-check

Copy template
Copy name

document-currency-bangladeshi

Copy template
Copy name

document-currency-dollar

Copy template
Copy name

document-currency-euro

Copy template
Copy name

document-currency-pound

Copy template
Copy name

document-currency-rupee

Copy template
Copy name

document-currency-yen

Copy template
Copy name

document-duplicate

Copy template
Copy name

document-magnifying-glass

Copy template
Copy name

document-minus

Copy template
Copy name

document-plus

Copy template
Copy name

document-text

Copy template
Copy name

document

Copy template
Copy name

ellipsis-horizontal-circle

Copy template
Copy name

ellipsis-horizontal

Copy template
Copy name

ellipsis-vertical

Copy template
Copy name

envelope-open

Copy template
Copy name

envelope

Copy template
Copy name

equals

Copy template
Copy name

exclamation-circle

Copy template
Copy name

exclamation-triangle

Copy template
Copy name

eye-dropper

Copy template
Copy name

eye-slash

Copy template
Copy name

eye

Copy template
Copy name

face-frown

Copy template
Copy name

face-smile

Copy template
Copy name

film

Copy template
Copy name

finger-print

Copy template
Copy name

fire

Copy template
Copy name

flag

Copy template
Copy name

folder-arrow-down

Copy template
Copy name

folder-minus

Copy template
Copy name

folder-open

Copy template
Copy name

folder-plus

Copy template
Copy name

folder

Copy template
Copy name

forward

Copy template
Copy name

funnel

Copy template
Copy name

gif

Copy template
Copy name

gift-top

Copy template
Copy name

gift

Copy template
Copy name

globe-alt

Copy template
Copy name

globe-americas

Copy template
Copy name

globe-asia-australia

Copy template
Copy name

globe-europe-africa

Copy template
Copy name

h1

Copy template
Copy name

h2

Copy template
Copy name

h3

Copy template
Copy name

hand-raised

Copy template
Copy name

hand-thumb-down

Copy template
Copy name

hand-thumb-up

Copy template
Copy name

hashtag

Copy template
Copy name

heart

Copy template
Copy name

home-modern

Copy template
Copy name

home

Copy template
Copy name

identification

Copy template
Copy name

inbox-arrow-down

Copy template
Copy name

inbox-stack

Copy template
Copy name

inbox

Copy template
Copy name

information-circle

Copy template
Copy name

italic

Copy template
Copy name

key

Copy template
Copy name

language

Copy template
Copy name

lifebuoy

Copy template
Copy name

light-bulb

Copy template
Copy name

link-slash

Copy template
Copy name

link

Copy template
Copy name

list-bullet

Copy template
Copy name

lock-closed

Copy template
Copy name

lock-open

Copy template
Copy name

magnifying-glass-circle

Copy template
Copy name

magnifying-glass-minus

Copy template
Copy name

magnifying-glass-plus

Copy template
Copy name

magnifying-glass

Copy template
Copy name

map-pin

Copy template
Copy name

map

Copy template
Copy name

megaphone

Copy template
Copy name

microphone

Copy template
Copy name

minus-circle

Copy template
Copy name

minus

Copy template
Copy name

moon

Copy template
Copy name

musical-note

Copy template
Copy name

newspaper

Copy template
Copy name

no-symbol

Copy template
Copy name

numbered-list

Copy template
Copy name

output

Copy template
Copy name

paint-brush

Copy template
Copy name

paper-airplane

Copy template
Copy name

paper-clip

Copy template
Copy name

pause-circle

Copy template
Copy name

pause

Copy template
Copy name

pencil-square

Copy template
Copy name

pencil

Copy template
Copy name

percent-badge

Copy template
Copy name

phone-arrow-down-left

Copy template
Copy name

phone-arrow-up-right

Copy template
Copy name

phone-x-mark

Copy template
Copy name

phone

Copy template
Copy name

photo

Copy template
Copy name

play-circle

Copy template
Copy name

play-pause

Copy template
Copy name

play

Copy template
Copy name

plus-circle

Copy template
Copy name

plus

Copy template
Copy name

power

Copy template
Copy name

presentation-chart-bar

Copy template
Copy name

presentation-chart-line

Copy template
Copy name

printer

Copy template
Copy name

puzzle-piece

Copy template
Copy name

qr-code

Copy template
Copy name

question-mark-circle

Copy template
Copy name

queue-list

Copy template
Copy name

radio

Copy template
Copy name

receipt-percent

Copy template
Copy name

receipt-refund

Copy template
Copy name

rectangle-group

Copy template
Copy name

rectangle-stack

Copy template
Copy name

rocket-launch

Copy template
Copy name

rss

Copy template
Copy name

scale

Copy template
Copy name

scissors

Copy template
Copy name

server-stack

Copy template
Copy name

server

Copy template
Copy name

share

Copy template
Copy name

shield-check

Copy template
Copy name

shield-exclamation

Copy template
Copy name

shopping-bag

Copy template
Copy name

shopping-cart

Copy template
Copy name

signal-slash

Copy template
Copy name

signal

Copy template
Copy name

slash

Copy template
Copy name

sparkles

Copy template
Copy name

speaker-wave

Copy template
Copy name

speaker-x-mark

Copy template
Copy name

square-2-stack

Copy template
Copy name

square-3-stack-3d

Copy template
Copy name

squares-2x2

Copy template
Copy name

squares-plus

Copy template
Copy name

star

Copy template
Copy name

stop-circle

Copy template
Copy name

stop

Copy template
Copy name

strikethrough

Copy template
Copy name

sun

Copy template
Copy name

swatch

Copy template
Copy name

table-cells

Copy template
Copy name

tag

Copy template
Copy name

ticket

Copy template
Copy name

trash

Copy template
Copy name

trophy

Copy template
Copy name

truck

Copy template
Copy name

tv

Copy template
Copy name

underline

Copy template
Copy name

user-circle

Copy template
Copy name

user-group

Copy template
Copy name

user-minus

Copy template
Copy name

user-plus

Copy template
Copy name

user

Copy template
Copy name

users

Copy template
Copy name

variable

Copy template
Copy name

video-camera-slash

Copy template
Copy name

video-camera

Copy template
Copy name

view-columns

Copy template
Copy name

viewfinder-circle

Copy template
Copy name

wallet

Copy template
Copy name

wifi

Copy template
Copy name

window

Copy template
Copy name

wrench-screwdriver

Copy template
Copy name

wrench

Copy template
Copy name

x-circle

Copy template
Copy name

x-mark