SVG icons made easy
UX Icons
Render SVG icons seamlessly from your Twig templates.
Find the perfect icon among 200,000 choices from the most popular icon sets.
heroicons:academic-cap
heroicons:academic-cap-16-solid
heroicons:academic-cap-20-solid
heroicons:academic-cap-solid
heroicons:adjustments-horizontal
heroicons:adjustments-horizontal-16-solid
heroicons:adjustments-horizontal-20-solid
heroicons:adjustments-horizontal-solid
heroicons:adjustments-vertical
heroicons:adjustments-vertical-16-solid
heroicons:adjustments-vertical-20-solid
heroicons:adjustments-vertical-solid
heroicons:archive-box
heroicons:archive-box-16-solid
heroicons:archive-box-20-solid
heroicons:archive-box-arrow-down
heroicons:archive-box-arrow-down-16-solid
heroicons:archive-box-arrow-down-20-solid
heroicons:archive-box-arrow-down-solid
heroicons:archive-box-solid
heroicons:archive-box-x-mark
heroicons:archive-box-x-mark-16-solid
heroicons:archive-box-x-mark-20-solid
heroicons:archive-box-x-mark-solid
heroicons:arrow-down
heroicons:arrow-down-16-solid
heroicons:arrow-down-20-solid
heroicons:arrow-down-circle
heroicons:arrow-down-circle-16-solid
heroicons:arrow-down-circle-20-solid
heroicons:arrow-down-circle-solid
heroicons:arrow-down-left
heroicons:arrow-down-left-16-solid
heroicons:arrow-down-left-20-solid
heroicons:arrow-down-left-solid
heroicons:arrow-down-on-square
heroicons:arrow-down-on-square-16-solid
heroicons:arrow-down-on-square-20-solid
heroicons:arrow-down-on-square-solid
heroicons:arrow-down-on-square-stack
heroicons:arrow-down-on-square-stack-16-solid
heroicons:arrow-down-on-square-stack-20-solid
heroicons:arrow-down-on-square-stack-solid
heroicons:arrow-down-right
heroicons:arrow-down-right-16-solid
heroicons:arrow-down-right-20-solid
heroicons:arrow-down-right-solid
heroicons:arrow-down-solid
heroicons:arrow-down-tray
heroicons:arrow-down-tray-16-solid
heroicons:arrow-down-tray-20-solid
heroicons:arrow-down-tray-solid
heroicons:arrow-left
heroicons:arrow-left-16-solid
heroicons:arrow-left-20-solid
heroicons:arrow-left-circle
heroicons:arrow-left-circle-16-solid
heroicons:arrow-left-circle-20-solid
heroicons:arrow-left-circle-solid
heroicons:arrow-left-end-on-rectangle
heroicons:arrow-left-end-on-rectangle-16-solid
heroicons:arrow-left-end-on-rectangle-20-solid
heroicons:arrow-left-end-on-rectangle-solid
heroicons:arrow-left-on-rectangle
heroicons:arrow-left-on-rectangle-20-solid
heroicons:arrow-left-on-rectangle-solid
heroicons:arrow-left-solid
heroicons:arrow-left-start-on-rectangle
heroicons:arrow-left-start-on-rectangle-16-solid
heroicons:arrow-left-start-on-rectangle-20-solid
heroicons:arrow-left-start-on-rectangle-solid
heroicons:arrow-long-down
heroicons:arrow-long-down-16-solid
heroicons:arrow-long-down-20-solid
heroicons:arrow-long-down-solid
heroicons:arrow-long-left
heroicons:arrow-long-left-16-solid
heroicons:arrow-long-left-20-solid
heroicons:arrow-long-left-solid
heroicons:arrow-long-right
heroicons:arrow-long-right-16-solid
heroicons:arrow-long-right-20-solid
heroicons:arrow-long-right-solid
heroicons:arrow-long-up
heroicons:arrow-long-up-16-solid
heroicons:arrow-long-up-20-solid
heroicons:arrow-long-up-solid
heroicons:arrow-path
heroicons:arrow-path-16-solid
heroicons:arrow-path-20-solid
heroicons:arrow-path-rounded-square
heroicons:arrow-path-rounded-square-16-solid
heroicons:arrow-path-rounded-square-20-solid
heroicons:arrow-path-rounded-square-solid
heroicons:arrow-path-solid
heroicons:arrow-right
heroicons:arrow-right-16-solid
heroicons:arrow-right-20-solid
heroicons:arrow-right-circle
heroicons:arrow-right-circle-16-solid
heroicons:arrow-right-circle-20-solid
heroicons:arrow-right-circle-solid
heroicons:arrow-right-end-on-rectangle
heroicons:arrow-right-end-on-rectangle-16-solid
heroicons:arrow-right-end-on-rectangle-20-solid
heroicons:arrow-right-end-on-rectangle-solid
heroicons:arrow-right-on-rectangle
heroicons:arrow-right-on-rectangle-20-solid
heroicons:arrow-right-on-rectangle-solid
heroicons:arrow-right-solid
heroicons:arrow-right-start-on-rectangle
heroicons:arrow-right-start-on-rectangle-16-solid
heroicons:arrow-right-start-on-rectangle-20-solid
heroicons:arrow-right-start-on-rectangle-solid
heroicons:arrow-small-down
heroicons:arrow-small-down-20-solid
heroicons:arrow-small-down-solid
heroicons:arrow-small-left
heroicons:arrow-small-left-20-solid
heroicons:arrow-small-left-solid
heroicons:arrow-small-right
heroicons:arrow-small-right-20-solid
heroicons:arrow-small-right-solid
heroicons:arrow-small-up
heroicons:arrow-small-up-20-solid
heroicons:arrow-small-up-solid
heroicons:arrow-top-right-on-square
heroicons:arrow-top-right-on-square-16-solid
heroicons:arrow-top-right-on-square-20-solid
heroicons:arrow-top-right-on-square-solid
heroicons:arrow-trending-down
heroicons:arrow-trending-down-16-solid
heroicons:arrow-trending-down-20-solid
heroicons:arrow-trending-down-solid
heroicons:arrow-trending-up
heroicons:arrow-trending-up-16-solid
heroicons:arrow-trending-up-20-solid
heroicons:arrow-trending-up-solid
heroicons:arrow-turn-down-left
heroicons:arrow-turn-down-left-16-solid
heroicons:arrow-turn-down-left-20-solid
heroicons:arrow-turn-down-left-solid
heroicons:arrow-turn-down-right
heroicons:arrow-turn-down-right-16-solid
heroicons:arrow-turn-down-right-20-solid
heroicons:arrow-turn-down-right-solid
heroicons:arrow-turn-left-down
heroicons:arrow-turn-left-down-16-solid
heroicons:arrow-turn-left-down-20-solid
heroicons:arrow-turn-left-down-solid
heroicons:arrow-turn-left-up
heroicons:arrow-turn-left-up-16-solid
heroicons:arrow-turn-left-up-20-solid
heroicons:arrow-turn-left-up-solid
heroicons:arrow-turn-right-down
heroicons:arrow-turn-right-down-16-solid
heroicons:arrow-turn-right-down-20-solid
heroicons:arrow-turn-right-down-solid
heroicons:arrow-turn-right-up
heroicons:arrow-turn-right-up-16-solid
heroicons:arrow-turn-right-up-20-solid
heroicons:arrow-turn-right-up-solid
heroicons:arrow-turn-up-left
heroicons:arrow-turn-up-left-16-solid
heroicons:arrow-turn-up-left-20-solid
heroicons:arrow-turn-up-left-solid
heroicons:arrow-turn-up-right
heroicons:arrow-turn-up-right-16-solid
heroicons:arrow-turn-up-right-20-solid
heroicons:arrow-turn-up-right-solid
heroicons:arrow-up
heroicons:arrow-up-16-solid
heroicons:arrow-up-20-solid
heroicons:arrow-up-circle
heroicons:arrow-up-circle-16-solid
heroicons:arrow-up-circle-20-solid
heroicons:arrow-up-circle-solid
heroicons:arrow-up-left
heroicons:arrow-up-left-16-solid
heroicons:arrow-up-left-20-solid
heroicons:arrow-up-left-solid
heroicons:arrow-up-on-square
heroicons:arrow-up-on-square-16-solid
heroicons:arrow-up-on-square-20-solid
heroicons:arrow-up-on-square-solid
heroicons:arrow-up-on-square-stack
heroicons:arrow-up-on-square-stack-16-solid
heroicons:arrow-up-on-square-stack-20-solid
heroicons:arrow-up-on-square-stack-solid
heroicons:arrow-up-right
heroicons:arrow-up-right-16-solid
heroicons:arrow-up-right-20-solid
heroicons:arrow-up-right-solid
heroicons:arrow-up-solid
heroicons:arrow-up-tray
heroicons:arrow-up-tray-16-solid
heroicons:arrow-up-tray-20-solid
heroicons:arrow-up-tray-solid
heroicons:arrow-uturn-down
heroicons:arrow-uturn-down-16-solid
heroicons:arrow-uturn-down-20-solid
heroicons:arrow-uturn-down-solid
heroicons:arrow-uturn-left
heroicons:arrow-uturn-left-16-solid
heroicons:arrow-uturn-left-20-solid
heroicons:arrow-uturn-left-solid
heroicons:arrow-uturn-right
heroicons:arrow-uturn-right-16-solid
heroicons:arrow-uturn-right-20-solid
heroicons:arrow-uturn-right-solid
heroicons:arrow-uturn-up
heroicons:arrow-uturn-up-16-solid
heroicons:arrow-uturn-up-20-solid
heroicons:arrow-uturn-up-solid
heroicons:arrows-pointing-in
heroicons:arrows-pointing-in-16-solid
heroicons:arrows-pointing-in-20-solid
heroicons:arrows-pointing-in-solid
heroicons:arrows-pointing-out
heroicons:arrows-pointing-out-16-solid
heroicons:arrows-pointing-out-20-solid
heroicons:arrows-pointing-out-solid
heroicons:arrows-right-left
heroicons:arrows-right-left-16-solid
heroicons:arrows-right-left-20-solid
heroicons:arrows-right-left-solid
heroicons:arrows-up-down
heroicons:arrows-up-down-16-solid
heroicons:arrows-up-down-20-solid
heroicons:arrows-up-down-solid
heroicons:at-symbol
heroicons:at-symbol-16-solid
heroicons:at-symbol-20-solid
heroicons:at-symbol-solid
heroicons:backspace
heroicons:backspace-16-solid
heroicons:backspace-20-solid
heroicons:backspace-solid
heroicons:backward
heroicons:backward-16-solid
heroicons:backward-20-solid
heroicons:backward-solid
heroicons:banknotes
heroicons:banknotes-16-solid
heroicons:banknotes-20-solid
heroicons:banknotes-solid
heroicons:bars-2
heroicons:bars-2-16-solid
heroicons:bars-2-20-solid
heroicons:bars-2-solid
heroicons:bars-3
heroicons:bars-3-16-solid
heroicons:bars-3-20-solid
heroicons:bars-3-bottom-left
heroicons:bars-3-bottom-left-16-solid
heroicons:bars-3-bottom-left-20-solid
Iconic Packages
Popular Icon Sets
Read documentation
BoxIcons v2
814 icons
Flowbite Icons
751 icons
Iconoir
1,671 icons
Lucide
1,756 icons
Tabler Icons
6,184 icons
Octicons
741 icons
Phosphor
9,072 icons
HeroIcons
1,288 iconsDocumentation
Read documentationInstallation
$ composer require symfony/ux-iconsSearch Icons
$ php bin/console ux:icons:search lucideConfiguration
$ php bin/console debug:config ux_icons