Generate search, shopping cart and other icon styles using CSS styles

This article mainly introduces the relevant information about using CSS styles to generate search, shopping cart and other icon styles (icon font library). Friends in need can refer to the

Reference URL: http://fontawesome. dashgame.com/

Basic icons:

You can use Font Awesome icons almost anywhere by using the CSS prefix fa, followed by the icon name. Font Awesome is designed for use with inline elements. We usually prefer to use 5a8028ccc7a7e27417bff9f05adf5932 because it's more concise. But actually using 45a2772a6b6107b401db3c9b82c049c2 is more semantic.

<i class="fa fa-camera-retro"></i> fa-camera-retro

Note: If you modify the font size of the icon container, the icon size will change accordingly. The same changes will happen to colors, shadows, and any other CSS-supported effects.                                                                                                                                                                                                                                                   

Remember to introduce:

<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">

The above is the detailed content of Generate search, shopping cart and other icon styles using CSS styles. For more information, please follow other related articles on the PHP Chinese website!