Icons SVG

Scalable Vector Graphics

Huge and beautiful Icon library from Awesome and Themify, along with a continuously updated SVG library

Basic SVG Icons

Use the .svg-icon and insert the SVG code

                                                
<span class="svg-icon">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
</span>                              
                                                
                                            
Color SVG Icons

Use the .svg-icon-[brand|secondary|success|info|primary|warning|danger] and insert the SVG code.

Example and Code:

                                                
<span class="svg-icon svg-icon-brand">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
</span>                              
                                                
                                            
Size SVG Icons

Custom size for badges, user -xs, -sm, -md, -lg, -xl, -xxl class

                                                
<span class="svg-icon svg-icon-secondary svg-icon-xs mr-10">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
</span>                                        
<span class="svg-icon svg-icon-secondary svg-icon-sm mr-10">
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg>
</span>
                                                
                                            
SVG Image

you can use SVG icons as image

home
                                                
<img src="[....MediaPath]/assets/imgs/icons/general/general-home.svg" alt="home"/>                              
                                                
                                            
Icons Library

This library will always be updatedy

General
general-home.svg
general-bell.svg
general_link.svg
general-activity.svg
general-align-justify.svg
general-at-sign.svg
general-award.svg
general-bar-chart.svg
general-battery.svg
general-edit.svg
general-bluetooth.svg
general-book.svg
general-bookmark.svg
general-box.svg
general-briefcase.svg
general-clipboard.svg
general-cloud.svg
general-copy.svg
general-credit-card.svg
general-database.svg
general-download-cloud.svg
general-eye.svg
general-file.svg
general-file-plus.svg
general-flag.svg
general-folder.svg
general-globe.svg
general-hard-drive.svg
general-heart.svg
general-image.svg
general-inbox.svg
general-layers.svg
general-loader.svg
general-lock.svg
general-mail.svg
general-map.svg
general-map-pin.svg
general-mic.svg
general-mic-off.svg
general-moon.svg
general-music.svg
general-phone.svg
general-scissors.svg
general-settings.svg
general-shopping-bag.svg
general-shopping-cart.svg
general-star.svg
general-trash.svg
general-upload-cloud.svg
general-user.svg
general-video.svg
general-volume.svg
general-wifi.svg
general-x-circle.svg
general-zap.svg
general-send.svg
general-checked.svg
Arrows & Direction Icons
arrow-up.svg
arrow-right.svg
arrow-down.svg
arrow-left.svg
arrow-up-circle.svg
arrow-right-circle.svg
arrow-down-circle.svg
arrow-left-circle.svg
chevron-up.svg
chevron-right.svg
chevron-down.svg
chevron-left.svg
corner-down-left.svg
corner-down-right.svg
corner-left-down.svg
corner-left-up.svg
corner-right-down.svg
corner-right-up.svg
corner-up-left.svg
corner-up-right.svg
arrow-down-left.svg
arrow-down-right.svg
arrow-up-left.svg
arrow-up-right.svg
arrow_maximize.svg
arrow-minimize.svg
chevron-left-right.svg
Social Network
social-facebook.svg
social-twitter.svg
social-behance.svg
social-instagram.svg
social-linkedin.svg
social-skype.svg
social-paypal.svg
social-telegram.svg
social-vimeo.svg
social-whatsapp.svg
social-youtube.svg
social-windows.svg
social-messenger.svg
social-blogger.svg
social-github.svg
social-pinterest.svg
snapchat.svg
social-vk.svg
social-google.svg
social-viber.svg