CSS Icon - Search
Open links in new tab
  1. CSS
    CSSStyle sheet language
    DownloadDocumentationTutorials
     
  2. W3School
    https://www.w3schools.com/Css/css_icons.asp

    CSS Icons - W3Schools

    • Learn how to use icon libraries such as Font Awesome, Bootstrap and Google to add scalable vector icons to your HTML page. See examples, tutorials and references for each icon library.… See more

    How to Add Icons

    The simplest way to add an icon to your HTML page, is with an icon library, such as Font … See more

    W3School
    Font Awesome Icons

    To use the Font Awesome icons, go to fontawesome.com, sign in, and get a code to add in the <head>section of your HTML page: Read more about how to get started with Font A… See more

    W3School
    Font Awesome
    Font Awesome
    How to Use and Style Icons with Pure CSS: An Ultimate Guide - W…
    Learn how to add Font Awesome icons to your website using HTML and CSS. Find out how to size, color, animate, rotate, and style your icons with examples and code snippets.
    W3docs · https://www.w3docs.com/snippets/cs…
    Feedback
    Table of Contents
    How to Add Icons
    Font Awesome Icons
     
    Kizdar net | Kizdar net | Кыздар Нет
  1. 123

    Icons are visual elements that can enhance the user interface by providing intuitive representations of actions, objects, or statuses. They can be easily added to your HTML pages using various icon libraries such as Font Awesome, Bootstrap Icons, and Google Material Icons.

    Adding Icons

    Font Awesome Icons

    Font Awesome is a popular icon library that provides a wide range of icons. To use Font Awesome icons, you need to include the Font Awesome library in the <head> section of your HTML page:

    <!DOCTYPE html>
    <html>
    <head>
    <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>
    </head>
    <body>
    <i class="fas fa-cloud"></i>
    <i class="fas fa-heart"></i>
    <i class="fas fa-car"></i>
    <i class="fas fa-file"></i>
    <i class="fas fa-bars"></i>
    </body>
    </html>

    Bootstrap Icons

    Bootstrap Icons are part of the Bootstrap framework and can be added by including the Bootstrap CSS file in the <head> section of your HTML page:

    Was this helpful?
     
  2. Font Awesome
    https://fontawesome.com

    Font Awesome

    Font Awesome is the Internet's icon library and toolkit, with over 33,000 icons in 68 categories and 10 styles. You can use Font Awesome with CSS, JS, Figma, or SVG, and customize your icons with color, size, animations, and more.

     
  3. Bootstrap Icons
    https://icons.getbootstrap.com

    Bootstrap Icons · Official open source SVG icon library for Bootstrap

  4. W3docs
    https://www.w3docs.com/snippets/css/…

    How to Use and Style Icons with Pure CSS: An …

    Learn how to add Font Awesome icons to your website using HTML and CSS. Find out how to size, color, animate, rotate, and style your icons with examples and code snippets.

  5. css.gg
    https://css.gg

    CSS＊GG • The CSS Icon Library

  6. Explore CSS Icon

  7. W3School
    https://www.w3schools.com/w3css/w3css_icons.asp

    W3.CSS Icons - W3Schools

  8. webtutor.dev
    https://webtutor.dev/css/css-icons

    CSS Icons: A Comprehensive Guide to Stylish and Responsive

  9. Code Boxx
    https://code-boxx.com/add-icons-html-…

    4 Easy Ways to Add Icons In HTML CSS (Simple …

    Jan 15, 2024 · Here are 4 common ways to add icons in HTML CSS: Use HTML symbols, simply copy and paste the respective HTML entity code. E.G. &#9733; represents a star symbol. Download icon images from websites such as …

  10. Iconify
    https://iconify.design/docs/usage/css

    How to use icons in CSS - iconify.design

  11. Programiz
    https://www.programiz.com/css/icons-styling

    CSS Icons Styling (With Examples) - Programiz

  12. W3School
    https://www.w3schools.com/icons

    Icons Tutorial - W3Schools

  13. Github
    https://github.com/astrit/css.gg

    GitHub - astrit/css.gg: 700+ Pure CSS, SVG & Figma UI Icons, …

  14. Materialize
    https://materializecss.com/icons.html

    Icons - Materialize CSS

  15. Free Frontend
    https://freefrontend.com/css-icons

    55+ CSS Icons and Icon Sets - Free Frontend

  16. Google Fonts
    https://fonts.google.com/icons

    Material Symbols and Icons - Google Fonts

  17. Font Awesome
    https://fontawesome.com/v4

    Font Awesome, the iconic font and CSS toolkit

  18. W3School
    https://www.w3schools.com/howto/howto_css_icon_buttons.asp

    How To Create Icon Buttons - W3Schools

  19. W3School
    https://www.w3schools.com/icons/fontawesome_icons_intro.asp

    Font Awesome Intro - W3Schools